@primer/primitives 7.13.0-rc.129a477 → 7.13.0

package/README.md

@@ -205,7 +205,7 @@ In this case you can create the follwing structure. The `@` will be removed from
   bgColor: {
     accent: {
       "@": {
-        // default values
+        // values for accent (default)
       },
       "muted": {
         // values for accent-muted

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.13.0-rc.129a477",
+  "version": "7.13.0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -91,7 +91,7 @@
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^4.2.0",
     "typescript": "^5.1.6",
-    "zod": "^3.21.4",
-    "zod-validation-error": "^1.3.1"
+    "zod": "^3.22.2",
+    "zod-validation-error": "^1.5.0"
   }
 }

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -403,15 +403,15 @@
   --color-scale-coral-7: #872012;
   --color-scale-coral-8: #640d04;
   --color-scale-coral-9: #460701;
-  --shadow-inset: 0px 0px 0px 0px #000000;
-  --shadow-highlight: 0px 0px 0px 0px #000000;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-  --shadow-resting-small: 0px 0px 0px 0px #000000;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409;
-  --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-  --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-  --shadow-floating-large: 0px 8px 24px 0px #010409;
-  --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+  --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+  --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+  --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
@@ -819,15 +819,15 @@
     --color-scale-coral-7: #872012;
     --color-scale-coral-8: #640d04;
     --color-scale-coral-9: #460701;
-    --shadow-inset: 0px 0px 0px 0px #000000;
-    --shadow-highlight: 0px 0px 0px 0px #000000;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-    --shadow-resting-small: 0px 0px 0px 0px #000000;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409;
-    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-    --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-    --shadow-floating-large: 0px 8px 24px 0px #010409;
-    --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+    --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+    --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+    --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
     --outline-focus: #1f6feb solid 2px;
   }
 }

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -403,15 +403,15 @@
   --color-scale-coral-7: #8d291b;
   --color-scale-coral-8: #771d13;
   --color-scale-coral-9: #5d1008;
-  --shadow-inset: 0px 0px 0px 0px #000000;
-  --shadow-highlight: 0px 0px 0px 0px #000000;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128a3;
-  --shadow-resting-small: 0px 0px 0px 0px #000000;
-  --shadow-resting-medium: 0px 3px 6px 0px #1c2128;
-  --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 16px 32px 0px #1c2128d9;
-  --shadow-floating-medium: 0px 4px 32px -4px #636e7b17, 0px 8px 16px -4px #636e7b17, 0px 24px 48px -12px #636e7b29, 0px 48px 96px -24px #636e7b3d;
-  --shadow-floating-large: 0px 8px 24px 0px #1c2128;
-  --shadow-floating-xlarge: 0px 12px 48px 0px #1c2128;
+  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
+  --shadow-highlight: inset 0px 1px 0px 0px #cdd9e51f;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
+  --shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866;
+  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
+  --shadow-floating-small: 0px 0px 0px 1px #2d333b, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
+  --shadow-floating-medium: 0px 0px 0px 1px #2d333b, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
+  --shadow-floating-large: 0px 0px 0px 1px #2d333b, 0px 24px 48px 0px #1c2128;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #2d333b, 0px 32px 64px 0px #1c2128;
   --outline-focus: #316dca solid 2px;
 }
 @media (prefers-color-scheme: dark) {
@@ -819,15 +819,15 @@
     --color-scale-coral-7: #8d291b;
     --color-scale-coral-8: #771d13;
     --color-scale-coral-9: #5d1008;
-    --shadow-inset: 0px 0px 0px 0px #000000;
-    --shadow-highlight: 0px 0px 0px 0px #000000;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128a3;
-    --shadow-resting-small: 0px 0px 0px 0px #000000;
-    --shadow-resting-medium: 0px 3px 6px 0px #1c2128;
-    --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 16px 32px 0px #1c2128d9;
-    --shadow-floating-medium: 0px 4px 32px -4px #636e7b17, 0px 8px 16px -4px #636e7b17, 0px 24px 48px -12px #636e7b29, 0px 48px 96px -24px #636e7b3d;
-    --shadow-floating-large: 0px 8px 24px 0px #1c2128;
-    --shadow-floating-xlarge: 0px 12px 48px 0px #1c2128;
+    --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
+    --shadow-highlight: inset 0px 1px 0px 0px #cdd9e51f;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
+    --shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866;
+    --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
+    --shadow-floating-small: 0px 0px 0px 1px #2d333b, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
+    --shadow-floating-medium: 0px 0px 0px 1px #2d333b, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
+    --shadow-floating-large: 0px 0px 0px 1px #2d333b, 0px 24px 48px 0px #1c2128;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #2d333b, 0px 32px 64px 0px #1c2128;
     --outline-focus: #316dca solid 2px;
   }
 }

package/tokens-next-private/css/functional/themes/dark-high-contrast.css

@@ -403,15 +403,15 @@
   --color-scale-coral-7: #e03b21;
   --color-scale-coral-8: #c62612;
   --color-scale-coral-9: #a91500;
-  --shadow-inset: 0px 0px 0px 0px #000000;
-  --shadow-highlight: 0px 0px 0px 0px #000000;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-  --shadow-resting-small: 0px 0px 0px 0px #000000;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409;
-  --shadow-floating-small: 0px 0px 0px 1px #525964, 0px 16px 32px 0px #010409d9;
-  --shadow-floating-medium: 0px 4px 32px -4px #9ea7b317, 0px 8px 16px -4px #9ea7b317, 0px 24px 48px -12px #9ea7b329, 0px 48px 96px -24px #9ea7b33d;
-  --shadow-floating-large: 0px 8px 24px 0px #010409;
-  --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+  --shadow-floating-small: 0px 0px 0px 1px #272b33, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+  --shadow-floating-medium: 0px 0px 0px 1px #272b33, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+  --shadow-floating-large: 0px 0px 0px 1px #272b33, 0px 24px 48px 0px #010409;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #272b33, 0px 32px 64px 0px #010409;
   --outline-focus: #409eff solid 2px;
 }
 @media (prefers-color-scheme: dark) {
@@ -819,15 +819,15 @@
     --color-scale-coral-7: #e03b21;
     --color-scale-coral-8: #c62612;
     --color-scale-coral-9: #a91500;
-    --shadow-inset: 0px 0px 0px 0px #000000;
-    --shadow-highlight: 0px 0px 0px 0px #000000;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-    --shadow-resting-small: 0px 0px 0px 0px #000000;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409;
-    --shadow-floating-small: 0px 0px 0px 1px #525964, 0px 16px 32px 0px #010409d9;
-    --shadow-floating-medium: 0px 4px 32px -4px #9ea7b317, 0px 8px 16px -4px #9ea7b317, 0px 24px 48px -12px #9ea7b329, 0px 48px 96px -24px #9ea7b33d;
-    --shadow-floating-large: 0px 8px 24px 0px #010409;
-    --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+    --shadow-floating-small: 0px 0px 0px 1px #272b33, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+    --shadow-floating-medium: 0px 0px 0px 1px #272b33, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+    --shadow-floating-large: 0px 0px 0px 1px #272b33, 0px 24px 48px 0px #010409;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #272b33, 0px 32px 64px 0px #010409;
     --outline-focus: #409eff solid 2px;
   }
 }

package/tokens-next-private/css/functional/themes/dark-tritanopia.css

@@ -403,15 +403,15 @@
   --color-scale-coral-7: #872012;
   --color-scale-coral-8: #640d04;
   --color-scale-coral-9: #460701;
-  --shadow-inset: 0px 0px 0px 0px #000000;
-  --shadow-highlight: 0px 0px 0px 0px #000000;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-  --shadow-resting-small: 0px 0px 0px 0px #000000;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409;
-  --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-  --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-  --shadow-floating-large: 0px 8px 24px 0px #010409;
-  --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+  --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+  --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+  --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
@@ -819,15 +819,15 @@
     --color-scale-coral-7: #872012;
     --color-scale-coral-8: #640d04;
     --color-scale-coral-9: #460701;
-    --shadow-inset: 0px 0px 0px 0px #000000;
-    --shadow-highlight: 0px 0px 0px 0px #000000;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-    --shadow-resting-small: 0px 0px 0px 0px #000000;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409;
-    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-    --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-    --shadow-floating-large: 0px 8px 24px 0px #010409;
-    --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+    --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+    --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+    --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
     --outline-focus: #1f6feb solid 2px;
   }
 }

package/tokens-next-private/css/functional/themes/dark.css

@@ -403,15 +403,15 @@
   --color-scale-coral-7: #872012;
   --color-scale-coral-8: #640d04;
   --color-scale-coral-9: #460701;
-  --shadow-inset: 0px 0px 0px 0px #000000;
-  --shadow-highlight: 0px 0px 0px 0px #000000;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-  --shadow-resting-small: 0px 0px 0px 0px #000000;
-  --shadow-resting-medium: 0px 3px 6px 0px #010409;
-  --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-  --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-  --shadow-floating-large: 0px 8px 24px 0px #010409;
-  --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+  --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+  --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+  --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
@@ -819,15 +819,15 @@
     --color-scale-coral-7: #872012;
     --color-scale-coral-8: #640d04;
     --color-scale-coral-9: #460701;
-    --shadow-inset: 0px 0px 0px 0px #000000;
-    --shadow-highlight: 0px 0px 0px 0px #000000;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
-    --shadow-resting-small: 0px 0px 0px 0px #000000;
-    --shadow-resting-medium: 0px 3px 6px 0px #010409;
-    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
-    --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
-    --shadow-floating-large: 0px 8px 24px 0px #010409;
-    --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
+    --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
+    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
+    --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
+    --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
+    --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409;
     --outline-focus: #1f6feb solid 2px;
   }
 }

package/tokens-next-private/css/functional/themes/light-colorblind.css

@@ -404,15 +404,15 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-  --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-  --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-  --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-  --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+  --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_colorblind"] {
@@ -820,14 +820,14 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-    --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-    --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-    --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-    --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+    --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
   }
 }

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -404,15 +404,15 @@
   --color-scale-coral-7: #6f0107;
   --color-scale-coral-8: #5b0002;
   --color-scale-coral-9: #430200;
-  --shadow-inset: inset 0px 1px 0px 0px #0104090d;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;
-  --shadow-resting-small: 0px 1px 0px 0px #0104090a;
-  --shadow-resting-medium: 0px 3px 6px 0px #88929d26;
-  --shadow-floating-small: 0px 1px 3px 0px #0104091f, 0px 8px 24px 0px #343b431f;
-  --shadow-floating-medium: 0px 4px 32px -4px #88929d17, 0px 8px 16px -4px #88929d17, 0px 24px 48px -12px #88929d29, 0px 48px 96px -24px #88929d3d;
-  --shadow-floating-large: 0px 8px 24px 0px #88929d33;
-  --shadow-floating-xlarge: 0px 12px 28px 0px #88929d4d;
+  --shadow-inset: inset 0px 1px 0px 0px #01040914;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+  --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
+  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
+  --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+  --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+  --shadow-floating-large: 0px 40px 80px 0px #343b433d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_high_contrast"] {
@@ -820,14 +820,14 @@
     --color-scale-coral-7: #6f0107;
     --color-scale-coral-8: #5b0002;
     --color-scale-coral-9: #430200;
-    --shadow-inset: inset 0px 1px 0px 0px #0104090d;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;
-    --shadow-resting-small: 0px 1px 0px 0px #0104090a;
-    --shadow-resting-medium: 0px 3px 6px 0px #88929d26;
-    --shadow-floating-small: 0px 1px 3px 0px #0104091f, 0px 8px 24px 0px #343b431f;
-    --shadow-floating-medium: 0px 4px 32px -4px #88929d17, 0px 8px 16px -4px #88929d17, 0px 24px 48px -12px #88929d29, 0px 48px 96px -24px #88929d3d;
-    --shadow-floating-large: 0px 8px 24px 0px #88929d33;
-    --shadow-floating-xlarge: 0px 12px 28px 0px #88929d4d;
+    --shadow-inset: inset 0px 1px 0px 0px #01040914;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+    --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
+    --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
+    --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+    --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+    --shadow-floating-large: 0px 40px 80px 0px #343b433d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
   }
 }

package/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -404,15 +404,15 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-  --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-  --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-  --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-  --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+  --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light_tritanopia"] {
@@ -820,14 +820,14 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-    --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-    --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-    --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-    --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+    --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
   }
 }

package/tokens-next-private/css/functional/themes/light.css

@@ -58,7 +58,7 @@
   --control-borderColor-emphasis: #868f99;
   --control-borderColor-disabled: #f6f8fa;
   --control-borderColor-selected: #f6f8fa;
-  --control-borderColor-success: #2da44e;
+  --control-borderColor-success: #1a7f37;
   --control-borderColor-danger: #cf222e;
   --control-borderColor-warning: #bf8700;
   --control-iconColor-rest: #636c76;
@@ -249,7 +249,7 @@
   --borderColor-accent-muted: #54aeff66;
   --borderColor-accent-emphasis: #0969da;
   --borderColor-success-muted: #4ac26b66;
-  --borderColor-success-emphasis: #2da44e;
+  --borderColor-success-emphasis: #1a7f37;
   --borderColor-attention-muted: #d4a72c66;
   --borderColor-attention-emphasis: #bf8700;
   --borderColor-severe-muted: #fb8f4466;
@@ -257,7 +257,7 @@
   --borderColor-danger-muted: #ff818266;
   --borderColor-danger-emphasis: #cf222e;
   --borderColor-open-muted: #4ac26b66;
-  --borderColor-open-emphasis: #2da44e;
+  --borderColor-open-emphasis: #1a7f37;
   --borderColor-closed-muted: #ff818266;
   --borderColor-closed-emphasis: #cf222e;
   --borderColor-done-muted: #c297ff66;
@@ -404,15 +404,15 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-  --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-  --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-  --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-  --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-  --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+  --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light"] {
@@ -474,7 +474,7 @@
     --control-borderColor-emphasis: #868f99;
     --control-borderColor-disabled: #f6f8fa;
     --control-borderColor-selected: #f6f8fa;
-    --control-borderColor-success: #2da44e;
+    --control-borderColor-success: #1a7f37;
     --control-borderColor-danger: #cf222e;
     --control-borderColor-warning: #bf8700;
     --control-iconColor-rest: #636c76;
@@ -665,7 +665,7 @@
     --borderColor-accent-muted: #54aeff66;
     --borderColor-accent-emphasis: #0969da;
     --borderColor-success-muted: #4ac26b66;
-    --borderColor-success-emphasis: #2da44e;
+    --borderColor-success-emphasis: #1a7f37;
     --borderColor-attention-muted: #d4a72c66;
     --borderColor-attention-emphasis: #bf8700;
     --borderColor-severe-muted: #fb8f4466;
@@ -673,7 +673,7 @@
     --borderColor-danger-muted: #ff818266;
     --borderColor-danger-emphasis: #cf222e;
     --borderColor-open-muted: #4ac26b66;
-    --borderColor-open-emphasis: #2da44e;
+    --borderColor-open-emphasis: #1a7f37;
     --borderColor-closed-muted: #ff818266;
     --borderColor-closed-emphasis: #cf222e;
     --borderColor-done-muted: #c297ff66;
@@ -820,14 +820,14 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
-    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
-    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
-    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
-    --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
-    --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
-    --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
-    --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
-    --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+    --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
+    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+    --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
   }
 }