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

package/tokens-next-private/docs/functional/themes/light-tritanopia.json

@@ -853,12 +853,12 @@
     "path": ["control", "iconColor", "rest"]
   },
   "control-transparent-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
     "path": ["control", "transparent", "bgColor", "selected"]
   },
   "control-transparent-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -935,12 +935,12 @@
     "path": ["control", "transparent", "borderColor", "rest"]
   },
   "control-transparent-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -948,12 +948,12 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1271,12 +1271,12 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
@@ -1758,7 +1758,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1810,7 +1810,7 @@
     "path": ["button", "invisible", "bgColor", "disabled"]
   },
   "button-invisible-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1823,7 +1823,7 @@
     "path": ["button", "invisible", "borderColor", "rest"]
   },
   "button-invisible-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -3741,12 +3741,12 @@
     "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
   },
   "color-prettylights-syntax-entity": {
-    "value": "#8250df",
+    "value": "#6639ba",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{base.color.purple.6}",
       "$type": "color"
     },
     "name": "color-prettylights-syntax-entity",

package/tokens-next-private/docs/functional/themes/light.json

@@ -853,12 +853,12 @@
     "path": ["control", "iconColor", "rest"]
   },
   "control-transparent-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
     "path": ["control", "transparent", "bgColor", "selected"]
   },
   "control-transparent-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -935,12 +935,12 @@
     "path": ["control", "transparent", "borderColor", "rest"]
   },
   "control-transparent-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -948,12 +948,12 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1271,12 +1271,12 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
@@ -1758,7 +1758,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1810,7 +1810,7 @@
     "path": ["button", "invisible", "bgColor", "disabled"]
   },
   "button-invisible-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1823,7 +1823,7 @@
     "path": ["button", "invisible", "borderColor", "rest"]
   },
   "button-invisible-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -3739,12 +3739,12 @@
     "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
   },
   "color-prettylights-syntax-entity": {
-    "value": "#8250df",
+    "value": "#6639ba",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.purple.5}",
+      "value": "{base.color.purple.6}",
       "$type": "color"
     },
     "name": "color-prettylights-syntax-entity",

package/tokens-next-private/fallbacks/color-fallbacks.json

@@ -48,7 +48,7 @@
   "--control-bgColor-rest": "var(--color-btn-bg)",
   "--control-bgColor-hover": "var(--color-btn-hover-bg)",
   "--control-bgColor-active": "var(--color-btn-selected-bg)",
-  "--control-bgColor-disabled": "var(--color-btn-bg)",
+  "--control-bgColor-disabled": "var(--color-input-disabled-bg)",
   "--control-bgColor-selected": "var(--color-btn-selected-bg)",
   "--control-fgColor-rest": "var(--color-fg-default)",
   "--control-fgColor-placeholder": "var(--color-fg-subtle)",
@@ -171,7 +171,7 @@
   "--focus-outline": "var(--color-accent-fg solid 2px)",
   "--menu-bgColor-active": "var(--color-menu-bg-active)",
   "--overlay-bgColor": "var(--color-canvas-overlay)",
-  "--overlay-backdrop-bgColor": "var(--color-primer-canvas-backdrop)",
+  "--overlay-backdrop-bgColor": "var(--color-overlay-backdrop)",
   "--selectMenu-borderColor": "var(--color-select-menu-backdrop-border)",
   "--selectMenu-bgColor-active": "var(--color-select-menu-tap-focus-bg)",
   "--sideNav-bgColor-selected": "var(--color-sidenav-selected-bg)",
@@ -195,12 +195,12 @@
   "--fgColor-done": "var(--color-done-fg)",
   "--fgColor-sponsors": "var(--color-sponsors-fg)",
   "--bgColor-default": "var(--color-canvas-default)",
-  "--bgColor-muted": "var(--color-canvas-inset)",
+  "--bgColor-muted": "var(--color-canvas-subtle)",
   "--bgColor-emphasis": "var(--color-neutral-emphasis-plus)",
   "--bgColor-disabled": "var(--color-neutral-muted)",
-  "--bgColor-neutral-muted": "var(--color-neutral-muted)",
+  "--bgColor-neutral-muted": "var(--color-neutral-subtle)",
   "--bgColor-neutral-emphasis": "var(--color-fg-subtle)",
-  "--bgColor-accent-muted": "var(--color-accent-muted)",
+  "--bgColor-accent-muted": "var(--color-accent-subtle)",
   "--bgColor-accent-emphasis": "var(--color-accent-fg)",
   "--bgColor-success-muted": "var(--color-success-subtle)",
   "--bgColor-success-emphasis": "var(--color-success-fg)",
@@ -219,7 +219,7 @@
   "--bgColor-sponsors-muted": "var(--color-sponsors-subtle)",
   "--bgColor-sponsors-emphasis": "var(--color-sponsors-fg)",
   "--borderColor-default": "var(--color-border-default)",
-  "--borderColor-muted": "var(--color-neutral-muted)",
+  "--borderColor-muted": "var(--color-border-muted)",
   "--borderColor-emphasis": "var(--color-fg-subtle)",
   "--borderColor-disabled": "var(--color-border-default)",
   "--borderColor-neutral-muted": "var(--color-neutral-muted)",
@@ -250,5 +250,7 @@
   "--shadow-floating-large": "var(--color-shadow-large)",
   "--shadow-floating-xlarge": "var(--color-shadow-extra-large)",
   "--shadow-highlight": "var(--color-primer-shadow-highlight)",
-  "--shadow-inset": "var(--color-primer-shadow-inset)"
+  "--shadow-inset": "var(--color-primer-shadow-inset)",
+  "--borderColor-transparent": "transparent",
+  "--bgColor-transparent": "transparent"
 }

package/tokens-next-private/fallbacks/functional/size/border.json

@@ -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/scss/functional/size/border.scss

@@ -9,7 +9,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/scss/functional/themes/dark-colorblind.scss

@@ -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;

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

@@ -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;

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

@@ -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;

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

@@ -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;

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

@@ -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;

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

@@ -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;

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

@@ -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;

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

@@ -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;

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

@@ -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;

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:16 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 :root {

package/tokens-v2-private/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 17:46:03 GMT
+ * Generated on Fri, 07 Jul 2023 14:19:15 GMT
  */
 
 module.exports = {
@@ -263,4 +263,4 @@ module.exports = {
       }
     }
   }
-};
+};