@primer/primitives 10.0.0 → 10.1.0-rc.3495b605

package/README.md

@@ -80,27 +80,6 @@ You can create color tokens that inherit a color but have a different alpha valu
 }
 ```
 
-#### Mix
-
-In rare cases, you may need to create a color between two steps in the color scale, e.g. between `gray.4` and `gray.5`. A common example are interactive states, like `hover` where a full step on the color scale would be to much. For those cases you can use the `mix` property.
-
-The `mix` proeprty mixes the color it gets into the main color from the `$value` attribute. The amount added is controlled by the `weight`. A weight of `0.1` adds 10% of the color, and a weight of `0.75` adds 75%.
-
-A `mix` proprty must always have a `color` and a `weight` child. `color` can be a `hex` value or a reference to a valid color. The `weight` property must receive a value between `0.0` and `1`.
-
-```json5
-{
-  control: {
-    $value: '{base.color.gray.4}', // main color
-    $type: 'color',
-    mix: {
-      color: '{base.color.gray.5}', // color to mix into the main color
-      weight: 0.2, // amount of the mix color that is added === 20% of gray.5 is mix into gray.4
-    },
-  },
-}
-```
-
 #### Extensions property
 
 According to the [w3c design token specs](https://design-tokens.github.io/community-group/format/#design-token), the [`$extensions`](https://design-tokens.github.io/community-group/format/#extensions) property is used for additional meta data.

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

@@ -1,7 +1,6 @@
 export { isBorder } from './isBorder.js';
 export { isColor } from './isColor.js';
 export { isColorWithAlpha } from './isColorWithAlpha.js';
-export { isColorWithMix } from './isColorWithMix.js';
 export { isDimension } from './isDimension.js';
 export { isDeprecated } from './isDeprecated.js';
 export { isDuration } from './isDuration.js';

package/dist/build/filters/index.js

@@ -1,7 +1,6 @@
 export { isBorder } from './isBorder.js';
 export { isColor } from './isColor.js';
 export { isColorWithAlpha } from './isColorWithAlpha.js';
-export { isColorWithMix } from './isColorWithMix.js';
 export { isDimension } from './isDimension.js';
 export { isDeprecated } from './isDeprecated.js';
 export { isDuration } from './isDuration.js';

package/dist/build/filters/isColor.js

@@ -6,8 +6,5 @@
 export const isColor = (token) => {
     var _a;
     const typeValue = (_a = token.$type) !== null && _a !== void 0 ? _a : token.type;
-    // if (token.path.join('-') === 'control-transparent-bgColor-selected') {
-    //   console.log(typeValue === 'color', token)
-    // }
     return typeValue === 'color';
 };

package/dist/build/formats/jsonFigma.js

@@ -76,7 +76,7 @@ export const jsonFigma = (_a) => __awaiter(void 0, [_a], void 0, function* ({ di
     // loop through tokens sorted by reference
     for (const token of sortedTokens) {
         // deconstruct token
-        const { attributes, $value: value, $type, $description: description, original, alpha, mix } = token;
+        const { attributes, $value: value, $type, $description: description, original, alpha } = token;
         const { mode, collection, scopes, group, codeSyntax } = attributes || {};
         // early escape if no type is present
         if (!$type)
@@ -102,7 +102,6 @@ export const jsonFigma = (_a) => __awaiter(void 0, [_a], void 0, function* ({ di
                 value,
                 type: getFigmaType($type),
                 alpha,
-                isMix: mix ? true : undefined,
                 description,
                 refId: [collection, token.name].filter(Boolean).join('/'),
                 reference: getReference(dictionary, original.$value, platform),

package/dist/build/formats/typescriptExportDefinition.js

@@ -14,6 +14,7 @@ import { treeWalker } from '../utilities/treeWalker.js';
 import { prefixTokens } from './utilities/prefixTokens.js';
 import { fileHeader } from 'style-dictionary/utils';
 import { getPropName } from './utilities/getPropName.js';
+import { lowerCaseFirstCharacter } from '../utilities/lowerCaseFirstCharacter.js';
 /**
  * unquoteTypes
  * @description extract types from designTokenTypes (string with type definitions from file) and replace quoted types "Color" with unquoted Color
@@ -38,7 +39,6 @@ const getTokenType = (tokenTypesPath) => {
         return designTokenType;
     }
     catch (error) {
-        // eslint-disable-next-line no-console
         throw new Error(`Error trying to load design token type from file "${tokenTypesPath}". Error: ${error}`);
     }
 };
@@ -147,7 +147,7 @@ const getTypeDefinition = (tokens, options) => {
     for (const type of usedTypes) {
         // path to type files without trailing slash
         const typePath = tokenTypesPath.replace(new RegExp(/\/$/, 'g'), '');
-        designTokenTypes.push(getTokenType(`${typePath}/${type}.d.ts`));
+        designTokenTypes.push(getTokenType(`${typePath}/${lowerCaseFirstCharacter(type)}.d.ts`));
     }
     // build output
     const output = `${designTokenTypes.join('\n')} 

package/dist/build/platforms/css.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.ts';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const css: PlatformInitializer;

package/dist/build/platforms/css.js

@@ -19,10 +19,10 @@ export const css = (outputFile, prefix, buildPath, options) => {
     return {
         prefix,
         buildPath,
+        preprocessors: ['themeOverrides'],
         transforms: [
             'name/pathToKebabCase',
             'color/hex',
-            'color/hexMix',
             'cubicBezier/css',
             'dimension/rem',
             'duration/css',
@@ -34,6 +34,9 @@ export const css = (outputFile, prefix, buildPath, options) => {
         ],
         options: {
             basePxFontSize: 16,
+            themeOverrides: {
+                theme: options === null || options === void 0 ? void 0 : options.theme,
+            },
         },
         files: [
             {
@@ -43,8 +46,8 @@ export const css = (outputFile, prefix, buildPath, options) => {
                     (options === null || options === void 0 ? void 0 : options.themed) === true &&
                     token.$type !== 'custom-viewportRange' &&
                     !isFromFile(token, [
-                        'src/tokens/functional/size/size-coarse.json',
-                        'src/tokens/functional/size/size-fine.json',
+                        'src/tokens/functional/size/size-coarse.json5',
+                        'src/tokens/functional/size/size-fine.json5',
                     ]),
                 options: Object.assign({ showFileHeader: false, outputReferences: false, descriptions: false, queries: getCssSelectors(outputFile) }, options === null || options === void 0 ? void 0 : options.options),
             },
@@ -55,8 +58,8 @@ export const css = (outputFile, prefix, buildPath, options) => {
                     (options === null || options === void 0 ? void 0 : options.themed) !== true &&
                     token.$type !== 'custom-viewportRange' &&
                     !isFromFile(token, [
-                        'src/tokens/functional/size/size-coarse.json',
-                        'src/tokens/functional/size/size-fine.json',
+                        'src/tokens/functional/size/size-coarse.json5',
+                        'src/tokens/functional/size/size-fine.json5',
                     ]),
                 options: Object.assign({ showFileHeader: false, descriptions: false }, options === null || options === void 0 ? void 0 : options.options),
             },
@@ -73,8 +76,8 @@ export const css = (outputFile, prefix, buildPath, options) => {
                 format: `css/advanced`,
                 filter: token => isSource(token) &&
                     isFromFile(token, [
-                        'src/tokens/functional/size/size-coarse.json',
-                        'src/tokens/functional/size/size-fine.json',
+                        'src/tokens/functional/size/size-coarse.json5',
+                        'src/tokens/functional/size/size-fine.json5',
                     ]),
                 options: {
                     descriptions: false,

package/dist/build/platforms/deprecatedJson.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const deprecatedJson: PlatformInitializer;

package/dist/build/platforms/docJson.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const docJson: PlatformInitializer;

package/dist/build/platforms/docJson.js

@@ -1,11 +1,11 @@
 import { isSource } from '../filters/index.js';
-export const docJson = (outputFile, prefix, buildPath) => ({
+export const docJson = (outputFile, prefix, buildPath, options) => ({
     prefix,
     buildPath,
+    preprocessors: ['themeOverrides'],
     transforms: [
         'name/pathToKebabCase',
         'color/hex',
-        'color/hexMix',
         'dimension/rem',
         'shadow/css',
         'border/css',
@@ -20,6 +20,9 @@ export const docJson = (outputFile, prefix, buildPath) => ({
             $type: 'type',
             $description: 'description',
         },
+        themeOverrides: {
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+        },
     },
     files: [
         {

package/dist/build/platforms/fallbacks.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const fallbacks: PlatformInitializer;

package/dist/build/platforms/fallbacks.js

@@ -5,7 +5,6 @@ export const fallbacks = (outputFile, prefix, buildPath) => ({
     transforms: [
         'name/pathToKebabCase',
         'color/hex',
-        'color/hexMix',
         'dimension/rem',
         'shadow/css',
         'border/css',

package/dist/build/platforms/figma.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const figma: PlatformInitializer;

package/dist/build/platforms/figma.js

@@ -27,6 +27,7 @@ const validFigmaToken = (token, options) => __awaiter(void 0, void 0, void 0, fu
 export const figma = (outputFile, prefix, buildPath, options) => ({
     prefix,
     buildPath,
+    preprocessors: ['themeOverrides'],
     transforms: [
         'color/rgbaFloat',
         'fontFamily/figma',
@@ -38,12 +39,14 @@ export const figma = (outputFile, prefix, buildPath, options) => ({
         'figma/attributes',
         'name/pathToFigma',
     ],
-    options: Object.assign({ basePxFontSize: 16, fontFamilies: {
+    options: Object.assign(Object.assign({ basePxFontSize: 16, fontFamilies: {
             'fontStack/system': 'SF Pro Text',
             'fontStack/sansSerif': 'SF Pro Text',
             'fontStack/sansSerifDisplay': 'SF Pro Display',
             'fontStack/monospace': 'SF Mono',
-        } }, options),
+        } }, options), { themeOverrides: {
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+        } }),
     files: [
         {
             destination: outputFile,
@@ -53,7 +56,7 @@ export const figma = (outputFile, prefix, buildPath, options) => ({
             format: `json/figma`,
             options: {
                 outputReferences: true,
-                mode: options === null || options === void 0 ? void 0 : options.mode,
+                theme: options === null || options === void 0 ? void 0 : options.theme,
             },
         },
     ],

package/dist/build/platforms/javascript.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const javascript: PlatformInitializer;

package/dist/build/platforms/javascript.js

@@ -1,10 +1,10 @@
 import { isSource } from '../filters/index.js';
-export const javascript = (outputFile, prefix, buildPath) => ({
+export const javascript = (outputFile, prefix, buildPath, options) => ({
     prefix,
     buildPath,
+    preprocessors: ['themeOverrides'],
     transforms: [
         'color/hex',
-        'color/hexMix',
         'dimension/rem',
         'shadow/css',
         'border/css',
@@ -15,6 +15,9 @@ export const javascript = (outputFile, prefix, buildPath) => ({
     options: {
         showFileHeader: false,
         basePxFontSize: 16,
+        themeOverrides: {
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+        },
     },
     files: [
         {

package/dist/build/platforms/json.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const json: PlatformInitializer;

package/dist/build/platforms/json.js

@@ -1,10 +1,10 @@
 import { isSource } from '../filters/index.js';
-export const json = (outputFile, prefix, buildPath) => ({
+export const json = (outputFile, prefix, buildPath, options) => ({
     prefix,
     buildPath,
+    preprocessors: ['themeOverrides'],
     transforms: [
         'color/hex',
-        'color/hexMix',
         'dimension/rem',
         'shadow/css',
         'border/css',
@@ -14,6 +14,9 @@ export const json = (outputFile, prefix, buildPath) => ({
     ],
     options: {
         basePxFontSize: 16,
+        themeOverrides: {
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+        },
     },
     files: [
         {

package/dist/build/platforms/styleLint.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const styleLint: PlatformInitializer;

package/dist/build/platforms/styleLint.js

@@ -1,11 +1,11 @@
 import { isSource } from '../filters/index.js';
-export const styleLint = (outputFile, prefix, buildPath) => ({
+export const styleLint = (outputFile, prefix, buildPath, options) => ({
     prefix,
     buildPath,
+    preprocessors: ['themeOverrides'],
     transforms: [
         'name/pathToKebabCase',
         'color/hex',
-        'color/hexMix',
         'dimension/remPxArray',
         'shadow/css',
         'border/css',
@@ -15,6 +15,9 @@ export const styleLint = (outputFile, prefix, buildPath) => ({
     ],
     options: {
         basePxFontSize: 16,
+        themeOverrides: {
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+        },
     },
     files: [
         {

package/dist/build/platforms/typeDefinitions.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const typeDefinitions: PlatformInitializer;

package/dist/build/platforms/typeDefinitions.js

@@ -1,8 +1,9 @@
 import { isSource } from '../filters/index.js';
 import { upperCaseFirstCharacter } from '../utilities/index.js';
-export const typeDefinitions = (outputFile, prefix, buildPath) => ({
+export const typeDefinitions = (outputFile, prefix, buildPath, options) => ({
     prefix,
     buildPath,
+    preprocessors: ['themeOverrides'],
     transforms: [
         'color/hex',
         'shadow/css',
@@ -20,6 +21,9 @@ export const typeDefinitions = (outputFile, prefix, buildPath) => ({
             options: {
                 tokenTypesPath: './src/types/',
                 moduleName: `${upperCaseFirstCharacter(outputFile)}DesignTokens`,
+                themeOverrides: {
+                    theme: options === null || options === void 0 ? void 0 : options.theme,
+                },
             },
         },
     ],

package/dist/build/platforms/typescript.d.ts

@@ -1,2 +1,2 @@
-import type { PlatformInitializer } from '../types/PlatformInitializer.js';
+import type { PlatformInitializer } from '../types/platformInitializer.js';
 export declare const typescript: PlatformInitializer;

package/dist/build/platforms/typescript.js

@@ -1,10 +1,10 @@
 import { isSource } from '../filters/index.js';
-export const typescript = (outputFile, prefix, buildPath) => ({
+export const typescript = (outputFile, prefix, buildPath, options) => ({
     prefix,
     buildPath,
+    preprocessors: ['themeOverrides'],
     transforms: [
         'color/hex',
-        'color/hexMix',
         'dimension/rem',
         'shadow/css',
         'border/css',
@@ -15,6 +15,9 @@ export const typescript = (outputFile, prefix, buildPath) => ({
     options: {
         showFileHeader: false,
         basePxFontSize: 16,
+        themeOverrides: {
+            theme: options === null || options === void 0 ? void 0 : options.theme,
+        },
     },
     files: [
         {

package/dist/build/preprocessors/themeOverrides.d.ts

@@ -0,0 +1,2 @@
+import type { Preprocessor } from 'style-dictionary/types';
+export declare const themeOverrides: Preprocessor;

package/dist/build/preprocessors/themeOverrides.js

@@ -0,0 +1,22 @@
+import { transformTokens } from './utilities/transformTokens.js';
+export const themeOverrides = {
+    name: 'themeOverrides',
+    preprocessor: (dictionary, config) => {
+        var _a, _b, _c, _d, _e, _f;
+        const extensionProp = ((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.themeOverrides) === null || _b === void 0 ? void 0 : _b.extensionProp) || 'org.primer.overrides';
+        const valueProp = ((_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.themeOverrides) === null || _d === void 0 ? void 0 : _d.valueProp) || '$value';
+        const currentTheme = (_f = (_e = config.options) === null || _e === void 0 ? void 0 : _e.themeOverrides) === null || _f === void 0 ? void 0 : _f.theme;
+        const tokens = transformTokens(dictionary, token => {
+            var _a, _b, _c;
+            // return early if no theme value is set
+            if (!currentTheme || !((_a = token.$extensions) === null || _a === void 0 ? void 0 : _a[extensionProp]) || !((_b = token.$extensions) === null || _b === void 0 ? void 0 : _b[extensionProp][currentTheme])) {
+                return token;
+            }
+            // get override
+            const override = (_c = token.$extensions) === null || _c === void 0 ? void 0 : _c[extensionProp][currentTheme];
+            // token an theme value exist
+            return Object.assign(Object.assign({}, token), (typeof override === 'object' ? override : { [valueProp]: override }));
+        });
+        return tokens;
+    },
+};

package/dist/build/preprocessors/utilities/transformTokens.d.ts

@@ -0,0 +1,8 @@
+import type { DesignToken } from 'style-dictionary/types';
+/**
+ * jsonToNestedValue
+ * @description creates a nested json tree where every final value is the `.value` prop
+ * @param token StyleDictionary.DesignToken
+ * @returns nested json three
+ */
+export declare const transformTokens: (token: DesignToken | Record<string, unknown>, transform: (token: DesignToken) => DesignToken) => {};

package/dist/build/preprocessors/utilities/transformTokens.js

@@ -0,0 +1,22 @@
+/**
+ * jsonToNestedValue
+ * @description creates a nested json tree where every final value is the `.value` prop
+ * @param token StyleDictionary.DesignToken
+ * @returns nested json three
+ */
+export const transformTokens = (token, transform) => {
+    // is non-object value
+    if (typeof token !== 'object')
+        return token;
+    // is design token
+    if ('$value' in token || 'value' in token) {
+        return transform(token);
+    }
+    // is obj
+    const nextObj = {};
+    for (const [prop, value] of Object.entries(token)) {
+        // @ts-expect-error: can't predict type
+        nextObj[prop] = transformTokens(value, transform);
+    }
+    return nextObj;
+};

package/dist/build/{PrimerStyleDictionary.js → primerStyleDictionary.js}

@@ -1,13 +1,19 @@
 import StyleDictionary from 'style-dictionary';
-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 { borderToCss, colorToRgbAlpha, colorToHex, 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';
+import { themeOverrides } from './preprocessors/themeOverrides.js';
 /**
  * @name {@link PrimerStyleDictionary}
  * @description Returns style dictionary object with primer preset that includes parsers, formats and transformers
  * @formats [javascript/esm](https://github.com/primer/primitives/blob/main/config/formats/javascript-esm.ts), [javascript/commonJs](https://github.com/primer/primitives/blob/main/config/formats/javascript-commonJs.ts), [typescript/export-definition](https://github.com/primer/primitives/blob/main/config/formats/typescript-export-defition.ts)
  * @transformers [color/rgbAlpha](https://github.com/primer/primitives/blob/main/config/tranformers/color-to-rgb-alpha.ts), [color/hexAlpha](https://github.com/primer/primitives/blob/main/config/tranformers/color-to-hex-alpha.ts), [color/hex](https://github.com/primer/primitives/blob/main/config/tranformers/color-to-hex6.ts), [json/deprecated](https://github.com/primer/primitives/blob/main/config/tranformers/json-deprecated.ts), [name/pathToDotNotation](https://github.com/primer/primitives/blob/main/config/tranformers/name-path-to-dot-notation.ts)
  */
-export const PrimerStyleDictionary = new StyleDictionary();
+export const PrimerStyleDictionary = new StyleDictionary({
+    // these are the defaults
+    log: {
+        verbosity: 'default', // 'default' | 'silent' | 'verbose'
+    },
+});
 /**
  * Formats
  *
@@ -54,7 +60,6 @@ PrimerStyleDictionary.registerFormat({
  */
 PrimerStyleDictionary.registerTransform(colorToRgbAlpha);
 PrimerStyleDictionary.registerTransform(colorToRgbaFloat);
-PrimerStyleDictionary.registerTransform(colorToHexMix);
 PrimerStyleDictionary.registerTransform(colorToHex);
 PrimerStyleDictionary.registerTransform(cubicBezierToCss);
 PrimerStyleDictionary.registerTransform(floatToPixel);
@@ -78,3 +83,4 @@ PrimerStyleDictionary.registerTransform(typographyToCss);
 PrimerStyleDictionary.registerTransform(fontWeightToNumber);
 PrimerStyleDictionary.registerTransform(fontFamilyToCss);
 PrimerStyleDictionary.registerTransform(fontFamilyToFigma);
+PrimerStyleDictionary.registerPreprocessor(themeOverrides);

package/dist/build/schemas/colorToken.d.ts

@@ -6,16 +6,6 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
     $value: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>;
     $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
     alpha: z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>;
-    mix: z.ZodOptional<z.ZodNullable<z.ZodObject<{
-        color: z.ZodString;
-        weight: z.ZodNumber;
-    }, "strip", z.ZodTypeAny, {
-        color: string;
-        weight: number;
-    }, {
-        color: string;
-        weight: number;
-    }>>>;
     $extensions: z.ZodOptional<z.ZodObject<{
         alpha: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         'org.primer.figma': z.ZodOptional<z.ZodObject<{
@@ -34,6 +24,37 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
             modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         }>>;
+        'org.primer.overrides': z.ZodOptional<z.ZodObject<{
+            light: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            'light-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            'light-deutranopia-protanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            'light-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            dark: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            'dark-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            'dark-deutranopia-protanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            'dark-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+            'dark-dimmed': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
+        }, "strict", z.ZodTypeAny, {
+            light?: string | undefined;
+            dark?: string | undefined;
+            'light-tritanopia'?: string | undefined;
+            'light-deutranopia-protanopia'?: string | undefined;
+            'light-high-contrast'?: string | undefined;
+            'dark-tritanopia'?: string | undefined;
+            'dark-deutranopia-protanopia'?: string | undefined;
+            'dark-high-contrast'?: string | undefined;
+            'dark-dimmed'?: string | undefined;
+        }, {
+            light?: string | undefined;
+            dark?: string | undefined;
+            'light-tritanopia'?: string | undefined;
+            'light-deutranopia-protanopia'?: string | undefined;
+            'light-high-contrast'?: string | undefined;
+            'dark-tritanopia'?: string | undefined;
+            'dark-deutranopia-protanopia'?: string | undefined;
+            'dark-high-contrast'?: string | undefined;
+            'dark-dimmed'?: string | undefined;
+        }>>;
     }, "strip", z.ZodTypeAny, {
         alpha?: number | null | undefined;
         'org.primer.figma'?: {
@@ -42,6 +63,17 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
             modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
+        'org.primer.overrides'?: {
+            light?: string | undefined;
+            dark?: string | undefined;
+            'light-tritanopia'?: string | undefined;
+            'light-deutranopia-protanopia'?: string | undefined;
+            'light-high-contrast'?: string | undefined;
+            'dark-tritanopia'?: string | undefined;
+            'dark-deutranopia-protanopia'?: string | undefined;
+            'dark-high-contrast'?: string | undefined;
+            'dark-dimmed'?: string | undefined;
+        } | undefined;
     }, {
         alpha?: number | null | undefined;
         'org.primer.figma'?: {
@@ -50,16 +82,23 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
             modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
+        'org.primer.overrides'?: {
+            light?: string | undefined;
+            dark?: string | undefined;
+            'light-tritanopia'?: string | undefined;
+            'light-deutranopia-protanopia'?: string | undefined;
+            'light-high-contrast'?: string | undefined;
+            'dark-tritanopia'?: string | undefined;
+            'dark-deutranopia-protanopia'?: string | undefined;
+            'dark-high-contrast'?: string | undefined;
+            'dark-dimmed'?: string | undefined;
+        } | undefined;
     }>>;
 }>, "strict", z.ZodTypeAny, {
     $value: string;
     $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     alpha?: any;
     $description?: string | undefined;
-    mix?: {
-        color: string;
-        weight: number;
-    } | null | undefined;
     $deprecated?: string | boolean | undefined;
     $extensions?: {
         alpha?: number | null | undefined;
@@ -69,16 +108,23 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
             modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
+        'org.primer.overrides'?: {
+            light?: string | undefined;
+            dark?: string | undefined;
+            'light-tritanopia'?: string | undefined;
+            'light-deutranopia-protanopia'?: string | undefined;
+            'light-high-contrast'?: string | undefined;
+            'dark-tritanopia'?: string | undefined;
+            'dark-deutranopia-protanopia'?: string | undefined;
+            'dark-high-contrast'?: string | undefined;
+            'dark-dimmed'?: string | undefined;
+        } | undefined;
     } | undefined;
 }, {
     $value: string;
     $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     alpha?: any;
     $description?: string | undefined;
-    mix?: {
-        color: string;
-        weight: number;
-    } | null | undefined;
     $deprecated?: string | boolean | undefined;
     $extensions?: {
         alpha?: number | null | undefined;
@@ -88,5 +134,16 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
             modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
+        'org.primer.overrides'?: {
+            light?: string | undefined;
+            dark?: string | undefined;
+            'light-tritanopia'?: string | undefined;
+            'light-deutranopia-protanopia'?: string | undefined;
+            'light-high-contrast'?: string | undefined;
+            'dark-tritanopia'?: string | undefined;
+            'dark-deutranopia-protanopia'?: string | undefined;
+            'dark-high-contrast'?: string | undefined;
+            'dark-dimmed'?: string | undefined;
+        } | undefined;
     } | undefined;
 }>;