@primer/primitives 10.0.0-rc.29e661a3 → 10.0.0-rc.4512e3c0

package/README.md

@@ -138,10 +138,10 @@ In this case you can create the follwing structure. The `@` will be removed from
   bgColor: {
     accent: {
       '@': {
-        // values for accent (default)
+        // values for bgColor-accent (default)
       },
       muted: {
-        // values for accent-muted
+        // values for bgColor-accent-muted
       },
     },
   },

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}
@@ -52,28 +52,29 @@ PrimerStyleDictionary.registerFormat({
  * Transformers
  *
  */
-PrimerStyleDictionary.registerTransform(Object.assign({}, colorToRgbAlpha));
-PrimerStyleDictionary.registerTransform(Object.assign({}, colorToRgbaFloat));
-PrimerStyleDictionary.registerTransform(Object.assign({}, colorToHexMix));
-PrimerStyleDictionary.registerTransform(Object.assign({}, colorToHex));
-PrimerStyleDictionary.registerTransform(Object.assign({}, floatToPixel));
-PrimerStyleDictionary.registerTransform(Object.assign({}, floatToPixelUnitless));
-PrimerStyleDictionary.registerTransform(Object.assign({}, dimensionToRem));
-PrimerStyleDictionary.registerTransform(Object.assign({}, dimensionToRemPxArray));
-PrimerStyleDictionary.registerTransform(Object.assign({}, dimensionToPixelUnitless));
-PrimerStyleDictionary.registerTransform(Object.assign({}, durationToCss));
-PrimerStyleDictionary.registerTransform(Object.assign({}, figmaAttributes));
-PrimerStyleDictionary.registerTransform(Object.assign({}, jsonDeprecated));
-PrimerStyleDictionary.registerTransform(Object.assign({}, namePathToCamelCase));
-PrimerStyleDictionary.registerTransform(Object.assign({}, namePathToPascalCase));
-PrimerStyleDictionary.registerTransform(Object.assign({}, namePathToDotNotation));
-PrimerStyleDictionary.registerTransform(Object.assign({}, namePathToFigma));
-PrimerStyleDictionary.registerTransform(Object.assign({}, namePathToCamelCase));
-PrimerStyleDictionary.registerTransform(Object.assign({}, namePathToKebabCase));
-PrimerStyleDictionary.registerTransform(Object.assign({}, namePathToSlashNotation));
-PrimerStyleDictionary.registerTransform(Object.assign({}, shadowToCss));
-PrimerStyleDictionary.registerTransform(Object.assign({}, borderToCss));
-PrimerStyleDictionary.registerTransform(Object.assign({}, typographyToCss));
-PrimerStyleDictionary.registerTransform(Object.assign({}, fontWeightToNumber));
-PrimerStyleDictionary.registerTransform(Object.assign({}, fontFamilyToCss));
-PrimerStyleDictionary.registerTransform(Object.assign({}, fontFamilyToFigma));
+PrimerStyleDictionary.registerTransform(colorToRgbAlpha);
+PrimerStyleDictionary.registerTransform(colorToRgbaFloat);
+PrimerStyleDictionary.registerTransform(colorToHexMix);
+PrimerStyleDictionary.registerTransform(colorToHex);
+PrimerStyleDictionary.registerTransform(cubicBezierToCss);
+PrimerStyleDictionary.registerTransform(floatToPixel);
+PrimerStyleDictionary.registerTransform(floatToPixelUnitless);
+PrimerStyleDictionary.registerTransform(dimensionToRem);
+PrimerStyleDictionary.registerTransform(dimensionToRemPxArray);
+PrimerStyleDictionary.registerTransform(dimensionToPixelUnitless);
+PrimerStyleDictionary.registerTransform(durationToCss);
+PrimerStyleDictionary.registerTransform(figmaAttributes);
+PrimerStyleDictionary.registerTransform(jsonDeprecated);
+PrimerStyleDictionary.registerTransform(namePathToCamelCase);
+PrimerStyleDictionary.registerTransform(namePathToPascalCase);
+PrimerStyleDictionary.registerTransform(namePathToDotNotation);
+PrimerStyleDictionary.registerTransform(namePathToFigma);
+PrimerStyleDictionary.registerTransform(namePathToCamelCase);
+PrimerStyleDictionary.registerTransform(namePathToKebabCase);
+PrimerStyleDictionary.registerTransform(namePathToSlashNotation);
+PrimerStyleDictionary.registerTransform(shadowToCss);
+PrimerStyleDictionary.registerTransform(borderToCss);
+PrimerStyleDictionary.registerTransform(typographyToCss);
+PrimerStyleDictionary.registerTransform(fontWeightToNumber);
+PrimerStyleDictionary.registerTransform(fontFamilyToCss);
+PrimerStyleDictionary.registerTransform(fontFamilyToFigma);

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/formats/typescriptExportDefinition.js

@@ -37,9 +37,9 @@ const getTokenType = (tokenTypesPath) => {
         const designTokenType = readFileSync(resolvePath(tokenTypesPath), { encoding: 'utf-8' });
         return designTokenType;
     }
-    catch (e) {
+    catch (error) {
         // eslint-disable-next-line no-console
-        throw new Error(`Error trying to load design token type from file "${tokenTypesPath}".`);
+        throw new Error(`Error trying to load design token type from file "${tokenTypesPath}". Error: ${error}`);
     }
 };
 /**

package/dist/build/parsers/w3cJsonParser.js

@@ -18,8 +18,8 @@ export const w3cJsonParser = {
             //
             return JSON5.parse(contents);
         }
-        catch (e) {
-            throw new Error(`Invalid json5 file "${filePath}".`);
+        catch (error) {
+            throw new Error(`Invalid json5 file "${filePath}". Error: ${error}`);
         }
     },
 };

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/schemas/borderToken.d.ts

@@ -29,14 +29,14 @@ export declare const borderToken: z.ZodObject<z.objectUtil.extendShape<{
         color: string;
         style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
     }>, z.ZodEffects<z.ZodString, string, string>]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
 }>, "strict", z.ZodTypeAny, {
     $value: string | {
         width: string | 0;
         color: string;
         style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
     };
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
 }, {
@@ -45,7 +45,7 @@ export declare const borderToken: z.ZodObject<z.objectUtil.extendShape<{
         color: string;
         style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
     };
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
 }>;

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

@@ -4,7 +4,7 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
     deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
 }, {
     $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" | "custom-viewportRange">;
+    $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;
@@ -20,35 +20,40 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
         alpha: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         'org.primer.figma': z.ZodOptional<z.ZodObject<{
             collection: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
-            mode: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+            modeOverride: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
             scopes: z.ZodOptional<z.ZodEffects<z.ZodArray<z.ZodString, "many">, string[], string[]>>;
+            group: z.ZodOptional<z.ZodString>;
         }, "strip", z.ZodTypeAny, {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         }, {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         }>>;
     }, "strip", z.ZodTypeAny, {
         alpha?: number | null | undefined;
         'org.primer.figma'?: {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
     }, {
         alpha?: number | null | undefined;
         'org.primer.figma'?: {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
     }>>;
 }>, "strict", z.ZodTypeAny, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     alpha?: any;
     $description?: string | undefined;
     mix?: {
@@ -59,14 +64,15 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
     $extensions?: {
         alpha?: number | null | undefined;
         'org.primer.figma'?: {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
     } | undefined;
 }, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     alpha?: any;
     $description?: string | undefined;
     mix?: {
@@ -77,8 +83,9 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
     $extensions?: {
         alpha?: number | null | undefined;
         'org.primer.figma'?: {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
             scopes?: string[] | undefined;
         } | undefined;
     } | undefined;

package/dist/build/schemas/colorToken.js

@@ -32,7 +32,7 @@ export const colorToken = baseToken
                 'mode',
                 'pattern/mode',
             ]).optional(),
-            mode: mode([
+            modeOverride: mode([
                 'light',
                 'dark',
                 'dark dimmed',
@@ -44,6 +44,7 @@ export const colorToken = baseToken
                 'dark tritanopia',
             ]).optional(),
             scopes: scopes(['all', 'bgColor', 'fgColor', 'borderColor', 'effectColor']).optional(),
+            group: z.string().optional(),
         })
             .optional(),
     })

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

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+export declare const cubicBezierToken: z.ZodObject<z.objectUtil.extendShape<{
+    $description: z.ZodOptional<z.ZodString>;
+    deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
+}, {
+    $value: z.ZodUnion<[z.ZodArray<z.ZodNumber, "many">, z.ZodEffects<z.ZodString, string, string>]>;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
+}>, "strict", z.ZodTypeAny, {
+    $value: string | number[];
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
+    $description?: string | undefined;
+    deprecated?: string | boolean | undefined;
+}, {
+    $value: string | number[];
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
+    $description?: string | undefined;
+    deprecated?: string | boolean | undefined;
+}>;

package/dist/build/schemas/cubicBezierToken.js

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+import { baseToken } from './baseToken.js';
+import { referenceValue } from './referenceValue.js';
+import { tokenType } from './tokenType.js';
+export const cubicBezierToken = baseToken.extend({
+    $value: z.union([z.array(z.number()).length(4), referenceValue]),
+    $type: tokenType('cubicBezier'),
+});

package/dist/build/schemas/designToken.js

@@ -11,12 +11,14 @@ import { colorToken } from './colorToken.js';
 import { fontFamilyToken } from './fontFamilyToken.js';
 import { shadowToken } from './shadowToken.js';
 import { durationToken } from './durationToken.js';
+import { cubicBezierToken } from './cubicBezierToken.js';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: TODO: fix this
 export const designToken = z.record(tokenName, z.lazy(() => {
     return z.union([
         z.discriminatedUnion('$type', [
             colorToken,
+            cubicBezierToken,
             dimensionToken,
             shadowToken,
             borderToken,
@@ -28,7 +30,6 @@ export const designToken = z.record(tokenName, z.lazy(() => {
             durationToken,
             stringToken,
         ]),
-        // referenceToken,
         designToken,
     ]);
 }));

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

@@ -4,49 +4,56 @@ export declare const dimensionToken: z.ZodObject<z.objectUtil.extendShape<{
     deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
 }, {
     $value: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodObject<{
             collection: z.ZodEffects<z.ZodString, string, string>;
             scopes: z.ZodEffects<z.ZodArray<z.ZodString, "many">, string[], string[]>;
+            group: z.ZodOptional<z.ZodString>;
         }, "strip", z.ZodTypeAny, {
             collection: string;
             scopes: string[];
+            group?: string | undefined;
         }, {
             collection: string;
             scopes: string[];
+            group?: string | undefined;
         }>;
     }, "strip", z.ZodTypeAny, {
         'org.primer.figma': {
             collection: string;
             scopes: string[];
+            group?: string | undefined;
         };
     }, {
         'org.primer.figma': {
             collection: string;
             scopes: string[];
+            group?: string | undefined;
         };
     }>>;
 }>, "strict", z.ZodTypeAny, {
     $value: string | 0;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {
         'org.primer.figma': {
             collection: string;
             scopes: string[];
+            group?: string | undefined;
         };
     } | undefined;
 }, {
     $value: string | 0;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {
         'org.primer.figma': {
             collection: string;
             scopes: string[];
+            group?: string | undefined;
         };
     } | undefined;
 }>;

package/dist/build/schemas/dimensionToken.js

@@ -26,6 +26,7 @@ export const dimensionToken = baseToken
                 'paragraphSpacing',
                 'paragraphIndent',
             ]),
+            group: z.string().optional(),
         }),
     })
         .optional(),

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

@@ -4,15 +4,15 @@ export declare const durationToken: z.ZodObject<z.objectUtil.extendShape<{
     deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
 }, {
     $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" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
 }>, "strict", z.ZodTypeAny, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
 }, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
 }>;

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

@@ -4,7 +4,7 @@ export declare const fontFamilyToken: z.ZodObject<z.objectUtil.extendShape<{
     deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
 }, {
     $value: z.ZodUnion<[z.ZodString, z.ZodEffects<z.ZodString, string, string>]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodObject<{
             collection: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
@@ -29,7 +29,7 @@ export declare const fontFamilyToken: z.ZodObject<z.objectUtil.extendShape<{
     }>>;
 }>, "strict", z.ZodTypeAny, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {
@@ -40,7 +40,7 @@ export declare const fontFamilyToken: z.ZodObject<z.objectUtil.extendShape<{
     } | undefined;
 }, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {

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

@@ -3,7 +3,7 @@ export declare const fontWeightToken: z.ZodObject<z.objectUtil.extendShape<{
     $description: z.ZodOptional<z.ZodString>;
     deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
 }, {
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
     $value: z.ZodUnion<[z.ZodEffects<z.ZodNumber, number, number>, z.ZodEffects<z.ZodString, string, string>]>;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodObject<{
@@ -29,7 +29,7 @@ export declare const fontWeightToken: z.ZodObject<z.objectUtil.extendShape<{
     }>>;
 }>, "strict", z.ZodTypeAny, {
     $value: string | number;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {
@@ -40,7 +40,7 @@ export declare const fontWeightToken: z.ZodObject<z.objectUtil.extendShape<{
     } | undefined;
 }, {
     $value: string | number;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {

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

@@ -4,7 +4,7 @@ export declare const numberToken: z.ZodObject<z.objectUtil.extendShape<{
     deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
 }, {
     $value: z.ZodUnion<[z.ZodNumber, z.ZodEffects<z.ZodString, string, string>]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.data': z.ZodOptional<z.ZodObject<{
             fontSize: z.ZodOptional<z.ZodNumber>;
@@ -42,7 +42,7 @@ export declare const numberToken: z.ZodObject<z.objectUtil.extendShape<{
     }>>;
 }>, "strict", z.ZodTypeAny, {
     $value: string | number;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {
@@ -56,7 +56,7 @@ export declare const numberToken: z.ZodObject<z.objectUtil.extendShape<{
     } | undefined;
 }, {
     $value: string | number;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {

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

@@ -77,27 +77,32 @@ export declare const shadowToken: z.ZodObject<z.objectUtil.extendShape<{
         alpha?: any;
         inset?: boolean | undefined;
     }>, "many">, z.ZodEffects<z.ZodString, string, string>]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
     $extensions: z.ZodOptional<z.ZodObject<{
         'org.primer.figma': z.ZodObject<{
             collection: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
-            mode: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
-        }, "strip", z.ZodTypeAny, {
-            mode?: string | undefined;
+            modeOverride: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+            group: z.ZodOptional<z.ZodString>;
+        }, "strict", z.ZodTypeAny, {
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
         }, {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
         }>;
     }, "strip", z.ZodTypeAny, {
         'org.primer.figma': {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
         };
     }, {
         'org.primer.figma': {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
         };
     }>>;
 }>, "strict", z.ZodTypeAny, {
@@ -118,13 +123,14 @@ export declare const shadowToken: z.ZodObject<z.objectUtil.extendShape<{
         alpha?: any;
         inset?: boolean | undefined;
     }[];
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {
         'org.primer.figma': {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
         };
     } | undefined;
 }, {
@@ -145,13 +151,14 @@ export declare const shadowToken: z.ZodObject<z.objectUtil.extendShape<{
         alpha?: any;
         inset?: boolean | undefined;
     }[];
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
     $extensions?: {
         'org.primer.figma': {
-            mode?: string | undefined;
+            group?: string | undefined;
             collection?: string | undefined;
+            modeOverride?: string | undefined;
         };
     } | undefined;
 }>;

package/dist/build/schemas/shadowToken.js

@@ -23,9 +23,10 @@ export const shadowToken = baseToken
     $type: tokenType('shadow'),
     $extensions: z
         .object({
-        'org.primer.figma': z.object({
+        'org.primer.figma': z
+            .object({
             collection: collection(['mode']).optional(),
-            mode: mode([
+            modeOverride: mode([
                 'light',
                 'dark',
                 'dark dimmed',
@@ -36,7 +37,9 @@ export const shadowToken = baseToken
                 'light tritanopia',
                 'dark tritanopia',
             ]).optional(),
-        }),
+            group: z.string().optional(),
+        })
+            .strict(),
     })
         .optional(),
 })

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

@@ -4,15 +4,15 @@ export declare const stringToken: z.ZodObject<z.objectUtil.extendShape<{
     deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
 }, {
     $value: z.ZodUnion<[z.ZodString, z.ZodEffects<z.ZodString, string, string>]>;
-    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
 }>, "strict", z.ZodTypeAny, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
 }, {
     $value: string;
-    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange";
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange";
     $description?: string | undefined;
     deprecated?: string | boolean | undefined;
 }>;

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

@@ -1,3 +1,3 @@
 import { z } from 'zod';
 import type { TokenType } from './validTokenType.js';
-export declare const tokenType: ($type: TokenType) => z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "custom-viewportRange">;
+export declare const tokenType: ($type: TokenType) => z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;