@primer/primitives 7.11.14-rc.127cf00 → 7.11.14-rc.14f9da3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.14-rc.127cf00",
+  "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/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;
@@ -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;

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

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

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

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

@@ -101,11 +101,11 @@
     "path": ["borderRadius", "large"]
   },
   "borderRadius-full": {
-    "value": "100vh",
+    "value": "9999px",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "100vh"
+      "value": "9999px"
     },
     "name": "borderRadius-full",
     "attributes": {},

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

@@ -868,7 +868,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",

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

@@ -868,7 +868,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",

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

@@ -868,7 +868,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -1296,7 +1296,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",

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

@@ -868,7 +868,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",