Fix box shadow on AvatarPair (#499)

* Fix border shadow on AvatarPair children
primer · Feb 17, 2023 · f731161 · f731161
1 parent 5aec263
commit f731161
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/nice-queens-tease.md b/.changeset/nice-queens-tease.md
@@ -0,0 +1,5 @@
+---
+'@primer/primitives': patch
+---
+
+Fix bug on AvatarPair box shadow
diff --git a/data/colors/vars/component_dark.ts b/data/colors/vars/component_dark.ts
@@ -11,7 +11,7 @@ export default {
     border: get('border.subtle'),
     stackFade: get('scale.gray.6'),
     stackFadeMore: get('scale.gray.7'),
-    childShadow: (theme: any) => `-2px -2px 0 ${get('scale.gray.9')(theme)}`
+    childShadow: (theme: any) => `0 0 0 2px ${get('scale.gray.9')(theme)}`
   },
   topicTag: {
     border: 'transparent'

diff --git a/data/colors/vars/component_light.ts b/data/colors/vars/component_light.ts
@@ -11,7 +11,7 @@ export default {
     border: get('border.subtle'),
     stackFade: get('scale.gray.3'),
     stackFadeMore: get('scale.gray.2'),
-    childShadow: (theme: any) => `-2px -2px 0 ${alpha(get('scale.white'), 0.8)(theme)}`
+    childShadow: (theme: any) => `0 0 0 2px ${alpha(get('scale.white'), 0.8)(theme)}`
   },
   topicTag: {
     border: 'transparent'