diff --git a/.changeset/nice-queens-tease.md b/.changeset/nice-queens-tease.md new file mode 100644 index 000000000..a41f68994 --- /dev/null +++ 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 index f3a626705..9245f8503 100644 --- 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 index d4593124d..e00872cdb 100644 --- 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'