@primer/primitives 10.0.0 → 10.1.0-rc.45b16c3b

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: [
             {

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,6 +1,7 @@
 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
@@ -78,3 +79,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/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/figma/figma.json

@@ -101,14 +101,6 @@
       "groups": [
         "typography"
       ]
-    },
-    "undefined": {
-      "modes": [
-        null
-      ],
-      "groups": [
-        null
-      ]
     }
   },
   "files": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "10.0.0",
+  "version": "10.1.0-rc.45b16c3b",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
   "files": [
@@ -30,11 +30,11 @@
     "build:config": "tsc -p build.tsconfig.jsonc && tsx ./scripts/copyDir.ts src/types dist/build/types",
     "clean": "rm -rf dist",
     "validate:tokenJson": "tsx scripts/diffThemes.ts && tsx scripts/diffTokenProps.ts",
-    "validate:contrast": "tsx scripts/color-contrast.ts",
+    "validate:contrast": "tsx scripts/colorContrast.ts",
     "format": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "format:fix": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
-    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint '**/*.{js,ts,tsx,md,mdx}' --config .eslintrc.cjs && npm run lint:tokens",
-    "lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config .eslintrc.cjs",
+    "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --config eslint.config.mjs && npm run lint:tokens",
+    "lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config eslint.config.mjs",
     "lint:tokens": "tsx ./scripts/validateTokenJson.ts",
     "test": "npm run test:unit && npm run test:integration",
     "test:unit": "vitest run --coverage",
@@ -60,25 +60,26 @@
     "color-blend": "^4.0.0",
     "color2k": "^2.0.3",
     "console-table-printer": "^2.12.1",
-    "eslint": "^8.57.0",
+    "eslint": "9.16",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "7.37",
     "eslint-import-resolver-typescript": "3.6",
-    "eslint-plugin-github": "5.1",
+    "eslint-plugin-github": "^5.1.3",
     "eslint-plugin-jsx-a11y": "6.10",
-    "eslint-plugin-mdx": "^3.1.5",
-    "eslint-plugin-react": "7.37",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "json5": "^2.2.1",
     "markdown-table-ts": "^1.0.3",
     "prettier": "^3.3.3",
     "style-dictionary": "^4.1.3",
     "tsx": "^4.19.0",
     "typescript": "5.6",
+    "typescript-eslint": "^8.16.0",
     "vitest": "^2.0.3",
     "zod": "3.23",
     "zod-validation-error": "3.4"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.22.0"
+    "@rollup/rollup-linux-x64-gnu": "^4.22.0",
+    "@esbuild/linux-x64": "0.24.0"
   }
 }