@primer/primitives 10.0.0 → 10.1.0-rc.3e576ad9

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/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,6 +19,7 @@ export const css = (outputFile, prefix, buildPath, options) => {
     return {
         prefix,
         buildPath,
+        preprocessors: ['themeOverrides'],
         transforms: [
             'name/pathToKebabCase',
             'color/hex',
@@ -34,6 +35,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 +47,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 +59,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 +77,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,7 +1,8 @@
 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',
@@ -20,6 +21,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/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,7 +1,8 @@
 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',
@@ -15,6 +16,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,7 +1,8 @@
 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',
@@ -14,6 +15,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,7 +1,8 @@
 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',
@@ -15,6 +16,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,7 +1,8 @@
 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',
@@ -15,6 +16,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 { 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
  *
@@ -78,3 +84,4 @@ PrimerStyleDictionary.registerTransform(typographyToCss);
 PrimerStyleDictionary.registerTransform(fontWeightToNumber);
 PrimerStyleDictionary.registerTransform(fontFamilyToCss);
 PrimerStyleDictionary.registerTransform(fontFamilyToFigma);
+PrimerStyleDictionary.registerPreprocessor(themeOverrides);

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

@@ -34,6 +34,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 +73,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,6 +92,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;
     }>>;
 }>, "strict", z.ZodTypeAny, {
     $value: string;
@@ -69,6 +122,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;
     } | undefined;
 }, {
     $value: string;
@@ -88,5 +152,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;
 }>;

package/dist/build/schemas/colorToken.js

@@ -47,6 +47,29 @@ export const colorToken = baseToken
             group: z.string().optional(),
         })
             .optional(),
+        'org.primer.overrides': z
+            .object({
+            light: z.union([colorHexValue, referenceValue]).optional(),
+            'light-tritanopia': z.union([colorHexValue, referenceValue]).optional(),
+            'light-deutranopia-protanopia': z.union([colorHexValue, referenceValue]).optional(),
+            'light-high-contrast': z.union([colorHexValue, referenceValue]).optional(),
+            dark: z.union([colorHexValue, referenceValue]).optional(),
+            'dark-tritanopia': z.union([colorHexValue, referenceValue]).optional(),
+            'dark-deutranopia-protanopia': z.union([colorHexValue, referenceValue]).optional(),
+            'dark-high-contrast': z.union([colorHexValue, referenceValue]).optional(),
+            'dark-dimmed': z.union([colorHexValue, referenceValue]).optional(),
+        }, {
+            errorMap: e => {
+                if (e.code === 'unrecognized_keys') {
+                    return {
+                        message: `Unrecognized key: "${e.keys.join(', ')}", must be one of: light, light-tritanopia, light-deutranopia-protanopia, light-high-contrast, dark, dark-tritanopia, dark-deutranopia-protanopia, dark-high-contrast, dark-dimmed`,
+                    };
+                }
+                return { message: `Error: ${e.code}` };
+            },
+        })
+            .strict()
+            .optional(),
     })
         .optional(),
 })

package/dist/build/transformers/borderToCss.js

@@ -32,7 +32,7 @@ export const borderToCss = {
         if (!checkForBorderTokenProperties(value)) {
             throw new Error(`Invalid border token property ${JSON.stringify(value)}. Must be an object with color, width and style properties.`);
         }
-        /* color | style | width */
-        return `${value.color} ${value.style} ${value.width}`;
+        /* width | style | color */
+        return `${value.width} ${value.style} ${value.color}`;
     },
 };

package/dist/build/transformers/figmaAttributes.js

@@ -45,7 +45,7 @@ export const figmaAttributes = {
         var _a, _b;
         const { modeOverride, collection, scopes, group, codeSyntax } = ((_a = token.$extensions) === null || _a === void 0 ? void 0 : _a['org.primer.figma']) || {};
         return {
-            mode: modeOverride || ((_b = platform.options) === null || _b === void 0 ? void 0 : _b.mode) || 'default',
+            mode: ((_b = platform.options) === null || _b === void 0 ? void 0 : _b.theme) || modeOverride || 'default',
             collection,
             group: group || collection,
             scopes: getScopes(scopes),

package/dist/build/transformers/utilities/invalidTokenError.js

@@ -3,14 +3,12 @@ const composeValueErrorMessage = (token) => {
     var _a, _b;
     const originalValue = (_a = token.original.$value) !== null && _a !== void 0 ? _a : token.original.value;
     const value = (_b = token.$value) !== null && _b !== void 0 ? _b : token.value;
-    // eslint-disable-next-line i18n-text/no-en
     return `Invalid token "${namePathToDotNotation.transform(token, {}, {})}" in file "${token.filePath}". Transformed value: "${JSON.stringify(value)}". ${originalValue ? `Original value: "${JSON.stringify(originalValue)}" ` : ''}This may be due to referencing a token that does not exists.`;
 };
 const composeValuePropertyErrorMessage = (token, property) => {
     var _a, _b;
     const originalValue = (_a = token.original.$value) !== null && _a !== void 0 ? _a : token.original.value;
     const value = (_b = token.$value) !== null && _b !== void 0 ? _b : token.value;
-    // eslint-disable-next-line i18n-text/no-en
     return `Invalid property "${property}" of token "${namePathToDotNotation.transform(token, {}, {})}" in file "${token.filePath}". Transformed property value: "${value[property]}". ${originalValue ? `Original value: "${originalValue[property]}" ` : ''}This may be due to referencing a token that does not exists.`;
 };
 export class invalidTokenValueError extends Error {

package/dist/build/types/{StyleDictionaryConfigGenerator.d.ts → styleDictionaryConfigGenerator.d.ts}

@@ -4,6 +4,7 @@ export type ConfigGeneratorOptions = {
   buildPath: string
   prefix?: string
   themed?: boolean
+  theme?: string
 }
 
 export type StyleDictionaryConfigGenerator = (

package/dist/build/types/{TokenBuildInput.d.ts → tokenBuildInput.d.ts}

@@ -3,6 +3,8 @@ export type TokenBuildInput = {
   filename: string
   // Array of `filepaths` to token files that should be converted and included in the output. Accepts relative or glob paths.
   source: string[]
+  // The mode of the theme
+  theme?: string
   // Array of `filepaths` to token fils that should NOT be included in the output, but should be available to reference during compilation e.g. base color scales
   include: string[]
 }

package/dist/build/utilities/lowerCaseFirstCharacter.d.ts

@@ -0,0 +1,8 @@
+/**
+ * lowerCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export declare const lowerCaseFirstCharacter: ([firstLetter, ...restOfWord]: string) => string;

package/dist/build/utilities/lowerCaseFirstCharacter.js

@@ -0,0 +1,10 @@
+/**
+ * lowerCaseFirstCharacter
+ * @scope custom implementation should only be used within `name path to ...` transformer
+ * @description changes first letter to uppercase but keeps the rest of the word as is
+ * @param string
+ * @returns string
+ */
+export const lowerCaseFirstCharacter = ([firstLetter, ...restOfWord]) => {
+    return firstLetter.toLowerCase() + restOfWord.join('');
+};

package/dist/css/functional/size/border.css

@@ -1,10 +1,11 @@
 :root {
-  --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); /* Thin shadow for borders */
-  --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
-  --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
-  --borderWidth-thin: max(1px, 0.0625rem);
-  --borderWidth-thick: max(2px, 0.125rem);
-  --borderWidth-thicker: max(4px, 0.25rem);
+  --boxShadow-thin: inset 0 0 0 0.0625rem; /* Thin shadow for borders */
+  --boxShadow-thick: inset 0 0 0 0.125rem;
+  --boxShadow-thicker: inset 0 0 0 0.25rem;
+  --borderWidth-default: 0.0625rem;
+  --borderWidth-thin: 0.0625rem;
+  --borderWidth-thick: 0.125rem;
+  --borderWidth-thicker: 0.25rem;
   --borderRadius-small: 0.1875rem;
   --borderRadius-medium: 0.375rem;
   --borderRadius-large: 0.75rem;