Merge branch 'main' into improve-markdown-editor

Author: iansan5653

.changeset/nice-apples-collect.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Remove z-index assignment that used to be necessary for the dropdown children of FilteredSearch

docs/content/FilteredSearch.md

@@ -15,14 +15,14 @@ The FilteredSearch component helps style a Dropdown and a TextInput side-by-side
   <ActionMenu>
     <ActionMenu.Button as="summary">Filter</ActionMenu.Button>
     <ActionMenu.Overlay>
-      <ActionList direction="sw">
+      <ActionList>
         <ActionList.Item>Item 1</ActionList.Item>
         <ActionList.Item>Item 2</ActionList.Item>
         <ActionList.Item>Item 3</ActionList.Item>
       </ActionList>
     </ActionMenu.Overlay>
   </ActionMenu>
-  <TextInput icon={SearchIcon} />
+  <TextInput leadingVisual={SearchIcon} />
 </FilteredSearch>
 ```
 

package-lock.json

@@ -18,7 +18,6 @@ const FilteredSearch = styled.div<SxProp>`
     border-radius: 0;
     border-top-right-radius: ${get('radii.2')};
     border-bottom-right-radius: ${get('radii.2')};
-    z-index: 1; // Allows the focus outline to show on top of the dropdown.
   }
 
   ${sx}

src/FilteredSearch.tsx

@@ -24,7 +24,6 @@ exports[`FilteredSearch renders consistently 1`] = `
   border-radius: 0;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
-  z-index: 1;
 }
 
 <div