Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Shadow improvements for resting shadows #1187

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Shadow improvements for resting shadows #1187

wants to merge 2 commits into from
+52 −14

Conversation

lukasoppermann
Copy link
Contributor

Summary

List of notable changes:

What should reviewers focus on?

Steps to test:

@lukasoppermann lukasoppermann self-assigned this Feb 7, 2025
@lukasoppermann lukasoppermann requested review from a team as code owners February 7, 2025 13:53
@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Feb 7, 2025 •
edited
Loading

🦋 Changeset detected

Latest commit: 0e7216b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/primitives Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Feb 7, 2025 •
edited
Loading

Design Token Diff (CSS)

/css/functional/themes/dark-colorblind.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2025-02-07 14:10:41.534182142 +0000
@@ -565,9 +565,9 @@
 --selection-bgColor: #1f6febb3;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-  --shadow-resting-small: 0px 1px 0px 0px #01040966;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
 --tooltip-bgColor: var(--bgColor-emphasis);
 --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
 --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1189,9 +1189,9 @@
   --selection-bgColor: #1f6febb3;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-    --shadow-resting-small: 0px 1px 0px 0px #01040966;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
   --tooltip-bgColor: var(--bgColor-emphasis);
   --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
   --underlineNav-iconColor-rest: var(--fgColor-muted);

/css/functional/themes/dark-dimmed.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed.css	2025-02-07 14:10:38.479143026 +0000
@@ -584,9 +584,9 @@
 --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
 --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
 --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
-  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
-  --shadow-resting-small: 0px 1px 0px 0px #1c212866;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
+  --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
+  --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
 --tooltip-bgColor: var(--bgColor-emphasis);
 --tooltip-fgColor: var(--fgColor-onEmphasis);
 --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -1208,9 +1208,9 @@
   --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
   --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
-    --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
-    --shadow-resting-small: 0px 1px 0px 0px #1c212866;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
+    --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
+    --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
   --tooltip-bgColor: var(--bgColor-emphasis);
   --tooltip-fgColor: var(--fgColor-onEmphasis);
   --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);

/css/functional/themes/dark-high-contrast.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2025-02-07 14:10:43.029201484 +0000
@@ -548,9 +548,9 @@
 --selection-bgColor: #194fb1b3;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-  --shadow-resting-small: 0px 1px 0px 0px #01040966;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
 --topicTag-borderColor: var(--borderColor-accent-emphasis);
 --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
 --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1172,9 +1172,9 @@
   --selection-bgColor: #194fb1b3;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-    --shadow-resting-small: 0px 1px 0px 0px #01040966;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
   --topicTag-borderColor: var(--borderColor-accent-emphasis);
   --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
   --underlineNav-iconColor-rest: var(--fgColor-muted);

/css/functional/themes/dark-tritanopia.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2025-02-07 14:10:40.055163205 +0000
@@ -566,9 +566,9 @@
 --selection-bgColor: #1f6febb3;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-  --shadow-resting-small: 0px 1px 0px 0px #01040966;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
 --tooltip-bgColor: var(--bgColor-emphasis);
 --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
 --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1190,9 +1190,9 @@
   --selection-bgColor: #1f6febb3;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-    --shadow-resting-small: 0px 1px 0px 0px #01040966;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
   --tooltip-bgColor: var(--bgColor-emphasis);
   --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
   --underlineNav-iconColor-rest: var(--fgColor-muted);

/css/functional/themes/dark.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2025-02-07 14:10:37.043124640 +0000
@@ -565,9 +565,9 @@
 --selection-bgColor: #1f6febb3;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-  --shadow-resting-small: 0px 1px 0px 0px #01040966;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
 --tooltip-bgColor: var(--bgColor-emphasis);
 --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
 --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1189,9 +1189,9 @@
   --selection-bgColor: #1f6febb3;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --shadow-inset: inset 0px 1px 0px 0px #0104093d;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-    --shadow-resting-small: 0px 1px 0px 0px #01040966;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
   --tooltip-bgColor: var(--bgColor-emphasis);
   --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
   --underlineNav-iconColor-rest: var(--fgColor-muted);

/css/functional/themes/light-colorblind.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css	2025-02-07 14:10:34.036060024 +0000
@@ -414,7 +414,7 @@
 --selectMenu-bgColor-active: #b6e3ff;
 --selectMenu-borderColor: #ffffff00;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-  --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+  --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
 --skeletonLoader-bgColor: #818b981a;
 --topicTag-borderColor: #ffffff00;
 --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -553,8 +553,8 @@
 --page-header-bgColor: var(--bgColor-muted);
 --selection-bgColor: #0969da33;
 --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
 --sideNav-bgColor-selected: #ffffff;
 --timelineBadge-bgColor: var(--bgColor-muted);
 --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1038,7 +1038,7 @@
   --selectMenu-bgColor-active: #b6e3ff;
   --selectMenu-borderColor: #ffffff00;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-    --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+    --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
   --skeletonLoader-bgColor: #818b981a;
   --topicTag-borderColor: #ffffff00;
   --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1177,8 +1177,8 @@
   --page-header-bgColor: var(--bgColor-muted);
   --selection-bgColor: #0969da33;
   --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
   --sideNav-bgColor-selected: #ffffff;
   --timelineBadge-bgColor: var(--bgColor-muted);
   --tooltip-bgColor: var(--bgColor-emphasis);

/css/functional/themes/light-high-contrast.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-high-contrast.css	2025-02-07 14:10:35.426087863 +0000
@@ -413,7 +413,7 @@
 --selectMenu-bgColor-active: #9cd7ff;
 --selectMenu-borderColor: #ffffff00;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-  --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+  --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
 --skeletonLoader-bgColor: #dae0e7;
 --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
 --underlineNav-borderColor-active: #cd3425;
@@ -552,8 +552,8 @@
 --page-header-bgColor: var(--bgColor-muted);
 --selection-bgColor: #0349b433;
 --shadow-inset: inset 0px 1px 0px 0px #0104090a;
-  --shadow-resting-small: 0px 1px 0px 0px #0104090a;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
 --sideNav-bgColor-selected: #ffffff;
 --timelineBadge-bgColor: var(--bgColor-muted);
 --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1037,7 +1037,7 @@
   --selectMenu-bgColor-active: #9cd7ff;
   --selectMenu-borderColor: #ffffff00;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-    --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+    --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
   --skeletonLoader-bgColor: #dae0e7;
   --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
   --underlineNav-borderColor-active: #cd3425;
@@ -1176,8 +1176,8 @@
   --page-header-bgColor: var(--bgColor-muted);
   --selection-bgColor: #0349b433;
   --shadow-inset: inset 0px 1px 0px 0px #0104090a;
-    --shadow-resting-small: 0px 1px 0px 0px #0104090a;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+    --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
   --sideNav-bgColor-selected: #ffffff;
   --timelineBadge-bgColor: var(--bgColor-muted);
   --tooltip-bgColor: var(--bgColor-emphasis);

/css/functional/themes/light-tritanopia.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css	2025-02-07 14:10:32.582041833 +0000
@@ -420,7 +420,7 @@
 --selectMenu-bgColor-active: #b6e3ff;
 --selectMenu-borderColor: #ffffff00;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-  --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+  --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
 --skeletonLoader-bgColor: #818b981a;
 --topicTag-borderColor: #ffffff00;
 --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -553,8 +553,8 @@
 --page-header-bgColor: var(--bgColor-muted);
 --selection-bgColor: #0969da33;
 --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
 --sideNav-bgColor-selected: #ffffff;
 --timelineBadge-bgColor: var(--bgColor-muted);
 --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1044,7 +1044,7 @@
   --selectMenu-bgColor-active: #b6e3ff;
   --selectMenu-borderColor: #ffffff00;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-    --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+    --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
   --skeletonLoader-bgColor: #818b981a;
   --topicTag-borderColor: #ffffff00;
   --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1177,8 +1177,8 @@
   --page-header-bgColor: var(--bgColor-muted);
   --selection-bgColor: #0969da33;
   --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
   --sideNav-bgColor-selected: #ffffff;
   --timelineBadge-bgColor: var(--bgColor-muted);
   --tooltip-bgColor: var(--bgColor-emphasis);

/css/functional/themes/light.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light.css	2025-02-07 14:10:31.042022566 +0000
@@ -416,7 +416,7 @@
 --selectMenu-bgColor-active: #b6e3ff;
 --selectMenu-borderColor: #ffffff00;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-  --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+  --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
 --skeletonLoader-bgColor: #818b981a;
 --topicTag-borderColor: #ffffff00;
 --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -553,8 +553,8 @@
 --page-header-bgColor: var(--bgColor-muted);
 --selection-bgColor: #0969da33;
 --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
+  --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
 --sideNav-bgColor-selected: #ffffff;
 --timelineBadge-bgColor: var(--bgColor-muted);
 --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1040,7 +1040,7 @@
   --selectMenu-bgColor-active: #b6e3ff;
   --selectMenu-borderColor: #ffffff00;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
-    --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
+    --shadow-resting-medium: 0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f;
   --skeletonLoader-bgColor: #818b981a;
   --topicTag-borderColor: #ffffff00;
   --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1177,8 +1177,8 @@
   --page-header-bgColor: var(--bgColor-muted);
   --selection-bgColor: #0969da33;
   --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
+    --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
   --sideNav-bgColor-selected: #ffffff;
   --timelineBadge-bgColor: var(--bgColor-muted);
   --tooltip-bgColor: var(--bgColor-emphasis);

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Feb 7, 2025 •
edited
Loading

Design Token Diff (StyleLint)

/styleLint/functional/themes/dark-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2025-02-07 14:10:41.534182142 +0000
@@ -28732,7 +28732,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28744,6 +28744,14 @@
         "$value": [
           {
             "color": "#010409",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#010409",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28763,6 +28771,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.0}",
         "alpha": 0.8,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28781,6 +28797,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28801,7 +28825,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #01040966",
+    "$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28813,10 +28837,19 @@
         "$value": [
           {
             "color": "#010409",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#010409",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28833,10 +28866,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
-          "alpha": 0.4,
+          "alpha": 0.6,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.0}",
+          "alpha": 0.6,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28852,10 +28894,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28873,7 +28924,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28887,7 +28938,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28905,7 +28956,7 @@
       "alpha": 0.8,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28922,7 +28973,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/dark-dimmed.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2025-02-07 14:10:38.482143065 +0000
@@ -28724,7 +28724,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #1c2128cc",
+    "$value": "0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28736,6 +28736,14 @@
         "$value": [
           {
             "color": "#1c2128",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#1c2128",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28755,6 +28763,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.0}",
         "alpha": 0.8,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28773,6 +28789,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28793,7 +28817,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #1c212866",
+    "$value": "0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28805,10 +28829,19 @@
         "$value": [
           {
             "color": "#1c2128",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#1c2128",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28825,10 +28858,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
-          "alpha": 0.4,
+          "alpha": 0.6,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.0}",
+          "alpha": 0.6,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28844,10 +28886,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28865,7 +28916,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #1c2128cc",
+    "$value": "0px 1px 1px 0px #1c2128cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28879,7 +28930,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28897,7 +28948,7 @@
       "alpha": 0.8,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28914,7 +28965,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/dark-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2025-02-07 14:10:43.030201497 +0000
@@ -28738,7 +28738,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28750,6 +28750,14 @@
         "$value": [
           {
             "color": "#010409",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#010409",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28769,6 +28777,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.0}",
         "alpha": 0.8,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28787,6 +28803,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28807,7 +28831,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #01040966",
+    "$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28819,10 +28843,19 @@
         "$value": [
           {
             "color": "#010409",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#010409",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28839,10 +28872,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
-          "alpha": 0.4,
+          "alpha": 0.6,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.0}",
+          "alpha": 0.6,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28858,10 +28900,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28879,7 +28930,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28893,7 +28944,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28911,7 +28962,7 @@
       "alpha": 0.8,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28928,7 +28979,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/dark-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2025-02-07 14:10:40.057163231 +0000
@@ -28730,7 +28730,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28742,6 +28742,14 @@
         "$value": [
           {
             "color": "#010409",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#010409",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28761,6 +28769,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.0}",
         "alpha": 0.8,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28779,6 +28795,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28799,7 +28823,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #01040966",
+    "$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28811,10 +28835,19 @@
         "$value": [
           {
             "color": "#010409",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#010409",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28831,10 +28864,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
-          "alpha": 0.4,
+          "alpha": 0.6,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.0}",
+          "alpha": 0.6,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28850,10 +28892,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28871,7 +28922,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28885,7 +28936,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28903,7 +28954,7 @@
       "alpha": 0.8,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28920,7 +28971,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2025-02-07 14:10:37.045124666 +0000
@@ -28722,7 +28722,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28734,6 +28734,14 @@
         "$value": [
           {
             "color": "#010409",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#010409",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28753,6 +28761,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.0}",
         "alpha": 0.8,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28771,6 +28787,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28791,7 +28815,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #01040966",
+    "$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28803,10 +28827,19 @@
         "$value": [
           {
             "color": "#010409",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#010409",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28823,10 +28856,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.0}",
-          "alpha": 0.4,
+          "alpha": 0.6,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.0}",
+          "alpha": 0.6,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28842,10 +28884,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28863,7 +28914,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #010409cc",
+    "$value": "0px 1px 1px 0px #010409cc",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28877,7 +28928,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28895,7 +28946,7 @@
       "alpha": 0.8,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28912,7 +28963,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/light-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2025-02-07 14:10:34.037060037 +0000
@@ -28692,7 +28692,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #25292e1f",
+    "$value": "0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28704,6 +28704,14 @@
         "$value": [
           {
             "color": "#ffffff",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#ffffff",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28723,6 +28731,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.12}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.12}",
         "alpha": 0.12,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28741,6 +28757,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28761,7 +28785,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #1f23280a",
+    "$value": "0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28773,10 +28797,19 @@
         "$value": [
           {
             "color": "#ffffff",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#ffffff",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28793,10 +28826,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.13}",
-          "alpha": 0.04,
+          "alpha": 0.06,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.13}",
+          "alpha": 0.06,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28812,10 +28854,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28833,7 +28884,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #1f23281a",
+    "$value": "0px 1px 1px 0px #1f23280f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28847,7 +28898,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28862,10 +28913,10 @@
   "original": {
     "$value": {
       "color": "{base.color.neutral.13}",
-        "alpha": 0.1,
+        "alpha": 0.06,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28882,7 +28933,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/light-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2025-02-07 14:10:35.426087863 +0000
@@ -28692,7 +28692,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #25292e1f",
+    "$value": "0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28704,6 +28704,14 @@
         "$value": [
           {
             "color": "#ffffff",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#ffffff",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28723,6 +28731,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.12}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.12}",
         "alpha": 0.12,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28741,6 +28757,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28761,7 +28785,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #0104090a",
+    "$value": "0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28773,10 +28797,19 @@
         "$value": [
           {
             "color": "#ffffff",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#ffffff",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28793,10 +28826,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.13}",
-          "alpha": 0.04,
+          "alpha": 0.06,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.13}",
+          "alpha": 0.06,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28812,10 +28854,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28833,7 +28884,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #0104091a",
+    "$value": "0px 1px 1px 0px #0104090f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28847,7 +28898,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28862,10 +28913,10 @@
   "original": {
     "$value": {
       "color": "{base.color.neutral.13}",
-        "alpha": 0.1,
+        "alpha": 0.06,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28882,7 +28933,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/light-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2025-02-07 14:10:32.582041833 +0000
@@ -28692,7 +28692,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #25292e1f",
+    "$value": "0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28704,6 +28704,14 @@
         "$value": [
           {
             "color": "#ffffff",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#ffffff",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28723,6 +28731,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.12}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.12}",
         "alpha": 0.12,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28741,6 +28757,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28761,7 +28785,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #1f23280a",
+    "$value": "0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28773,10 +28797,19 @@
         "$value": [
           {
             "color": "#ffffff",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#ffffff",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28793,10 +28826,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.13}",
-          "alpha": 0.04,
+          "alpha": 0.06,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.13}",
+          "alpha": 0.06,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28812,10 +28854,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28833,7 +28884,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #1f23281a",
+    "$value": "0px 1px 1px 0px #1f23280f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28847,7 +28898,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28862,10 +28913,10 @@
   "original": {
     "$value": {
       "color": "{base.color.neutral.13}",
-        "alpha": 0.1,
+        "alpha": 0.06,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28882,7 +28933,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

/styleLint/functional/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2025-02-07 14:10:31.045022603 +0000
@@ -28688,7 +28688,7 @@
   "key": "{shadow.inset}"
 },
 "shadow-resting-medium": {
-    "$value": "0px 3px 6px 0px #25292e1f",
+    "$value": "0px 1px 1px 0px #25292e66, 0px 3px 6px 0px #25292e1f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28700,6 +28700,14 @@
         "$value": [
           {
             "color": "#ffffff",
+              "alpha": 0.4,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "1px",
+              "spread": "0px"
+            },
+            {
+              "color": "#ffffff",
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "3px",
@@ -28719,6 +28727,14 @@
     "$value": [
       {
         "color": "{base.color.neutral.12}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px"
+        },
+        {
+          "color": "{base.color.neutral.12}",
         "alpha": 0.12,
         "offsetX": "0px",
         "offsetY": "3px",
@@ -28737,6 +28753,14 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
+                "alpha": 0.4,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px"
+              },
+              {
+                "color": "{base.color.neutral.0}",
               "alpha": 0.8,
               "offsetX": "0px",
               "offsetY": "3px",
@@ -28757,7 +28781,7 @@
   "key": "{shadow.resting.medium}"
 },
 "shadow-resting-small": {
-    "$value": "0px 1px 0px 0px #1f23280a",
+    "$value": "0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28769,10 +28793,19 @@
         "$value": [
           {
             "color": "#ffffff",
-              "alpha": 0.4,
+              "alpha": 0.6,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
+              "spread": "0px",
+              "inset": false
+            },
+            {
+              "color": "#ffffff",
+              "alpha": 0.6,
+              "offsetX": "0px",
+              "offsetY": "1px",
+              "blur": "3px",
             "spread": "0px",
             "inset": false
           }
@@ -28789,10 +28822,19 @@
     "$value": [
       {
         "color": "{base.color.neutral.13}",
-          "alpha": 0.04,
+          "alpha": 0.06,
+          "offsetX": "0px",
+          "offsetY": "1px",
+          "blur": "1px",
+          "spread": "0px",
+          "inset": false
+        },
+        {
+          "color": "{base.color.neutral.13}",
+          "alpha": 0.06,
         "offsetX": "0px",
         "offsetY": "1px",
-          "blur": "0px",
+          "blur": "3px",
         "spread": "0px",
         "inset": false
       }
@@ -28808,10 +28850,19 @@
           "$value": [
             {
               "color": "{base.color.neutral.0}",
-                "alpha": 0.4,
+                "alpha": 0.6,
+                "offsetX": "0px",
+                "offsetY": "1px",
+                "blur": "1px",
+                "spread": "0px",
+                "inset": false
+              },
+              {
+                "color": "{base.color.neutral.0}",
+                "alpha": 0.6,
               "offsetX": "0px",
               "offsetY": "1px",
-                "blur": "0px",
+                "blur": "3px",
               "spread": "0px",
               "inset": false
             }
@@ -28829,7 +28880,7 @@
   "key": "{shadow.resting.small}"
 },
 "shadow-resting-xsmall": {
-    "$value": "0px 1px 0px 0px #1f23281a",
+    "$value": "0px 1px 1px 0px #1f23280f",
   "$type": "shadow",
   "$extensions": {
     "org.primer.figma": {
@@ -28843,7 +28894,7 @@
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "1px",
-            "blur": "0px",
+            "blur": "1px",
           "spread": "0px",
           "inset": false
         },
@@ -28858,10 +28909,10 @@
   "original": {
     "$value": {
       "color": "{base.color.neutral.13}",
-        "alpha": 0.1,
+        "alpha": 0.06,
       "offsetX": "0px",
       "offsetY": "1px",
-        "blur": "0px",
+        "blur": "1px",
       "spread": "0px",
       "inset": false
     },
@@ -28878,7 +28929,7 @@
             "alpha": 0.8,
             "offsetX": "0px",
             "offsetY": "1px",
-              "blur": "0px",
+              "blur": "1px",
             "spread": "0px",
             "inset": false
           },

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Feb 7, 2025 •
edited
Loading

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2025-02-07 14:10:49.998295780 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "dark protanopia deuteranopia",
@@ -100,7 +100,57 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +159,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/2/offsetY",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +168,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +186,48 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/2/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,7 +236,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/medium/1/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,

/figma/themes/dark-dimmed.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-dimmed.json	2025-02-07 14:10:49.126283981 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "dark dimmed",
@@ -100,7 +100,57 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.12941176470588237,
+      "b": 0.1568627450980392,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +159,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/2/offsetY",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +168,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +186,48 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/2/color",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.12941176470588237,
+      "b": 0.1568627450980392,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark dimmed",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,7 +236,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/medium/1/color",
   "value": {
     "r": 0.10980392156862745,
     "g": 0.12941176470588237,
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.10980392156862745,
     "g": 0.12941176470588237,

/figma/themes/dark-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-high-contrast.json	2025-02-07 14:10:50.418301463 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "dark high contrast",
@@ -100,7 +100,57 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +159,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/2/offsetY",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +168,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +186,48 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/2/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,7 +236,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/medium/1/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,

/figma/themes/dark-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2025-02-07 14:10:49.575290057 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "dark tritanopia",
@@ -100,7 +100,57 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +159,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/2/offsetY",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +168,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +186,48 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/2/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,7 +236,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/medium/1/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,

/figma/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark.json	2025-02-07 14:10:48.728278596 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "dark",
@@ -100,7 +100,57 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +159,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/2/offsetY",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +168,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +186,48 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/2/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,7 +236,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/medium/1/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,

/figma/themes/light-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-colorblind.json	2025-02-07 14:10:47.871267000 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "light protanopia deuteranopia",
@@ -91,7 +91,7 @@
     "r": 0.12156862745098039,
     "g": 0.13725490196078433,
     "b": 0.1568627450980392,
-      "a": 0.1
+      "a": 0.06
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -100,7 +100,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +109,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +127,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +136,21 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,12 +159,89 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/small/2/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/color",
   "value": {
     "r": 0.12156862745098039,
     "g": 0.13725490196078433,
     "b": 0.1568627450980392,
-      "a": 0.04
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light protanopia deuteranopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/color",
+    "value": {
+      "r": 0.1450980392156863,
+      "g": 0.1607843137254902,
+      "b": 0.1803921568627451,
+      "a": 0.4
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.1450980392156863,
     "g": 0.1607843137254902,

/figma/themes/light-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-high-contrast.json	2025-02-07 14:10:48.297272764 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "light high contrast",
@@ -91,7 +91,7 @@
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,
     "b": 0.03529411764705882,
-      "a": 0.1
+      "a": 0.06
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -100,7 +100,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +109,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +127,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +136,21 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,12 +159,89 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/small/2/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/color",
   "value": {
     "r": 0.00392156862745098,
     "g": 0.01568627450980392,
     "b": 0.03529411764705882,
-      "a": 0.04
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/color",
+    "value": {
+      "r": 0.1450980392156863,
+      "g": 0.1607843137254902,
+      "b": 0.1803921568627451,
+      "a": 0.4
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.1450980392156863,
     "g": 0.1607843137254902,

/figma/themes/light-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-tritanopia.json	2025-02-07 14:10:47.451261317 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "light tritanopia",
@@ -91,7 +91,7 @@
     "r": 0.12156862745098039,
     "g": 0.13725490196078433,
     "b": 0.1568627450980392,
-      "a": 0.1
+      "a": 0.06
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -100,7 +100,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +109,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +127,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +136,21 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,12 +159,89 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/small/2/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/color",
   "value": {
     "r": 0.12156862745098039,
     "g": 0.13725490196078433,
     "b": 0.1568627450980392,
-      "a": 0.04
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/color",
+    "value": {
+      "r": 0.1450980392156863,
+      "g": 0.1607843137254902,
+      "b": 0.1803921568627451,
+      "a": 0.4
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.1450980392156863,
     "g": 0.1607843137254902,

/figma/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light.json	2025-02-07 14:10:46.955254606 +0000
@@ -69,7 +69,7 @@
 },
 {
   "name": "shadow/resting/xsmall/blur",
-    "value": 0,
+    "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
   "mode": "light",
@@ -91,7 +91,7 @@
     "r": 0.12156862745098039,
     "g": 0.13725490196078433,
     "b": 0.1568627450980392,
-      "a": 0.1
+      "a": 0.06
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -100,7 +100,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetX",
+    "name": "shadow/resting/small/1/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +109,16 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/offsetY",
+    "name": "shadow/resting/small/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/1/blur",
   "value": 1,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +127,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/blur",
+    "name": "shadow/resting/small/1/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +136,21 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/spread",
+    "name": "shadow/resting/small/1/color",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -136,12 +159,89 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/small/color",
+    "name": "shadow/resting/small/2/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/blur",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/2/color",
   "value": {
     "r": 0.12156862745098039,
     "g": 0.13725490196078433,
     "b": 0.1568627450980392,
-      "a": 0.04
+      "a": 0.06
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/blur",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/1/color",
+    "value": {
+      "r": 0.1450980392156863,
+      "g": 0.1607843137254902,
+      "b": 0.1803921568627451,
+      "a": 0.4
   },
   "type": "COLOR",
   "scopes": ["EFFECT_COLOR"],
@@ -150,7 +250,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetX",
+    "name": "shadow/resting/medium/2/offsetX",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +259,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/offsetY",
+    "name": "shadow/resting/medium/2/offsetY",
   "value": 3,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/blur",
+    "name": "shadow/resting/medium/2/blur",
   "value": 6,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/spread",
+    "name": "shadow/resting/medium/2/spread",
   "value": 0,
   "type": "FLOAT",
   "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
   "group": "shadow"
 },
 {
-    "name": "shadow/resting/medium/color",
+    "name": "shadow/resting/medium/2/color",
   "value": {
     "r": 0.1450980392156863,
     "g": 0.1607843137254902,

@github-actions github-actions bot temporarily deployed to Preview (Storybook) February 7, 2025 13:55 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@langermank langermank Awaiting requested review from langermank langermank is a code owner automatically assigned from primer/css-reviewers

At least 1 approving review is required to merge this pull request.

Assignees

@lukasoppermann lukasoppermann

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@lukasoppermann