@primer/primitives 10.0.0-rc.4782a992 → 10.0.0-rc.4b3d8b21

package/dist/build/PrimerStyleDictionary.js

@@ -1,5 +1,5 @@
 import StyleDictionary from 'style-dictionary';
-import { borderToCss, colorToRgbAlpha, colorToHex, colorToHexMix, colorToRgbaFloat, dimensionToRem, dimensionToPixelUnitless, durationToCss, figmaAttributes, fontFamilyToCss, fontFamilyToFigma, fontWeightToNumber, jsonDeprecated, namePathToDotNotation, namePathToCamelCase, namePathToPascalCase, namePathToKebabCase, namePathToSlashNotation, namePathToFigma, shadowToCss, typographyToCss, dimensionToRemPxArray, floatToPixel, floatToPixelUnitless, } from './transformers/index.js';
+import { borderToCss, colorToRgbAlpha, colorToHex, colorToHexMix, colorToRgbaFloat, cubicBezierToCss, dimensionToRem, dimensionToPixelUnitless, durationToCss, figmaAttributes, fontFamilyToCss, fontFamilyToFigma, fontWeightToNumber, jsonDeprecated, namePathToDotNotation, namePathToCamelCase, namePathToPascalCase, namePathToKebabCase, namePathToSlashNotation, namePathToFigma, shadowToCss, typographyToCss, dimensionToRemPxArray, floatToPixel, floatToPixelUnitless, } from './transformers/index.js';
 import { javascriptCommonJs, javascriptEsm, typescriptExportDefinition, jsonNestedPrefixed, cssCustomMedia, jsonOneDimensional, jsonPostCssFallback, cssAdvanced, jsonFigma, } from './formats/index.js';
 /**
  * @name {@link PrimerStyleDictionary}
@@ -56,6 +56,7 @@ PrimerStyleDictionary.registerTransform(Object.assign({}, colorToRgbAlpha));
 PrimerStyleDictionary.registerTransform(Object.assign({}, colorToRgbaFloat));
 PrimerStyleDictionary.registerTransform(Object.assign({}, colorToHexMix));
 PrimerStyleDictionary.registerTransform(Object.assign({}, colorToHex));
+PrimerStyleDictionary.registerTransform(Object.assign({}, cubicBezierToCss));
 PrimerStyleDictionary.registerTransform(Object.assign({}, floatToPixel));
 PrimerStyleDictionary.registerTransform(Object.assign({}, floatToPixelUnitless));
 PrimerStyleDictionary.registerTransform(Object.assign({}, dimensionToRem));

package/dist/build/filters/isCubicBezier.d.ts

@@ -0,0 +1,7 @@
+import type { TransformedToken } from 'style-dictionary/types';
+/**
+ * @description Checks if token is of $type `cubicBezier`
+ * @param token [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
+ * @returns boolean
+ */
+export declare const isCubicBezier: (token: TransformedToken) => boolean;

package/dist/build/filters/isCubicBezier.js

@@ -0,0 +1,10 @@
+/**
+ * @description Checks if token is of $type `cubicBezier`
+ * @param token [TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
+ * @returns boolean
+ */
+export const isCubicBezier = (token) => {
+    var _a;
+    const typeValue = (_a = token.$type) !== null && _a !== void 0 ? _a : token.type;
+    return typeValue === 'cubicBezier';
+};

package/dist/build/platforms/css.js

@@ -23,6 +23,7 @@ export const css = (outputFile, prefix, buildPath, options) => {
             'name/pathToKebabCase',
             'color/hex',
             'color/hexMix',
+            'cubicBezier/css',
             'dimension/rem',
             'duration/css',
             'shadow/css',

package/dist/build/transformers/cubicBezierToCss.d.ts

@@ -0,0 +1,8 @@
+import type { Transform } from 'style-dictionary/types';
+/**
+ * @description converts cubicBezeir tokens array value to a css cubic-bezier
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `duration`
+ * @transformer returns a css cubic-bezier function
+ */
+export declare const cubicBezierToCss: Transform;

package/dist/build/transformers/cubicBezierToCss.js

@@ -0,0 +1,23 @@
+import { isCubicBezier } from '../filters/isCubicBezier.js';
+/**
+ * @description converts cubicBezeir tokens array value to a css cubic-bezier
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `duration`
+ * @transformer returns a css cubic-bezier function
+ */
+export const cubicBezierToCss = {
+    name: 'cubicBezeir/css',
+    type: 'value',
+    transitive: true,
+    filter: isCubicBezier,
+    transform: (token, _config) => {
+        var _a;
+        const value = (_a = token.$value) !== null && _a !== void 0 ? _a : token.value;
+        // throw value of more or less than 4 items in array
+        if (value.length !== 4 || value.some((item) => typeof item !== 'number')) {
+            throw new Error(`Invalid cubicBezier token ${token.path.join('.')}, must be an array with 4 numbers, but got this instead: ${JSON.stringify(value)}`);
+        }
+        // return value
+        return `cubic-bezier(${value.join(',')})`;
+    },
+};

package/dist/build/transformers/index.d.ts

@@ -3,6 +3,7 @@ export { colorToHex } from './colorToHex.js';
 export { colorToHexMix } from './colorToHexMix.js';
 export { colorToRgbAlpha } from './colorToRgbAlpha.js';
 export { colorToRgbaFloat } from './colorToRgbaFloat.js';
+export { cubicBezierToCss } from './cubicBezierToCss.js';
 export { floatToPixel } from './floatToPixel.js';
 export { floatToPixelUnitless } from './floatToPixel.js';
 export { dimensionToRem } from './dimensionToRem.js';

package/dist/build/transformers/index.js

@@ -3,6 +3,7 @@ export { colorToHex } from './colorToHex.js';
 export { colorToHexMix } from './colorToHexMix.js';
 export { colorToRgbAlpha } from './colorToRgbAlpha.js';
 export { colorToRgbaFloat } from './colorToRgbaFloat.js';
+export { cubicBezierToCss } from './cubicBezierToCss.js';
 export { floatToPixel } from './floatToPixel.js';
 export { floatToPixelUnitless } from './floatToPixel.js';
 export { dimensionToRem } from './dimensionToRem.js';

package/dist/css/functional/themes/dark-colorblind.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #f0f6fc;
   --button-invisible-fgColor-hover: #f0f6fc;
+  --button-invisible-fgColor-active: #f0f6fc;
   --button-invisible-fgColor-disabled: #656c7699;
   --button-invisible-iconColor-rest: #9198a1;
   --button-invisible-iconColor-hover: #9198a1;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #f0f6fc;
     --button-invisible-fgColor-hover: #f0f6fc;
+    --button-invisible-fgColor-active: #f0f6fc;
     --button-invisible-fgColor-disabled: #656c7699;
     --button-invisible-iconColor-rest: #9198a1;
     --button-invisible-iconColor-hover: #9198a1;

package/dist/css/functional/themes/dark-dimmed.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #d1d7e0;
   --button-invisible-fgColor-hover: #d1d7e0;
+  --button-invisible-fgColor-active: #d1d7e0;
   --button-invisible-fgColor-disabled: #656c76;
   --button-invisible-iconColor-rest: #b7bdc8;
   --button-invisible-iconColor-hover: #b7bdc8;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #d1d7e0;
     --button-invisible-fgColor-hover: #d1d7e0;
+    --button-invisible-fgColor-active: #d1d7e0;
     --button-invisible-fgColor-disabled: #656c76;
     --button-invisible-iconColor-rest: #b7bdc8;
     --button-invisible-iconColor-hover: #b7bdc8;

package/dist/css/functional/themes/dark-high-contrast.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #ffffff;
   --button-invisible-fgColor-hover: #ffffff;
+  --button-invisible-fgColor-active: #ffffff;
   --button-invisible-fgColor-disabled: #656c76;
   --button-invisible-iconColor-rest: #d1d7e0;
   --button-invisible-iconColor-hover: #d1d7e0;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #ffffff;
     --button-invisible-fgColor-hover: #ffffff;
+    --button-invisible-fgColor-active: #ffffff;
     --button-invisible-fgColor-disabled: #656c76;
     --button-invisible-iconColor-rest: #d1d7e0;
     --button-invisible-iconColor-hover: #d1d7e0;

package/dist/css/functional/themes/dark-tritanopia.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #f0f6fc;
   --button-invisible-fgColor-hover: #f0f6fc;
+  --button-invisible-fgColor-active: #f0f6fc;
   --button-invisible-fgColor-disabled: #656c7699;
   --button-invisible-iconColor-rest: #9198a1;
   --button-invisible-iconColor-hover: #9198a1;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #f0f6fc;
     --button-invisible-fgColor-hover: #f0f6fc;
+    --button-invisible-fgColor-active: #f0f6fc;
     --button-invisible-fgColor-disabled: #656c7699;
     --button-invisible-iconColor-rest: #9198a1;
     --button-invisible-iconColor-hover: #9198a1;

package/dist/css/functional/themes/dark.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #f0f6fc;
   --button-invisible-fgColor-hover: #f0f6fc;
+  --button-invisible-fgColor-active: #f0f6fc;
   --button-invisible-fgColor-disabled: #656c7699;
   --button-invisible-iconColor-rest: #9198a1;
   --button-invisible-iconColor-hover: #9198a1;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #f0f6fc;
     --button-invisible-fgColor-hover: #f0f6fc;
+    --button-invisible-fgColor-active: #f0f6fc;
     --button-invisible-fgColor-disabled: #656c7699;
     --button-invisible-iconColor-rest: #9198a1;
     --button-invisible-iconColor-hover: #9198a1;

package/dist/css/functional/themes/light-colorblind.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #25292e;
   --button-invisible-fgColor-hover: #25292e;
+  --button-invisible-fgColor-active: #25292e;
   --button-invisible-fgColor-disabled: #818b98;
   --button-invisible-iconColor-rest: #59636e;
   --button-invisible-iconColor-hover: #59636e;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #25292e;
     --button-invisible-fgColor-hover: #25292e;
+    --button-invisible-fgColor-active: #25292e;
     --button-invisible-fgColor-disabled: #818b98;
     --button-invisible-iconColor-rest: #59636e;
     --button-invisible-iconColor-hover: #59636e;

package/dist/css/functional/themes/light-high-contrast.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #25292e;
   --button-invisible-fgColor-hover: #393f46;
+  --button-invisible-fgColor-active: #25292e;
   --button-invisible-fgColor-disabled: #59636e;
   --button-invisible-iconColor-rest: #454c54;
   --button-invisible-iconColor-hover: #393f46;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
     --button-invisible-fgColor-rest: #25292e;
     --button-invisible-fgColor-hover: #393f46;
+    --button-invisible-fgColor-active: #25292e;
     --button-invisible-fgColor-disabled: #59636e;
     --button-invisible-iconColor-rest: #454c54;
     --button-invisible-iconColor-hover: #393f46;

package/dist/css/functional/themes/light-tritanopia.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #25292e;
   --button-invisible-fgColor-hover: #25292e;
+  --button-invisible-fgColor-active: #25292e;
   --button-invisible-fgColor-disabled: #818b98;
   --button-invisible-iconColor-rest: #59636e;
   --button-invisible-iconColor-hover: #59636e;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #25292e;
     --button-invisible-fgColor-hover: #25292e;
+    --button-invisible-fgColor-active: #25292e;
     --button-invisible-fgColor-disabled: #818b98;
     --button-invisible-iconColor-rest: #59636e;
     --button-invisible-iconColor-hover: #59636e;

package/dist/css/functional/themes/light.css

@@ -251,6 +251,7 @@
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
   --button-invisible-fgColor-rest: #25292e;
   --button-invisible-fgColor-hover: #25292e;
+  --button-invisible-fgColor-active: #25292e;
   --button-invisible-fgColor-disabled: #818b98;
   --button-invisible-iconColor-rest: #59636e;
   --button-invisible-iconColor-hover: #59636e;
@@ -829,6 +830,7 @@
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
     --button-invisible-fgColor-rest: #25292e;
     --button-invisible-fgColor-hover: #25292e;
+    --button-invisible-fgColor-active: #25292e;
     --button-invisible-fgColor-disabled: #818b98;
     --button-invisible-iconColor-rest: #59636e;
     --button-invisible-iconColor-hover: #59636e;

package/dist/docs/functional/themes/dark-colorblind.json

@@ -7113,6 +7113,35 @@
     "value": "#f0f6fc",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#f0f6fc",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/dark-dimmed.json

@@ -7109,6 +7109,35 @@
     "value": "#d1d7e0",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#d1d7e0",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/dark-high-contrast.json

@@ -5837,6 +5837,35 @@
     "value": "#ffffff",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#ffffff",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/dark-tritanopia.json

@@ -7205,6 +7205,35 @@
     "value": "#f0f6fc",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#f0f6fc",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/dark.json

@@ -7317,6 +7317,35 @@
     "value": "#f0f6fc",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#f0f6fc",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/light-colorblind.json

@@ -7123,6 +7123,35 @@
     "value": "#25292e",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#25292e",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/light-high-contrast.json

@@ -5873,6 +5873,35 @@
     "value": "#393f46",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#25292e",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/light-tritanopia.json

@@ -7139,6 +7139,35 @@
     "value": "#25292e",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#25292e",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/docs/functional/themes/light.json

@@ -7283,6 +7283,35 @@
     "value": "#25292e",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#25292e",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/figma/themes/dark-colorblind.json

@@ -5570,6 +5570,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/invisible/fgColor/active",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/fgColor/active",
+    "reference": "mode/control/fgColor/rest",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/fgColor/hover",
     "value": {

package/dist/figma/themes/dark-dimmed.json

@@ -5974,6 +5974,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/invisible/fgColor/active",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/fgColor/active",
+    "reference": "mode/control/fgColor/rest",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/fgColor/hover",
     "value": {

package/dist/figma/themes/dark-high-contrast.json

@@ -5241,6 +5241,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/invisible/fgColor/active",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/fgColor/active",
+    "reference": "mode/control/fgColor/rest",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/fgColor/hover",
     "value": {