@primer/primitives 7.11.11 → 7.11.12-rc.3f10215

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.11",
+  "version": "7.11.12-rc.3f10215",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -35,7 +35,6 @@
     "contrast:check": "ts-node -e \"require('./scripts/color-contrast').check()\"",
     "format": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "format:check": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
-    "install:docs": "cd docs && npm ci --legacy-peer-deps --no-audit --no-fund --include=dev",
     "install:storybook": "cd docs/storybook && npm ci --legacy-peer-deps --no-audit --no-fund",
     "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.js",
     "lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config .eslintrc.js",

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

@@ -199,6 +199,7 @@
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
   --bgColor-disabled: #484f58;
+  --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
   --bgColor-accent-muted: #388bfd1a;
@@ -223,6 +224,7 @@
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #30363d;
+  --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -595,6 +597,7 @@
     --bgColor-muted: #161b22;
     --bgColor-emphasis: #6e7681;
     --bgColor-disabled: #484f58;
+    --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
     --bgColor-accent-muted: #388bfd1a;
@@ -619,6 +622,7 @@
     --borderColor-muted: #30363d66;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #30363d;
+    --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

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

@@ -199,6 +199,7 @@
   --bgColor-muted: #2d333b;
   --bgColor-emphasis: #636e7b;
   --bgColor-disabled: #545d68;
+  --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #636e7b26;
   --bgColor-neutral-emphasis: #636e7b;
   --bgColor-accent-muted: #4184e41a;
@@ -223,6 +224,7 @@
   --borderColor-muted: #444c5666;
   --borderColor-emphasis: #545d68;
   --borderColor-disabled: #444c56;
+  --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #636e7b66;
   --borderColor-neutral-emphasis: #636e7b;
   --borderColor-accent-muted: #4184e466;
@@ -595,6 +597,7 @@
     --bgColor-muted: #2d333b;
     --bgColor-emphasis: #636e7b;
     --bgColor-disabled: #545d68;
+    --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #636e7b26;
     --bgColor-neutral-emphasis: #636e7b;
     --bgColor-accent-muted: #4184e41a;
@@ -619,6 +622,7 @@
     --borderColor-muted: #444c5666;
     --borderColor-emphasis: #545d68;
     --borderColor-disabled: #444c56;
+    --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #636e7b66;
     --borderColor-neutral-emphasis: #636e7b;
     --borderColor-accent-muted: #4184e466;

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

@@ -199,6 +199,7 @@
   --bgColor-muted: #272b33;
   --bgColor-emphasis: #ffffff;
   --bgColor-disabled: #7a828e;
+  --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #9ea7b326;
   --bgColor-neutral-emphasis: #9ea7b3;
   --bgColor-accent-muted: #409eff1a;
@@ -223,6 +224,7 @@
   --borderColor-muted: #7a828e;
   --borderColor-emphasis: #7a828e;
   --borderColor-disabled: #7a828e;
+  --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;
   --borderColor-accent-muted: #409eff;
@@ -595,6 +597,7 @@
     --bgColor-muted: #272b33;
     --bgColor-emphasis: #ffffff;
     --bgColor-disabled: #7a828e;
+    --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #9ea7b326;
     --bgColor-neutral-emphasis: #9ea7b3;
     --bgColor-accent-muted: #409eff1a;
@@ -619,6 +622,7 @@
     --borderColor-muted: #7a828e;
     --borderColor-emphasis: #7a828e;
     --borderColor-disabled: #7a828e;
+    --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #9ea7b3;
     --borderColor-neutral-emphasis: #9ea7b3;
     --borderColor-accent-muted: #409eff;

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

@@ -199,6 +199,7 @@
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
   --bgColor-disabled: #484f58;
+  --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
   --bgColor-accent-muted: #388bfd1a;
@@ -223,6 +224,7 @@
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #30363d;
+  --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -595,6 +597,7 @@
     --bgColor-muted: #161b22;
     --bgColor-emphasis: #6e7681;
     --bgColor-disabled: #484f58;
+    --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
     --bgColor-accent-muted: #388bfd1a;
@@ -619,6 +622,7 @@
     --borderColor-muted: #30363d66;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #30363d;
+    --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

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

@@ -199,6 +199,7 @@
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
   --bgColor-disabled: #484f58;
+  --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
   --bgColor-accent-muted: #388bfd1a;
@@ -223,6 +224,7 @@
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #30363d;
+  --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -595,6 +597,7 @@
     --bgColor-muted: #161b22;
     --bgColor-emphasis: #6e7681;
     --bgColor-disabled: #484f58;
+    --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
     --bgColor-accent-muted: #388bfd1a;
@@ -619,6 +622,7 @@
     --borderColor-muted: #30363d66;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #30363d;
+    --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

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

@@ -200,6 +200,7 @@
   --bgColor-muted: #f6f8fa;
   --bgColor-emphasis: #24292f;
   --bgColor-disabled: #f6f8fa;
+  --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #eaeef280;
   --bgColor-neutral-emphasis: #6e7781;
   --bgColor-accent-muted: #ddf4ff;
@@ -224,6 +225,7 @@
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #d0d7de;
+  --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
   --borderColor-accent-muted: #54aeff66;
@@ -596,6 +598,7 @@
     --bgColor-muted: #f6f8fa;
     --bgColor-emphasis: #24292f;
     --bgColor-disabled: #f6f8fa;
+    --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #eaeef280;
     --bgColor-neutral-emphasis: #6e7781;
     --bgColor-accent-muted: #ddf4ff;
@@ -620,6 +623,7 @@
     --borderColor-muted: #d0d7de66;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #d0d7de;
+    --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;
     --borderColor-accent-muted: #54aeff66;

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

@@ -200,6 +200,7 @@
   --bgColor-muted: #e7ecf0;
   --bgColor-emphasis: #0e1116;
   --bgColor-disabled: #e7ecf0;
+  --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #e7ecf0;
   --bgColor-neutral-emphasis: #66707b;
   --bgColor-accent-muted: #dff7ff;
@@ -224,6 +225,7 @@
   --borderColor-muted: #88929d;
   --borderColor-emphasis: #66707b;
   --borderColor-disabled: #20252c;
+  --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #88929d;
   --borderColor-neutral-emphasis: #66707b;
   --borderColor-accent-muted: #368cf9;
@@ -596,6 +598,7 @@
     --bgColor-muted: #e7ecf0;
     --bgColor-emphasis: #0e1116;
     --bgColor-disabled: #e7ecf0;
+    --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #e7ecf0;
     --bgColor-neutral-emphasis: #66707b;
     --bgColor-accent-muted: #dff7ff;
@@ -620,6 +623,7 @@
     --borderColor-muted: #88929d;
     --borderColor-emphasis: #66707b;
     --borderColor-disabled: #20252c;
+    --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #88929d;
     --borderColor-neutral-emphasis: #66707b;
     --borderColor-accent-muted: #368cf9;

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

@@ -200,6 +200,7 @@
   --bgColor-muted: #f6f8fa;
   --bgColor-emphasis: #24292f;
   --bgColor-disabled: #f6f8fa;
+  --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #eaeef280;
   --bgColor-neutral-emphasis: #6e7781;
   --bgColor-accent-muted: #ddf4ff;
@@ -224,6 +225,7 @@
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #d0d7de;
+  --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
   --borderColor-accent-muted: #54aeff66;
@@ -596,6 +598,7 @@
     --bgColor-muted: #f6f8fa;
     --bgColor-emphasis: #24292f;
     --bgColor-disabled: #f6f8fa;
+    --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #eaeef280;
     --bgColor-neutral-emphasis: #6e7781;
     --bgColor-accent-muted: #ddf4ff;
@@ -620,6 +623,7 @@
     --borderColor-muted: #d0d7de66;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #d0d7de;
+    --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;
     --borderColor-accent-muted: #54aeff66;

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

@@ -200,6 +200,7 @@
   --bgColor-muted: #f6f8fa;
   --bgColor-emphasis: #24292f;
   --bgColor-disabled: #f6f8fa;
+  --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #eaeef280;
   --bgColor-neutral-emphasis: #6e7781;
   --bgColor-accent-muted: #ddf4ff;
@@ -224,6 +225,7 @@
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #d0d7de;
+  --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
   --borderColor-accent-muted: #54aeff66;
@@ -596,6 +598,7 @@
     --bgColor-muted: #f6f8fa;
     --bgColor-emphasis: #24292f;
     --bgColor-disabled: #f6f8fa;
+    --bgColor-transparent: #ffffff00;
     --bgColor-neutral-muted: #eaeef280;
     --bgColor-neutral-emphasis: #6e7781;
     --bgColor-accent-muted: #ddf4ff;
@@ -620,6 +623,7 @@
     --borderColor-muted: #d0d7de66;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #d0d7de;
+    --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;
     --borderColor-accent-muted: #54aeff66;

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

@@ -2827,6 +2827,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#6e768126",
     "$type": "color",
@@ -3161,6 +3174,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#6e768166",
     "$type": "color",

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

@@ -2833,6 +2833,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#636e7b26",
     "$type": "color",
@@ -3167,6 +3180,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#636e7b66",
     "$type": "color",

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

@@ -2841,6 +2841,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#9ea7b326",
     "$type": "color",
@@ -3175,6 +3188,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#9ea7b3",
     "$type": "color",

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

@@ -2833,6 +2833,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#6e768126",
     "$type": "color",
@@ -3167,6 +3180,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#6e768166",
     "$type": "color",

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

@@ -2833,6 +2833,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#6e768126",
     "$type": "color",
@@ -3167,6 +3180,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#00000000",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#6e768166",
     "$type": "color",

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

@@ -2854,6 +2854,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#eaeef280",
     "$type": "color",
@@ -3182,6 +3195,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#afb8c133",
     "$type": "color",

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

@@ -2858,6 +2858,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#e7ecf0",
     "$type": "color",
@@ -3176,6 +3189,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#88929d",
     "$type": "color",

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

@@ -2850,6 +2850,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#eaeef280",
     "$type": "color",
@@ -3174,6 +3187,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#afb8c133",
     "$type": "color",

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

@@ -2850,6 +2850,19 @@
     "attributes": {},
     "path": ["bgColor", "disabled"]
   },
+  "bgColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "bgColor-transparent",
+    "attributes": {},
+    "path": ["bgColor", "transparent"]
+  },
   "bgColor-neutral-muted": {
     "value": "#eaeef280",
     "$type": "color",
@@ -3174,6 +3187,19 @@
     "attributes": {},
     "path": ["borderColor", "disabled"]
   },
+  "borderColor-transparent": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color"
+    },
+    "name": "borderColor-transparent",
+    "attributes": {},
+    "path": ["borderColor", "transparent"]
+  },
   "borderColor-neutral-muted": {
     "value": "#afb8c133",
     "$type": "color",