Merge branch 'main' into fix-text-input-aria-invalid

primer · Mar 7, 2024 · 27dacd3 · 27dacd3
2 parents fda2402 + 7cb3464
commit 27dacd3
Show file tree

Hide file tree

Showing 10 changed files with 311 additions and 24 deletions.
diff --git a/.changeset/fair-sloths-kick.md b/.changeset/fair-sloths-kick.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+experimental/SelectPanel: Add back button
diff --git a/.changeset/neat-toes-build.md b/.changeset/neat-toes-build.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+experimental/SelectPanel: Move focus to first item if there is no filter input
diff --git a/.changeset/wicked-rings-prove.md b/.changeset/wicked-rings-prove.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Tooltip2: Render tooltip element as `span` instead of `div`
diff --git a/packages/react/src/ActionList/Selection.tsx b/packages/react/src/ActionList/Selection.tsx
@@ -30,7 +30,9 @@ export const Selection: React.FC<React.PropsWithChildren<SelectionProps>> = ({se
   }
 
   if (selectionVariant === 'single' || listRole === 'menu') {
-    return <LeadingVisualContainer>{selected && <CheckIcon />}</LeadingVisualContainer>
+    return (
+      <LeadingVisualContainer data-component="ActionList.Selection">{selected && <CheckIcon />}</LeadingVisualContainer>
+    )
   }
 
   /**
@@ -59,7 +61,7 @@ export const Selection: React.FC<React.PropsWithChildren<SelectionProps>> = ({se
   }
 
   return (
-    <LeadingVisualContainer>
+    <LeadingVisualContainer data-component="ActionList.Selection">
       <Box
         sx={{
           borderColor: selected ? 'accent.fg' : 'neutral.emphasis',

diff --git a/packages/react/src/TooltipV2/Tooltip.tsx b/packages/react/src/TooltipV2/Tooltip.tsx
@@ -19,7 +19,7 @@ const animationStyles = `
   animation-delay: 0s;
 `
 
-const StyledTooltip = styled.div`
+const StyledTooltip = styled.span`
   /* Overriding the default popover styles */
   display: none;
   &[popover] {