From aaf478479281b2c1151ad2d36046054ea8153263 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 28 Aug 2023 12:02:51 +0200 Subject: [PATCH] added changeset --- .changeset/wild-mangos-deny.md | 5 +++++ src/tokens/functional/shadow/dark.json5 | 22 +++++++++++++++------- src/tokens/functional/shadow/light.json5 | 4 ++-- 3 files changed, 22 insertions(+), 9 deletions(-) create mode 100644 .changeset/wild-mangos-deny.md diff --git a/.changeset/wild-mangos-deny.md b/.changeset/wild-mangos-deny.md new file mode 100644 index 000000000..aec33b763 --- /dev/null +++ b/.changeset/wild-mangos-deny.md @@ -0,0 +1,5 @@ +--- +'@primer/primitives': patch +--- + +Fixing shadows diff --git a/src/tokens/functional/shadow/dark.json5 b/src/tokens/functional/shadow/dark.json5 index f3e319a99..de6bf5e83 100644 --- a/src/tokens/functional/shadow/dark.json5 +++ b/src/tokens/functional/shadow/dark.json5 @@ -132,7 +132,7 @@ $value: [ { color: '{base.color.black}', - alpha: 0.64, + alpha: 0.24, offsetX: '0px', offsetY: '1px', blur: '0px', @@ -145,27 +145,35 @@ small: { $value: [ { - color: '{base.color.transparent}', - alpha: 0, + color: '{base.color.black}', + alpha: 0.16, offsetX: '0px', - offsetY: '0px', + offsetY: '1px', blur: '0px', spread: '0px', inset: false, }, + { + color: '{base.color.black}', + alpha: 0.16, + offsetX: '0px', + offsetY: '1px', + blur: '3px', + spread: '0px', + inset: false, + }, ], $type: 'shadow', }, medium: { $value: [ { - color: '{base.color.black}', - alpha: 1, + color: '{base.color.gray.7}', + alpha: 0.32, offsetX: '0px', offsetY: '3px', blur: '6px', spread: '0px', - inset: false, }, ], $type: 'shadow', diff --git a/src/tokens/functional/shadow/light.json5 b/src/tokens/functional/shadow/light.json5 index c4815cc43..f3c72472c 100644 --- a/src/tokens/functional/shadow/light.json5 +++ b/src/tokens/functional/shadow/light.json5 @@ -237,7 +237,7 @@ large: { $value: [ { - color: '{base.color.gray.4}', + color: '{base.color.gray.7}', alpha: 0.24, offsetX: '0px', offsetY: '40px', @@ -250,7 +250,7 @@ xlarge: { $value: [ { - color: '{base.color.gray.4}', + color: '{base.color.gray.7}', alpha: 0.24, offsetX: '0px', offsetY: '56px',