Change Tooltip border-radius from 3px to 6px (#4204)

* Change Tooltip border-radius from 3px to 6px * Add changeset * test: update snapshots --------- Co-authored-by: Josh Black <joshblack@github.com> Co-authored-by: Josh Black <joshblack@users.noreply.github.com>
primer · Feb 6, 2024 · da4469d · da4469d
1 parent a2d8165
commit da4469d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/violet-ligers-double.md b/.changeset/violet-ligers-double.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Increase Tooltip border-radius to match Primer View Components
diff --git a/src/Tooltip/Tooltip.tsx b/src/Tooltip/Tooltip.tsx
@@ -42,7 +42,7 @@ const TooltipBase = styled.span<SxProp>`
     pointer-events: none;
     content: attr(aria-label);
     background: ${get('colors.neutral.emphasisPlus')};
-    border-radius: ${get('radii.1')};
+    border-radius: ${get('radii.2')};
     opacity: 0;
   }
 

diff --git a/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/__tests__/__snapshots__/TextInput.test.tsx.snap
@@ -1943,7 +1943,7 @@ exports[`TextInput renders trailingAction icon button 1`] = `
   pointer-events: none;
   content: attr(aria-label);
   background: var(--bgColor-emphasis,var(--color-neutral-emphasis-plus,#24292f));
-  border-radius: 3px;
+  border-radius: 6px;
   opacity: 0;
 }
 
@@ -3027,7 +3027,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = `
   pointer-events: none;
   content: attr(aria-label);
   background: var(--bgColor-emphasis,var(--color-neutral-emphasis-plus,#24292f));
-  border-radius: 3px;
+  border-radius: 6px;
   opacity: 0;
 }