@primer/primitives 7.11.13 → 7.11.14-rc.14f9da3

package/dist/ts/colors/dark_tritanopia.ts

@@ -211,7 +211,8 @@ export default {
     "tapFocusBg": "#0c2d6b"
   },
   "overlay": {
-    "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
+    "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)",
+    "backdrop": "rgba(22,27,34,0.4)"
   },
   "header": {
     "text": "rgba(255,255,255,0.7)",

package/dist/ts/colors/light.ts

@@ -40,7 +40,7 @@ export default {
     "syntax": {
       "comment": "#6e7781",
       "constant": "#0550ae",
-      "entity": "#8250df",
+      "entity": "#6639ba",
       "storageModifierImport": "#24292f",
       "entityTag": "#116329",
       "keyword": "#cf222e",
@@ -211,7 +211,8 @@ export default {
     "tapFocusBg": "#b6e3ff"
   },
   "overlay": {
-    "shadow": "0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12)"
+    "shadow": "0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12)",
+    "backdrop": "rgba(140,149,159,0.2)"
   },
   "header": {
     "text": "rgba(255,255,255,0.7)",

package/dist/ts/colors/light_colorblind.ts

@@ -40,7 +40,7 @@ export default {
     "syntax": {
       "comment": "#6e7781",
       "constant": "#0550ae",
-      "entity": "#8250df",
+      "entity": "#6639ba",
       "storageModifierImport": "#24292f",
       "entityTag": "#0550ae",
       "keyword": "#b35900",
@@ -211,7 +211,8 @@ export default {
     "tapFocusBg": "#b6e3ff"
   },
   "overlay": {
-    "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)"
+    "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)",
+    "backdrop": "rgba(140,149,159,0.2)"
   },
   "header": {
     "text": "rgba(255,255,255,0.7)",

package/dist/ts/colors/light_high_contrast.ts

@@ -40,7 +40,7 @@ export default {
     "syntax": {
       "comment": "#66707b",
       "constant": "#023b95",
-      "entity": "#622cbc",
+      "entity": "#512598",
       "storageModifierImport": "#0e1116",
       "entityTag": "#024c1a",
       "keyword": "#a0111f",
@@ -211,7 +211,8 @@ export default {
     "tapFocusBg": "#9cd7ff"
   },
   "overlay": {
-    "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)"
+    "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)",
+    "backdrop": "rgba(136,146,157,0.2)"
   },
   "header": {
     "text": "rgba(255,255,255,0.7)",

package/dist/ts/colors/light_tritanopia.ts

@@ -40,7 +40,7 @@ export default {
     "syntax": {
       "comment": "#6e7781",
       "constant": "#0550ae",
-      "entity": "#8250df",
+      "entity": "#6639ba",
       "storageModifierImport": "#24292f",
       "entityTag": "#0550ae",
       "keyword": "#cf222e",
@@ -211,7 +211,8 @@ export default {
     "tapFocusBg": "#b6e3ff"
   },
   "overlay": {
-    "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)"
+    "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)",
+    "backdrop": "rgba(140,149,159,0.2)"
   },
   "header": {
     "text": "rgba(255,255,255,0.7)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.13",
+  "version": "7.11.14-rc.14f9da3",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -55,11 +55,11 @@
     "@changesets/cli": "^2.22.0",
     "@github/prettier-config": "^0.0.6",
     "@types/flat": "^5.0.1",
-    "@types/jest": "^29.1.2",
-    "@types/lodash": "^4.14.163",
-    "@types/node": "^16.18.14",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
+    "@types/jest": "^29.5.2",
+    "@types/lodash": "^4.14.195",
+    "@types/node": "^20.4.0",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
     "camelcase-keys": "^6.2.2",
     "color-blend": "^4.0.0",
     "color2k": "^2.0.0",
@@ -77,16 +77,16 @@
     "eslint-plugin-storybook": "^0.6.11",
     "flat": "^5.0.2",
     "husky": "^8.0.1",
-    "jest": "^29.4.3",
+    "jest": "^29.6.1",
     "json5": "^2.2.1",
     "lodash": "^4.17.20",
-    "mkdirp": "^2.1.1",
+    "markdown-table-ts": "^1.0.3",
+    "mkdirp": "^3.0.1",
     "prettier": "^2.7.1",
-    "style-dictionary": "^3.7.2",
-    "ts-jest": "^29.0.3",
+    "style-dictionary": "^3.8.0",
+    "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
-    "tsconfig-paths": "^4.1.0",
-    "typescript": "^4.9.3",
-    "markdown-table-ts": "^1.0.3"
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.1.6"
   }
 }

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

@@ -8,7 +8,7 @@
   --borderRadius-small: 3px;
   --borderRadius-medium: 6px;
   --borderRadius-large: 12px;
-  --borderRadius-full: 100vh;
+  --borderRadius-full: 9999px;
   --outline-focus-offset: -0.125rem;
   --outline-focus-width: 0.125rem;
 }

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

@@ -172,7 +172,7 @@
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
-  --overlay-backdrop-bgColor: #b1bac433;
+  --overlay-backdrop-bgColor: #161b2266;
   --selectMenu-borderColor: #484f58;
   --selectMenu-bgColor-active: #0c2d6b;
   --sideNav-bgColor-selected: #21262d;
@@ -570,7 +570,7 @@
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
-    --overlay-backdrop-bgColor: #b1bac433;
+    --overlay-backdrop-bgColor: #161b2266;
     --selectMenu-borderColor: #484f58;
     --selectMenu-bgColor-active: #0c2d6b;
     --sideNav-bgColor-selected: #21262d;

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

@@ -172,7 +172,7 @@
   --focus-outlineColor: #316dca;
   --menu-bgColor-active: #2d333b;
   --overlay-bgColor: #2d333b;
-  --overlay-backdrop-bgColor: #909dab33;
+  --overlay-backdrop-bgColor: #2d333b66;
   --selectMenu-borderColor: #545d68;
   --selectMenu-bgColor-active: #143d79;
   --sideNav-bgColor-selected: #373e47;
@@ -570,7 +570,7 @@
     --focus-outlineColor: #316dca;
     --menu-bgColor-active: #2d333b;
     --overlay-bgColor: #2d333b;
-    --overlay-backdrop-bgColor: #909dab33;
+    --overlay-backdrop-bgColor: #2d333b66;
     --selectMenu-borderColor: #545d68;
     --selectMenu-bgColor-active: #143d79;
     --sideNav-bgColor-selected: #373e47;

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

@@ -172,7 +172,7 @@
   --focus-outlineColor: #409eff;
   --menu-bgColor-active: #272b33;
   --overlay-bgColor: #272b33;
-  --overlay-backdrop-bgColor: #d9dee333;
+  --overlay-backdrop-bgColor: #272b3366;
   --selectMenu-borderColor: #7a828e;
   --selectMenu-bgColor-active: #1e60d5;
   --sideNav-bgColor-selected: #272b33;
@@ -570,7 +570,7 @@
     --focus-outlineColor: #409eff;
     --menu-bgColor-active: #272b33;
     --overlay-bgColor: #272b33;
-    --overlay-backdrop-bgColor: #d9dee333;
+    --overlay-backdrop-bgColor: #272b3366;
     --selectMenu-borderColor: #7a828e;
     --selectMenu-bgColor-active: #1e60d5;
     --sideNav-bgColor-selected: #272b33;

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

@@ -172,7 +172,7 @@
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
-  --overlay-backdrop-bgColor: #b1bac433;
+  --overlay-backdrop-bgColor: #161b2266;
   --selectMenu-borderColor: #484f58;
   --selectMenu-bgColor-active: #0c2d6b;
   --sideNav-bgColor-selected: #21262d;
@@ -570,7 +570,7 @@
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
-    --overlay-backdrop-bgColor: #b1bac433;
+    --overlay-backdrop-bgColor: #161b2266;
     --selectMenu-borderColor: #484f58;
     --selectMenu-bgColor-active: #0c2d6b;
     --sideNav-bgColor-selected: #21262d;

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

@@ -172,7 +172,7 @@
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
-  --overlay-backdrop-bgColor: #b1bac433;
+  --overlay-backdrop-bgColor: #161b2266;
   --selectMenu-borderColor: #484f58;
   --selectMenu-bgColor-active: #0c2d6b;
   --sideNav-bgColor-selected: #21262d;
@@ -570,7 +570,7 @@
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
-    --overlay-backdrop-bgColor: #b1bac433;
+    --overlay-backdrop-bgColor: #161b2266;
     --selectMenu-borderColor: #484f58;
     --selectMenu-bgColor-active: #0c2d6b;
     --sideNav-bgColor-selected: #21262d;

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

@@ -62,14 +62,14 @@
   --control-borderColor-danger: #bc4c00;
   --control-borderColor-warning: #bf8700;
   --control-iconColor-rest: #636c76;
-  --control-transparent-bgColor-rest: #00000000;
+  --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
   --control-transparent-bgColor-disabled: #f6f8fa;
   --control-transparent-bgColor-selected: #f6f8fa;
-  --control-transparent-borderColor-rest: #00000000;
-  --control-transparent-borderColor-hover: #00000000;
-  --control-transparent-borderColor-active: #00000000;
+  --control-transparent-borderColor-rest: #ffffff00;
+  --control-transparent-borderColor-hover: #ffffff00;
+  --control-transparent-borderColor-active: #ffffff00;
   --control-danger-fgColor-rest: #be4e02;
   --control-danger-fgColor-hover: #be4e02;
   --control-danger-bgColor-hover: #fff1e5;
@@ -90,7 +90,7 @@
   --controlTrack-bgColor-disabled: #8c959f;
   --controlTrack-fgColor-rest: #636c76;
   --controlTrack-fgColor-disabled: #ffffff;
-  --controlTrack-borderColor-rest: #00000000;
+  --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
   --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
-  --button-invisible-bgColor-rest: #00000000;
+  --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
   --button-invisible-bgColor-disabled: #f6f8fa;
-  --button-invisible-borderColor-rest: #00000000;
-  --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-rest: #ffffff00;
+  --button-invisible-borderColor-hover: #ffffff00;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -266,7 +266,7 @@
   --color-prettylights-syntax-comment: #6e7781;
   --color-prettylights-syntax-constant: #0550ae;
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-  --color-prettylights-syntax-entity: #8250df;
+  --color-prettylights-syntax-entity: #6639ba;
   --color-prettylights-syntax-storage-modifier-import: #24292f;
   --color-prettylights-syntax-entity-tag: #0550ae;
   --color-prettylights-syntax-keyword: #bc4c00;
@@ -460,14 +460,14 @@
     --control-borderColor-danger: #bc4c00;
     --control-borderColor-warning: #bf8700;
     --control-iconColor-rest: #636c76;
-    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #d0d7de33;
     --control-transparent-bgColor-active: #d0d7de66;
     --control-transparent-bgColor-disabled: #f6f8fa;
     --control-transparent-bgColor-selected: #f6f8fa;
-    --control-transparent-borderColor-rest: #00000000;
-    --control-transparent-borderColor-hover: #00000000;
-    --control-transparent-borderColor-active: #00000000;
+    --control-transparent-borderColor-rest: #ffffff00;
+    --control-transparent-borderColor-hover: #ffffff00;
+    --control-transparent-borderColor-active: #ffffff00;
     --control-danger-fgColor-rest: #be4e02;
     --control-danger-fgColor-hover: #be4e02;
     --control-danger-bgColor-hover: #fff1e5;
@@ -488,7 +488,7 @@
     --controlTrack-bgColor-disabled: #8c959f;
     --controlTrack-fgColor-rest: #636c76;
     --controlTrack-fgColor-disabled: #ffffff;
-    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-rest: #ffffff00;
     --controlTrack-borderColor-disabled: #8c959f;
     --controlKnob-bgColor-rest: #ffffff;
     --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
     --button-invisible-fgColor-rest: #0969da;
     --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
-    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
     --button-invisible-bgColor-disabled: #f6f8fa;
-    --button-invisible-borderColor-rest: #00000000;
-    --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-rest: #ffffff00;
+    --button-invisible-borderColor-hover: #ffffff00;
     --button-outline-fgColor-rest: #0969da;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -664,7 +664,7 @@
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #bc4c00;

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

@@ -62,14 +62,14 @@
   --control-borderColor-danger: #a0111f;
   --control-borderColor-warning: #744500;
   --control-iconColor-rest: #0e1116;
-  --control-transparent-bgColor-rest: #00000000;
+  --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #e7ecf0;
   --control-transparent-bgColor-active: #ced5dc;
   --control-transparent-bgColor-disabled: #e7ecf0;
   --control-transparent-bgColor-selected: #ced5dc;
-  --control-transparent-borderColor-rest: #00000000;
+  --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #20252c;
-  --control-transparent-borderColor-active: #00000000;
+  --control-transparent-borderColor-active: #ffffff00;
   --control-danger-fgColor-rest: #8a071e;
   --control-danger-fgColor-hover: #ffffff;
   --control-danger-bgColor-hover: #a0111f;
@@ -90,7 +90,7 @@
   --controlTrack-bgColor-disabled: #88929d;
   --controlTrack-fgColor-rest: #010409;
   --controlTrack-fgColor-disabled: #ffffff;
-  --controlTrack-borderColor-rest: #00000000;
+  --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #88929d;
   --controlKnob-bgColor-rest: #ffffff;
   --controlKnob-bgColor-disabled: #e7ecf0;
@@ -123,11 +123,11 @@
   --button-invisible-fgColor-rest: #023b95;
   --button-invisible-fgColor-hover: #023b95;
   --button-invisible-fgColor-disabled: #88929d;
-  --button-invisible-bgColor-rest: #00000000;
+  --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #e7ecf0;
   --button-invisible-bgColor-active: #ced5dc;
   --button-invisible-bgColor-disabled: #e7ecf0;
-  --button-invisible-borderColor-rest: #00000000;
+  --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #20252c;
   --button-outline-fgColor-rest: #023b95;
   --button-outline-fgColor-hover: #ffffff;
@@ -266,7 +266,7 @@
   --color-prettylights-syntax-comment: #66707b;
   --color-prettylights-syntax-constant: #023b95;
   --color-prettylights-syntax-constant-other-reference-link: #032563;
-  --color-prettylights-syntax-entity: #622cbc;
+  --color-prettylights-syntax-entity: #512598;
   --color-prettylights-syntax-storage-modifier-import: #0e1116;
   --color-prettylights-syntax-entity-tag: #023b95;
   --color-prettylights-syntax-keyword: #a0111f;
@@ -460,14 +460,14 @@
     --control-borderColor-danger: #a0111f;
     --control-borderColor-warning: #744500;
     --control-iconColor-rest: #0e1116;
-    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #e7ecf0;
     --control-transparent-bgColor-active: #ced5dc;
     --control-transparent-bgColor-disabled: #e7ecf0;
     --control-transparent-bgColor-selected: #ced5dc;
-    --control-transparent-borderColor-rest: #00000000;
+    --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #20252c;
-    --control-transparent-borderColor-active: #00000000;
+    --control-transparent-borderColor-active: #ffffff00;
     --control-danger-fgColor-rest: #8a071e;
     --control-danger-fgColor-hover: #ffffff;
     --control-danger-bgColor-hover: #a0111f;
@@ -488,7 +488,7 @@
     --controlTrack-bgColor-disabled: #88929d;
     --controlTrack-fgColor-rest: #010409;
     --controlTrack-fgColor-disabled: #ffffff;
-    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-rest: #ffffff00;
     --controlTrack-borderColor-disabled: #88929d;
     --controlKnob-bgColor-rest: #ffffff;
     --controlKnob-bgColor-disabled: #e7ecf0;
@@ -521,11 +521,11 @@
     --button-invisible-fgColor-rest: #023b95;
     --button-invisible-fgColor-hover: #023b95;
     --button-invisible-fgColor-disabled: #88929d;
-    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #e7ecf0;
     --button-invisible-bgColor-active: #ced5dc;
     --button-invisible-bgColor-disabled: #e7ecf0;
-    --button-invisible-borderColor-rest: #00000000;
+    --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #20252c;
     --button-outline-fgColor-rest: #023b95;
     --button-outline-fgColor-hover: #ffffff;
@@ -664,7 +664,7 @@
     --color-prettylights-syntax-comment: #66707b;
     --color-prettylights-syntax-constant: #023b95;
     --color-prettylights-syntax-constant-other-reference-link: #032563;
-    --color-prettylights-syntax-entity: #622cbc;
+    --color-prettylights-syntax-entity: #512598;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;
     --color-prettylights-syntax-entity-tag: #023b95;
     --color-prettylights-syntax-keyword: #a0111f;

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

@@ -62,14 +62,14 @@
   --control-borderColor-danger: #cf222e;
   --control-borderColor-warning: #bf8700;
   --control-iconColor-rest: #636c76;
-  --control-transparent-bgColor-rest: #00000000;
+  --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
   --control-transparent-bgColor-disabled: #f6f8fa;
   --control-transparent-bgColor-selected: #f6f8fa;
-  --control-transparent-borderColor-rest: #00000000;
-  --control-transparent-borderColor-hover: #00000000;
-  --control-transparent-borderColor-active: #00000000;
+  --control-transparent-borderColor-rest: #ffffff00;
+  --control-transparent-borderColor-hover: #ffffff00;
+  --control-transparent-borderColor-active: #ffffff00;
   --control-danger-fgColor-rest: #d1242f;
   --control-danger-fgColor-hover: #d1242f;
   --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
   --controlTrack-bgColor-disabled: #8c959f;
   --controlTrack-fgColor-rest: #636c76;
   --controlTrack-fgColor-disabled: #ffffff;
-  --controlTrack-borderColor-rest: #00000000;
+  --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
   --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
-  --button-invisible-bgColor-rest: #00000000;
+  --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
   --button-invisible-bgColor-disabled: #f6f8fa;
-  --button-invisible-borderColor-rest: #00000000;
-  --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-rest: #ffffff00;
+  --button-invisible-borderColor-hover: #ffffff00;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -266,7 +266,7 @@
   --color-prettylights-syntax-comment: #6e7781;
   --color-prettylights-syntax-constant: #0550ae;
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-  --color-prettylights-syntax-entity: #8250df;
+  --color-prettylights-syntax-entity: #6639ba;
   --color-prettylights-syntax-storage-modifier-import: #24292f;
   --color-prettylights-syntax-entity-tag: #0550ae;
   --color-prettylights-syntax-keyword: #cf222e;
@@ -460,14 +460,14 @@
     --control-borderColor-danger: #cf222e;
     --control-borderColor-warning: #bf8700;
     --control-iconColor-rest: #636c76;
-    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #d0d7de33;
     --control-transparent-bgColor-active: #d0d7de66;
     --control-transparent-bgColor-disabled: #f6f8fa;
     --control-transparent-bgColor-selected: #f6f8fa;
-    --control-transparent-borderColor-rest: #00000000;
-    --control-transparent-borderColor-hover: #00000000;
-    --control-transparent-borderColor-active: #00000000;
+    --control-transparent-borderColor-rest: #ffffff00;
+    --control-transparent-borderColor-hover: #ffffff00;
+    --control-transparent-borderColor-active: #ffffff00;
     --control-danger-fgColor-rest: #d1242f;
     --control-danger-fgColor-hover: #d1242f;
     --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +488,7 @@
     --controlTrack-bgColor-disabled: #8c959f;
     --controlTrack-fgColor-rest: #636c76;
     --controlTrack-fgColor-disabled: #ffffff;
-    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-rest: #ffffff00;
     --controlTrack-borderColor-disabled: #8c959f;
     --controlKnob-bgColor-rest: #ffffff;
     --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
     --button-invisible-fgColor-rest: #0969da;
     --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
-    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
     --button-invisible-bgColor-disabled: #f6f8fa;
-    --button-invisible-borderColor-rest: #00000000;
-    --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-rest: #ffffff00;
+    --button-invisible-borderColor-hover: #ffffff00;
     --button-outline-fgColor-rest: #0969da;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -664,7 +664,7 @@
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #cf222e;

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

@@ -62,14 +62,14 @@
   --control-borderColor-danger: #cf222e;
   --control-borderColor-warning: #bf8700;
   --control-iconColor-rest: #636c76;
-  --control-transparent-bgColor-rest: #00000000;
+  --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
   --control-transparent-bgColor-disabled: #f6f8fa;
   --control-transparent-bgColor-selected: #f6f8fa;
-  --control-transparent-borderColor-rest: #00000000;
-  --control-transparent-borderColor-hover: #00000000;
-  --control-transparent-borderColor-active: #00000000;
+  --control-transparent-borderColor-rest: #ffffff00;
+  --control-transparent-borderColor-hover: #ffffff00;
+  --control-transparent-borderColor-active: #ffffff00;
   --control-danger-fgColor-rest: #d1242f;
   --control-danger-fgColor-hover: #d1242f;
   --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
   --controlTrack-bgColor-disabled: #8c959f;
   --controlTrack-fgColor-rest: #636c76;
   --controlTrack-fgColor-disabled: #ffffff;
-  --controlTrack-borderColor-rest: #00000000;
+  --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
   --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
-  --button-invisible-bgColor-rest: #00000000;
+  --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
   --button-invisible-bgColor-disabled: #f6f8fa;
-  --button-invisible-borderColor-rest: #00000000;
-  --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-rest: #ffffff00;
+  --button-invisible-borderColor-hover: #ffffff00;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -266,7 +266,7 @@
   --color-prettylights-syntax-comment: #6e7781;
   --color-prettylights-syntax-constant: #0550ae;
   --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-  --color-prettylights-syntax-entity: #8250df;
+  --color-prettylights-syntax-entity: #6639ba;
   --color-prettylights-syntax-storage-modifier-import: #24292f;
   --color-prettylights-syntax-entity-tag: #0550ae;
   --color-prettylights-syntax-keyword: #cf222e;
@@ -460,14 +460,14 @@
     --control-borderColor-danger: #cf222e;
     --control-borderColor-warning: #bf8700;
     --control-iconColor-rest: #636c76;
-    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #d0d7de33;
     --control-transparent-bgColor-active: #d0d7de66;
     --control-transparent-bgColor-disabled: #f6f8fa;
     --control-transparent-bgColor-selected: #f6f8fa;
-    --control-transparent-borderColor-rest: #00000000;
-    --control-transparent-borderColor-hover: #00000000;
-    --control-transparent-borderColor-active: #00000000;
+    --control-transparent-borderColor-rest: #ffffff00;
+    --control-transparent-borderColor-hover: #ffffff00;
+    --control-transparent-borderColor-active: #ffffff00;
     --control-danger-fgColor-rest: #d1242f;
     --control-danger-fgColor-hover: #d1242f;
     --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +488,7 @@
     --controlTrack-bgColor-disabled: #8c959f;
     --controlTrack-fgColor-rest: #636c76;
     --controlTrack-fgColor-disabled: #ffffff;
-    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-rest: #ffffff00;
     --controlTrack-borderColor-disabled: #8c959f;
     --controlKnob-bgColor-rest: #ffffff;
     --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
     --button-invisible-fgColor-rest: #0969da;
     --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
-    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
     --button-invisible-bgColor-disabled: #f6f8fa;
-    --button-invisible-borderColor-rest: #00000000;
-    --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-rest: #ffffff00;
+    --button-invisible-borderColor-hover: #ffffff00;
     --button-outline-fgColor-rest: #0969da;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -664,7 +664,7 @@
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #cf222e;