@primer/primitives 7.14.1-rc.dd15bd6 → 7.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.14.1-rc.dd15bd6",
+  "version": "7.14.1",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

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

@@ -88,7 +88,7 @@
   --controlTrack-bgColor-active: #31363e;
   --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
-  --controlTrack-fgColor-disabled: #7d8590;
+  --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
   --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #161b22;
+  --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
   --button-invisible-borderColor-disabled: #161b22;
@@ -505,7 +505,7 @@
     --controlTrack-bgColor-active: #31363e;
     --controlTrack-bgColor-disabled: #8b949e;
     --controlTrack-fgColor-rest: #7d8590;
-    --controlTrack-fgColor-disabled: #7d8590;
+    --controlTrack-fgColor-disabled: #ffffff;
     --controlTrack-borderColor-rest: #00000000;
     --controlTrack-borderColor-disabled: #8b949e;
     --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
     --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #161b22;
+    --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
     --button-invisible-borderColor-disabled: #161b22;

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

@@ -88,7 +88,7 @@
   --controlTrack-bgColor-active: #434a54;
   --controlTrack-bgColor-disabled: #768390;
   --controlTrack-fgColor-rest: #6d7986;
-  --controlTrack-fgColor-disabled: #6d7986;
+  --controlTrack-fgColor-disabled: #cdd9e5;
   --controlTrack-borderColor-rest: #00000000;
   --controlTrack-borderColor-disabled: #768390;
   --controlKnob-bgColor-rest: #1c2128;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #909dab1f;
   --button-invisible-bgColor-active: #909dab33;
-  --button-invisible-bgColor-disabled: #2d333b;
+  --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
   --button-invisible-borderColor-disabled: #2d333b;
@@ -505,7 +505,7 @@
     --controlTrack-bgColor-active: #434a54;
     --controlTrack-bgColor-disabled: #768390;
     --controlTrack-fgColor-rest: #6d7986;
-    --controlTrack-fgColor-disabled: #6d7986;
+    --controlTrack-fgColor-disabled: #cdd9e5;
     --controlTrack-borderColor-rest: #00000000;
     --controlTrack-borderColor-disabled: #768390;
     --controlKnob-bgColor-rest: #1c2128;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #909dab1f;
     --button-invisible-bgColor-active: #909dab33;
-    --button-invisible-bgColor-disabled: #2d333b;
+    --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
     --button-invisible-borderColor-disabled: #2d333b;

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

@@ -88,7 +88,7 @@
   --controlTrack-bgColor-active: #484e57;
   --controlTrack-bgColor-disabled: #bdc4cc;
   --controlTrack-fgColor-rest: #0a0c10;
-  --controlTrack-fgColor-disabled: #f0f3f6;
+  --controlTrack-fgColor-disabled: #0a0c10;
   --controlTrack-borderColor-rest: #00000000;
   --controlTrack-borderColor-disabled: #bdc4cc;
   --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #f0f3f6;
   --button-invisible-bgColor-active: #d9dee3;
-  --button-invisible-bgColor-disabled: #272b33;
+  --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #7a828e;
   --button-invisible-borderColor-disabled: #272b33;
@@ -505,7 +505,7 @@
     --controlTrack-bgColor-active: #484e57;
     --controlTrack-bgColor-disabled: #bdc4cc;
     --controlTrack-fgColor-rest: #0a0c10;
-    --controlTrack-fgColor-disabled: #f0f3f6;
+    --controlTrack-fgColor-disabled: #0a0c10;
     --controlTrack-borderColor-rest: #00000000;
     --controlTrack-borderColor-disabled: #bdc4cc;
     --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #f0f3f6;
     --button-invisible-bgColor-active: #d9dee3;
-    --button-invisible-bgColor-disabled: #272b33;
+    --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #7a828e;
     --button-invisible-borderColor-disabled: #272b33;

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

@@ -88,7 +88,7 @@
   --controlTrack-bgColor-active: #31363e;
   --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
-  --controlTrack-fgColor-disabled: #7d8590;
+  --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
   --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #161b22;
+  --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
   --button-invisible-borderColor-disabled: #161b22;
@@ -505,7 +505,7 @@
     --controlTrack-bgColor-active: #31363e;
     --controlTrack-bgColor-disabled: #8b949e;
     --controlTrack-fgColor-rest: #7d8590;
-    --controlTrack-fgColor-disabled: #7d8590;
+    --controlTrack-fgColor-disabled: #ffffff;
     --controlTrack-borderColor-rest: #00000000;
     --controlTrack-borderColor-disabled: #8b949e;
     --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
     --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #161b22;
+    --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
     --button-invisible-borderColor-disabled: #161b22;

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

@@ -88,7 +88,7 @@
   --controlTrack-bgColor-active: #31363e;
   --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
-  --controlTrack-fgColor-disabled: #7d8590;
+  --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
   --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #161b22;
+  --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
   --button-invisible-borderColor-disabled: #161b22;
@@ -505,7 +505,7 @@
     --controlTrack-bgColor-active: #31363e;
     --controlTrack-bgColor-disabled: #8b949e;
     --controlTrack-fgColor-rest: #7d8590;
-    --controlTrack-fgColor-disabled: #7d8590;
+    --controlTrack-fgColor-disabled: #ffffff;
     --controlTrack-borderColor-rest: #00000000;
     --controlTrack-borderColor-disabled: #8b949e;
     --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
     --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #161b22;
+    --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
     --button-invisible-borderColor-disabled: #161b22;

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

@@ -64,8 +64,8 @@
   --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-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-selected: #d0d7de33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #ffffff00;
   --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
-  --button-invisible-bgColor-disabled: #f6f8fa;
+  --button-invisible-bgColor-disabled: #ffffff00;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
   --button-invisible-borderColor-disabled: #f6f8fa;
@@ -481,8 +481,8 @@
     --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-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-selected: #d0d7de33;
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #ffffff00;
     --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
-    --button-invisible-bgColor-disabled: #f6f8fa;
+    --button-invisible-bgColor-disabled: #ffffff00;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #ffffff00;
     --button-invisible-borderColor-disabled: #f6f8fa;

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

@@ -64,8 +64,8 @@
   --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-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-selected: #ced5dc33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #20252c;
   --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #20252c;
   --button-invisible-bgColor-active: #4b535d;
-  --button-invisible-bgColor-disabled: #e7ecf0;
+  --button-invisible-bgColor-disabled: #ffffff00;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #20252c;
   --button-invisible-borderColor-disabled: #e7ecf0;
@@ -481,8 +481,8 @@
     --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-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-selected: #ced5dc33;
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #20252c;
     --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #20252c;
     --button-invisible-bgColor-active: #4b535d;
-    --button-invisible-bgColor-disabled: #e7ecf0;
+    --button-invisible-bgColor-disabled: #ffffff00;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #20252c;
     --button-invisible-borderColor-disabled: #e7ecf0;

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

@@ -64,8 +64,8 @@
   --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-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-selected: #d0d7de33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #ffffff00;
   --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
-  --button-invisible-bgColor-disabled: #f6f8fa;
+  --button-invisible-bgColor-disabled: #ffffff00;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
   --button-invisible-borderColor-disabled: #f6f8fa;
@@ -481,8 +481,8 @@
     --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-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-selected: #d0d7de33;
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #ffffff00;
     --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
-    --button-invisible-bgColor-disabled: #f6f8fa;
+    --button-invisible-bgColor-disabled: #ffffff00;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #ffffff00;
     --button-invisible-borderColor-disabled: #f6f8fa;

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

@@ -64,8 +64,8 @@
   --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-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-selected: #d0d7de33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #ffffff00;
   --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
-  --button-invisible-bgColor-disabled: #f6f8fa;
+  --button-invisible-bgColor-disabled: #ffffff00;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
   --button-invisible-borderColor-disabled: #f6f8fa;
@@ -481,8 +481,8 @@
     --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-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-selected: #d0d7de33;
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #ffffff00;
     --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
     --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
-    --button-invisible-bgColor-disabled: #f6f8fa;
+    --button-invisible-bgColor-disabled: #ffffff00;
     --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #ffffff00;
     --button-invisible-borderColor-disabled: #f6f8fa;

package/tokens-next-private/docs/functional/themes/dark-colorblind.json

@@ -2649,7 +2649,7 @@
     "path": ["controlTrack", "fgColor", "rest"]
   },
   "controlTrack-fgColor-disabled": {
-    "value": "#7d8590",
+    "value": "#ffffff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2662,7 +2662,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.muted}",
+      "value": "{fgColor.onEmphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3877,7 +3877,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#00000000",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3890,7 +3890,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/tokens-next-private/docs/functional/themes/dark-dimmed.json

@@ -2649,7 +2649,7 @@
     "path": ["controlTrack", "fgColor", "rest"]
   },
   "controlTrack-fgColor-disabled": {
-    "value": "#6d7986",
+    "value": "#cdd9e5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2662,7 +2662,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.muted}",
+      "value": "{fgColor.onEmphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3883,7 +3883,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#2d333b",
+    "value": "#00000000",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3896,7 +3896,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -2657,7 +2657,7 @@
     "path": ["controlTrack", "fgColor", "rest"]
   },
   "controlTrack-fgColor-disabled": {
-    "value": "#f0f3f6",
+    "value": "#0a0c10",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2670,7 +2670,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.muted}",
+      "value": "{fgColor.onEmphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3905,7 +3905,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#272b33",
+    "value": "#00000000",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3918,7 +3918,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -2649,7 +2649,7 @@
     "path": ["controlTrack", "fgColor", "rest"]
   },
   "controlTrack-fgColor-disabled": {
-    "value": "#7d8590",
+    "value": "#ffffff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2662,7 +2662,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.muted}",
+      "value": "{fgColor.onEmphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3883,7 +3883,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#00000000",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3896,7 +3896,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -2649,7 +2649,7 @@
     "path": ["controlTrack", "fgColor", "rest"]
   },
   "controlTrack-fgColor-disabled": {
-    "value": "#7d8590",
+    "value": "#ffffff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2662,7 +2662,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.muted}",
+      "value": "{fgColor.onEmphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3883,7 +3883,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#00000000",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3896,7 +3896,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -1895,7 +1895,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1908,7 +1908,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1924,7 +1924,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#f6f8fa",
+    "value": "#d0d7de33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1934,10 +1934,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.gray.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1946,7 +1947,8 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.2
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -3861,7 +3863,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3874,7 +3876,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

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

@@ -1891,7 +1891,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1904,7 +1904,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1920,7 +1920,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#ced5dc",
+    "value": "#ced5dc33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1930,6 +1930,7 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
@@ -1942,7 +1943,8 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.2
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -3877,7 +3879,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ffffff00",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3890,7 +3892,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{control.bgColor.disabled}",
+      "value": "{control.transparent.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {