@primer/primitives 7.11.14-rc.ca761aa → 7.11.15-rc.06a09d3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.14-rc.ca761aa",
+  "version": "7.11.15-rc.06a09d3",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -36,8 +36,9 @@
     "format": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "format:check": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "install:storybook": "cd docs/storybook && npm ci --legacy-peer-deps --no-audit --no-fund",
-    "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.js",
+    "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.js && npm run lint:tokens",
     "lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config .eslintrc.js",
+    "lint:tokens": "ts-node ./scripts/validateTokenJson.ts",
     "prebuild": "rm -rf dist",
     "prebuild:tokens": "rm -rf tokens-v2-private",
     "prebuild:next": "rm -rf tokens-next-private",
@@ -54,6 +55,7 @@
     "@changesets/changelog-github": "^0.4.8",
     "@changesets/cli": "^2.22.0",
     "@github/prettier-config": "^0.0.6",
+    "@playwright/test": "^1.35.1",
     "@types/flat": "^5.0.1",
     "@types/jest": "^29.5.2",
     "@types/lodash": "^4.14.195",
@@ -81,12 +83,14 @@
     "json5": "^2.2.1",
     "lodash": "^4.17.20",
     "markdown-table-ts": "^1.0.3",
-    "mkdirp": "^2.1.1",
+    "mkdirp": "^3.0.1",
     "prettier": "^2.7.1",
     "style-dictionary": "^3.8.0",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.1.6"
+    "typescript": "^5.1.6",
+    "zod": "^3.21.4",
+    "zod-validation-error": "^1.3.1"
   }
 }

package/tokens-next-private/css/functional/size/border.css

@@ -5,10 +5,10 @@
   --borderWidth-thin: max(1px, 0.0625rem);
   --borderWidth-thick: max(2px, 0.125rem);
   --borderWidth-thicker: max(4px, 0.25rem);
-  --borderRadius-small: 3px;
-  --borderRadius-medium: 6px;
-  --borderRadius-large: 12px;
-  --borderRadius-full: 9999px;
+  --borderRadius-small: 0.1875rem;
+  --borderRadius-medium: 0.375rem;
+  --borderRadius-large: 0.75rem;
+  --borderRadius-full: 624.9375rem;
   --outline-focus-offset: -0.125rem;
   --outline-focus-width: 0.125rem;
 }

package/tokens-next-private/css/functional/size/size.css

@@ -3,33 +3,33 @@
   --control-minTarget-coarse: 2.75rem;
   --control-xsmall-size: 1.5rem;
   --control-xsmall-lineBoxHeight: 1.25rem;
-  --control-xsmall-paddingBlock: calc((1.5rem - 1.25rem) / 2);
+  --control-xsmall-paddingBlock: 0.125rem;
   --control-xsmall-paddingInline-condensed: 0.25rem;
   --control-xsmall-paddingInline-normal: 0.5rem;
   --control-xsmall-paddingInline-spacious: 0.75rem;
   --control-xsmall-gap: 0.25rem;
   --control-small-size: 1.75rem;
   --control-small-lineBoxHeight: 1.25rem;
-  --control-small-paddingBlock: calc((1.75rem - 1.25rem) / 2);
+  --control-small-paddingBlock: 0.25rem;
   --control-small-paddingInline-condensed: 0.5rem;
   --control-small-paddingInline-normal: 0.75rem;
   --control-small-gap: 0.25rem;
   --control-medium-size: 2rem;
   --control-medium-lineBoxHeight: 1.25rem;
-  --control-medium-paddingBlock: calc((2rem - 1.25rem) / 2);
+  --control-medium-paddingBlock: 0.375rem;
   --control-medium-paddingInline-condensed: 0.5rem;
   --control-medium-paddingInline-normal: 0.75rem;
   --control-medium-paddingInline-spacious: 1rem;
   --control-medium-gap: 0.5rem;
   --control-large-size: 2.5rem;
   --control-large-lineBoxHeight: 1.25rem;
-  --control-large-paddingBlock: calc((2.5rem - 1.25rem) / 2);
+  --control-large-paddingBlock: 0.625rem;
   --control-large-paddingInline-normal: 0.75rem;
   --control-large-paddingInline-spacious: 1rem;
   --control-large-gap: 0.5rem;
   --control-xlarge-size: 3rem;
   --control-xlarge-lineBoxHeight: 1.25rem;
-  --control-xlarge-paddingBlock: calc((3rem - 1.25rem) / 2);
+  --control-xlarge-paddingBlock: 0.875rem;
   --control-xlarge-paddingInline-normal: 0.75rem;
   --control-xlarge-paddingInline-spacious: 1rem;
   --control-xlarge-gap: 0.5rem;

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

@@ -49,14 +49,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #484f58;
+  --control-bgColor-disabled: #161b22;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #484f58;
+  --control-fgColor-disabled: #8b949e;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #30363d;
+  --control-borderColor-disabled: #161b22;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #1f6feb;
   --control-borderColor-danger: #bd561d;
@@ -77,26 +77,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #484f58;
+  --control-checked-bgColor-disabled: #8b949e;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #484f58;
+  --control-checked-borderColor-disabled: #8b949e;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #484f58;
+  --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
   --controlTrack-fgColor-disabled: #7d8590;
   --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #484f58;
+  --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #484f58;
+  --controlKnob-bgColor-disabled: #161b22;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #484f58;
+  --controlKnob-borderColor-disabled: #161b22;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -104,9 +104,11 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
+  --button-default-bgColor-disabled: #161b22;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
+  --button-default-borderColor-disabled: #161b22;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
   --button-primary-bgColor-disabled: #1158c7;
   --button-primary-borderColor-rest: #f0f6fc1a;
   --button-primary-borderColor-hover: #f0f6fc1a;
-  --button-primary-borderColor-disabled: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #1158c7;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
   --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #484f58;
+  --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #161b22;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #161b22;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -149,7 +152,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #9b4215;
   --button-danger-bgColor-active: #b5531d;
-  --button-danger-bgColor-disabled: #21262d;
+  --button-danger-bgColor-disabled: #161b22;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #9b4215;
   --button-danger-borderColor-active: #b5531d;
@@ -177,14 +180,14 @@
   --selectMenu-bgColor-active: #0c2d6b;
   --sideNav-bgColor-selected: #21262d;
   --timelineBadge-bgColor: #21262d;
-  --treeViewItem-leadingVisual-bgColor-rest: #7d8590;
+  --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
   --underlineNav-borderColor-active: #f78166;
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #7d8590;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #7d8590;
   --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #484f58;
+  --fgColor-disabled: #8b949e;
   --fgColor-link-rest: #2f81f7;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #58a6ff;
@@ -198,7 +201,7 @@
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
-  --bgColor-disabled: #484f58;
+  --bgColor-disabled: #161b22;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
@@ -223,7 +226,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #30363d;
+  --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
@@ -447,14 +450,14 @@
     --control-bgColor-rest: #21262d;
     --control-bgColor-hover: #292e36;
     --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #484f58;
+    --control-bgColor-disabled: #161b22;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
     --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #484f58;
+    --control-fgColor-disabled: #8b949e;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #30363d;
+    --control-borderColor-disabled: #161b22;
     --control-borderColor-selected: #f0f6fc;
     --control-borderColor-success: #1f6feb;
     --control-borderColor-danger: #bd561d;
@@ -475,26 +478,26 @@
     --control-checked-bgColor-rest: #1f6feb;
     --control-checked-bgColor-hover: #2a7aef;
     --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #484f58;
+    --control-checked-bgColor-disabled: #8b949e;
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #1f6feb;
     --control-checked-borderColor-hover: #2a7aef;
     --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #484f58;
+    --control-checked-borderColor-disabled: #8b949e;
     --controlTrack-bgColor-rest: #21262d;
     --controlTrack-bgColor-hover: #292e36;
     --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #484f58;
+    --controlTrack-bgColor-disabled: #8b949e;
     --controlTrack-fgColor-rest: #7d8590;
     --controlTrack-fgColor-disabled: #7d8590;
     --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #484f58;
+    --controlTrack-borderColor-disabled: #8b949e;
     --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #484f58;
+    --controlKnob-bgColor-disabled: #161b22;
     --controlKnob-bgColor-checked: #ffffff;
     --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #484f58;
+    --controlKnob-borderColor-disabled: #161b22;
     --controlKnob-borderColor-checked: #1f6feb;
     --counter-borderColor: #00000000;
     --button-default-fgColor-rest: #c9d1d9;
@@ -502,9 +505,11 @@
     --button-default-bgColor-hover: #292e36;
     --button-default-bgColor-active: #31363e;
     --button-default-bgColor-selected: #31363e;
+    --button-default-bgColor-disabled: #161b22;
     --button-default-borderColor-rest: #30363d;
     --button-default-borderColor-hover: #30363d;
     --button-default-borderColor-active: #30363d;
+    --button-default-borderColor-disabled: #161b22;
     --button-default-shadow-resting: 0px 0px 0px 0px #000000;
     --button-default-shadow-inset: 0px 0px 0px 0px #000000;
     --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
     --button-primary-bgColor-disabled: #1158c7;
     --button-primary-borderColor-rest: #f0f6fc1a;
     --button-primary-borderColor-hover: #f0f6fc1a;
-    --button-primary-borderColor-disabled: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #1158c7;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #2f81f7;
     --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #484f58;
+    --button-invisible-fgColor-disabled: #8b949e;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
     --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #161b22;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #161b22;
     --button-outline-fgColor-rest: #388bfd;
     --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
@@ -547,7 +553,7 @@
     --button-danger-bgColor-rest: #21262d;
     --button-danger-bgColor-hover: #9b4215;
     --button-danger-bgColor-active: #b5531d;
-    --button-danger-bgColor-disabled: #21262d;
+    --button-danger-bgColor-disabled: #161b22;
     --button-danger-borderColor-rest: #30363d;
     --button-danger-borderColor-hover: #9b4215;
     --button-danger-borderColor-active: #b5531d;
@@ -575,14 +581,14 @@
     --selectMenu-bgColor-active: #0c2d6b;
     --sideNav-bgColor-selected: #21262d;
     --timelineBadge-bgColor: #21262d;
-    --treeViewItem-leadingVisual-bgColor-rest: #7d8590;
+    --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #7d8590;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #7d8590;
     --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #484f58;
+    --fgColor-disabled: #8b949e;
     --fgColor-link-rest: #2f81f7;
     --fgColor-accent: #2f81f7;
     --fgColor-success: #58a6ff;
@@ -596,7 +602,7 @@
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
     --bgColor-emphasis: #6e7681;
-    --bgColor-disabled: #484f58;
+    --bgColor-disabled: #161b22;
     --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
@@ -621,7 +627,7 @@
     --borderColor-default: #30363d;
     --borderColor-muted: #30363d66;
     --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #30363d;
+    --borderColor-disabled: #161b22;
     --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;

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

@@ -49,14 +49,14 @@
   --control-bgColor-rest: #373e47;
   --control-bgColor-hover: #3d444e;
   --control-bgColor-active: #434a54;
-  --control-bgColor-disabled: #545d68;
+  --control-bgColor-disabled: #2d333b;
   --control-bgColor-selected: #2d333b;
   --control-fgColor-rest: #adbac7;
   --control-fgColor-placeholder: #545d68;
-  --control-fgColor-disabled: #545d68;
+  --control-fgColor-disabled: #768390;
   --control-borderColor-rest: #444c56;
   --control-borderColor-emphasis: #606b77;
-  --control-borderColor-disabled: #444c56;
+  --control-borderColor-disabled: #2d333b;
   --control-borderColor-selected: #cdd9e5;
   --control-borderColor-success: #347d39;
   --control-borderColor-danger: #c93c37;
@@ -77,26 +77,26 @@
   --control-checked-bgColor-rest: #316dca;
   --control-checked-bgColor-hover: #3876d3;
   --control-checked-bgColor-active: #3f7fdb;
-  --control-checked-bgColor-disabled: #545d68;
+  --control-checked-bgColor-disabled: #768390;
   --control-checked-fgColor-rest: #cdd9e5;
   --control-checked-fgColor-disabled: #1c2128;
   --control-checked-borderColor-rest: #316dca;
   --control-checked-borderColor-hover: #3876d3;
   --control-checked-borderColor-active: #3f7fdb;
-  --control-checked-borderColor-disabled: #545d68;
+  --control-checked-borderColor-disabled: #768390;
   --controlTrack-bgColor-rest: #373e47;
   --controlTrack-bgColor-hover: #3d444e;
   --controlTrack-bgColor-active: #434a54;
-  --controlTrack-bgColor-disabled: #545d68;
+  --controlTrack-bgColor-disabled: #768390;
   --controlTrack-fgColor-rest: #6d7986;
   --controlTrack-fgColor-disabled: #6d7986;
   --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #545d68;
+  --controlTrack-borderColor-disabled: #768390;
   --controlKnob-bgColor-rest: #1c2128;
-  --controlKnob-bgColor-disabled: #545d68;
+  --controlKnob-bgColor-disabled: #2d333b;
   --controlKnob-bgColor-checked: #cdd9e5;
   --controlKnob-borderColor-rest: #606b77;
-  --controlKnob-borderColor-disabled: #545d68;
+  --controlKnob-borderColor-disabled: #2d333b;
   --controlKnob-borderColor-checked: #316dca;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #adbac7;
@@ -104,9 +104,11 @@
   --button-default-bgColor-hover: #3d444e;
   --button-default-bgColor-active: #434a54;
   --button-default-bgColor-selected: #434a54;
+  --button-default-bgColor-disabled: #2d333b;
   --button-default-borderColor-rest: #444c56;
   --button-default-borderColor-hover: #444c56;
   --button-default-borderColor-active: #444c56;
+  --button-default-borderColor-disabled: #2d333b;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #cdd9e5;
@@ -118,17 +120,18 @@
   --button-primary-bgColor-disabled: #50a254;
   --button-primary-borderColor-rest: #cdd9e51a;
   --button-primary-borderColor-hover: #cdd9e51a;
-  --button-primary-borderColor-disabled: #cdd9e51a;
+  --button-primary-borderColor-disabled: #50a254;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #3b7cdb;
   --button-invisible-fgColor-hover: #539bf5;
-  --button-invisible-fgColor-disabled: #545d68;
+  --button-invisible-fgColor-disabled: #768390;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #909dab1f;
   --button-invisible-bgColor-active: #909dab33;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #2d333b;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #2d333b;
   --button-outline-fgColor-rest: #4184e4;
   --button-outline-fgColor-hover: #539bf5;
   --button-outline-fgColor-active: #cdd9e5;
@@ -149,7 +152,7 @@
   --button-danger-bgColor-rest: #373e47;
   --button-danger-bgColor-hover: #ad2e2c;
   --button-danger-bgColor-active: #c33d38;
-  --button-danger-bgColor-disabled: #373e47;
+  --button-danger-bgColor-disabled: #2d333b;
   --button-danger-borderColor-rest: #444c56;
   --button-danger-borderColor-hover: #ad2e2c;
   --button-danger-borderColor-active: #c33d38;
@@ -177,14 +180,14 @@
   --selectMenu-bgColor-active: #143d79;
   --sideNav-bgColor-selected: #373e47;
   --timelineBadge-bgColor: #373e47;
-  --treeViewItem-leadingVisual-bgColor-rest: #6d7986;
+  --treeViewItem-leadingVisual-iconColor-rest: #6d7986;
   --underlineNav-borderColor-active: #ec775c;
   --underlineNav-borderColor-hover: #636e7b66;
   --underlineNav-iconColor-rest: #6d7986;
   --fgColor-default: #c5d1de;
   --fgColor-muted: #6d7986;
   --fgColor-onEmphasis: #cdd9e5;
-  --fgColor-disabled: #545d68;
+  --fgColor-disabled: #768390;
   --fgColor-link-rest: #3b7cdb;
   --fgColor-accent: #3b7cdb;
   --fgColor-success: #57ab5a;
@@ -198,7 +201,7 @@
   --bgColor-default: #22272e;
   --bgColor-muted: #2d333b;
   --bgColor-emphasis: #636e7b;
-  --bgColor-disabled: #545d68;
+  --bgColor-disabled: #2d333b;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #636e7b26;
   --bgColor-neutral-emphasis: #636e7b;
@@ -223,7 +226,7 @@
   --borderColor-default: #444c56;
   --borderColor-muted: #444c5666;
   --borderColor-emphasis: #545d68;
-  --borderColor-disabled: #444c56;
+  --borderColor-disabled: #2d333b;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #636e7b66;
   --borderColor-neutral-emphasis: #636e7b;
@@ -447,14 +450,14 @@
     --control-bgColor-rest: #373e47;
     --control-bgColor-hover: #3d444e;
     --control-bgColor-active: #434a54;
-    --control-bgColor-disabled: #545d68;
+    --control-bgColor-disabled: #2d333b;
     --control-bgColor-selected: #2d333b;
     --control-fgColor-rest: #adbac7;
     --control-fgColor-placeholder: #545d68;
-    --control-fgColor-disabled: #545d68;
+    --control-fgColor-disabled: #768390;
     --control-borderColor-rest: #444c56;
     --control-borderColor-emphasis: #606b77;
-    --control-borderColor-disabled: #444c56;
+    --control-borderColor-disabled: #2d333b;
     --control-borderColor-selected: #cdd9e5;
     --control-borderColor-success: #347d39;
     --control-borderColor-danger: #c93c37;
@@ -475,26 +478,26 @@
     --control-checked-bgColor-rest: #316dca;
     --control-checked-bgColor-hover: #3876d3;
     --control-checked-bgColor-active: #3f7fdb;
-    --control-checked-bgColor-disabled: #545d68;
+    --control-checked-bgColor-disabled: #768390;
     --control-checked-fgColor-rest: #cdd9e5;
     --control-checked-fgColor-disabled: #1c2128;
     --control-checked-borderColor-rest: #316dca;
     --control-checked-borderColor-hover: #3876d3;
     --control-checked-borderColor-active: #3f7fdb;
-    --control-checked-borderColor-disabled: #545d68;
+    --control-checked-borderColor-disabled: #768390;
     --controlTrack-bgColor-rest: #373e47;
     --controlTrack-bgColor-hover: #3d444e;
     --controlTrack-bgColor-active: #434a54;
-    --controlTrack-bgColor-disabled: #545d68;
+    --controlTrack-bgColor-disabled: #768390;
     --controlTrack-fgColor-rest: #6d7986;
     --controlTrack-fgColor-disabled: #6d7986;
     --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #545d68;
+    --controlTrack-borderColor-disabled: #768390;
     --controlKnob-bgColor-rest: #1c2128;
-    --controlKnob-bgColor-disabled: #545d68;
+    --controlKnob-bgColor-disabled: #2d333b;
     --controlKnob-bgColor-checked: #cdd9e5;
     --controlKnob-borderColor-rest: #606b77;
-    --controlKnob-borderColor-disabled: #545d68;
+    --controlKnob-borderColor-disabled: #2d333b;
     --controlKnob-borderColor-checked: #316dca;
     --counter-borderColor: #00000000;
     --button-default-fgColor-rest: #adbac7;
@@ -502,9 +505,11 @@
     --button-default-bgColor-hover: #3d444e;
     --button-default-bgColor-active: #434a54;
     --button-default-bgColor-selected: #434a54;
+    --button-default-bgColor-disabled: #2d333b;
     --button-default-borderColor-rest: #444c56;
     --button-default-borderColor-hover: #444c56;
     --button-default-borderColor-active: #444c56;
+    --button-default-borderColor-disabled: #2d333b;
     --button-default-shadow-resting: 0px 0px 0px 0px #000000;
     --button-default-shadow-inset: 0px 0px 0px 0px #000000;
     --button-primary-fgColor-rest: #cdd9e5;
@@ -516,17 +521,18 @@
     --button-primary-bgColor-disabled: #50a254;
     --button-primary-borderColor-rest: #cdd9e51a;
     --button-primary-borderColor-hover: #cdd9e51a;
-    --button-primary-borderColor-disabled: #cdd9e51a;
+    --button-primary-borderColor-disabled: #50a254;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #3b7cdb;
     --button-invisible-fgColor-hover: #539bf5;
-    --button-invisible-fgColor-disabled: #545d68;
+    --button-invisible-fgColor-disabled: #768390;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #909dab1f;
     --button-invisible-bgColor-active: #909dab33;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #2d333b;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #2d333b;
     --button-outline-fgColor-rest: #4184e4;
     --button-outline-fgColor-hover: #539bf5;
     --button-outline-fgColor-active: #cdd9e5;
@@ -547,7 +553,7 @@
     --button-danger-bgColor-rest: #373e47;
     --button-danger-bgColor-hover: #ad2e2c;
     --button-danger-bgColor-active: #c33d38;
-    --button-danger-bgColor-disabled: #373e47;
+    --button-danger-bgColor-disabled: #2d333b;
     --button-danger-borderColor-rest: #444c56;
     --button-danger-borderColor-hover: #ad2e2c;
     --button-danger-borderColor-active: #c33d38;
@@ -575,14 +581,14 @@
     --selectMenu-bgColor-active: #143d79;
     --sideNav-bgColor-selected: #373e47;
     --timelineBadge-bgColor: #373e47;
-    --treeViewItem-leadingVisual-bgColor-rest: #6d7986;
+    --treeViewItem-leadingVisual-iconColor-rest: #6d7986;
     --underlineNav-borderColor-active: #ec775c;
     --underlineNav-borderColor-hover: #636e7b66;
     --underlineNav-iconColor-rest: #6d7986;
     --fgColor-default: #c5d1de;
     --fgColor-muted: #6d7986;
     --fgColor-onEmphasis: #cdd9e5;
-    --fgColor-disabled: #545d68;
+    --fgColor-disabled: #768390;
     --fgColor-link-rest: #3b7cdb;
     --fgColor-accent: #3b7cdb;
     --fgColor-success: #57ab5a;
@@ -596,7 +602,7 @@
     --bgColor-default: #22272e;
     --bgColor-muted: #2d333b;
     --bgColor-emphasis: #636e7b;
-    --bgColor-disabled: #545d68;
+    --bgColor-disabled: #2d333b;
     --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #636e7b26;
     --bgColor-neutral-emphasis: #636e7b;
@@ -621,7 +627,7 @@
     --borderColor-default: #444c56;
     --borderColor-muted: #444c5666;
     --borderColor-emphasis: #545d68;
-    --borderColor-disabled: #444c56;
+    --borderColor-disabled: #2d333b;
     --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #636e7b66;
     --borderColor-neutral-emphasis: #636e7b;