@primer/primitives 10.0.0-rc.e413e85d → 10.0.0-rc.eb6fe33a

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}
@@ -56,6 +56,7 @@ PrimerStyleDictionary.registerTransform(Object.assign({}, colorToRgbAlpha));
 PrimerStyleDictionary.registerTransform(Object.assign({}, colorToRgbaFloat));
 PrimerStyleDictionary.registerTransform(Object.assign({}, colorToHexMix));
 PrimerStyleDictionary.registerTransform(Object.assign({}, colorToHex));
+PrimerStyleDictionary.registerTransform(Object.assign({}, cubicBezierToCss));
 PrimerStyleDictionary.registerTransform(Object.assign({}, floatToPixel));
 PrimerStyleDictionary.registerTransform(Object.assign({}, floatToPixelUnitless));
 PrimerStyleDictionary.registerTransform(Object.assign({}, dimensionToRem));

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

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

package/dist/build/filters/isCubicBezier.js

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

package/dist/build/platforms/css.js

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

package/dist/build/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;
@@ -48,7 +48,7 @@ export declare const colorToken: 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";
     alpha?: any;
     $description?: string | undefined;
     mix?: {
@@ -66,7 +66,7 @@ export declare const colorToken: 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";
     alpha?: any;
     $description?: string | undefined;
     mix?: {

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,

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

@@ -4,7 +4,7 @@ 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>;
@@ -29,7 +29,7 @@ export declare const dimensionToken: z.ZodObject<z.objectUtil.extendShape<{
     }>>;
 }>, "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?: {
@@ -40,7 +40,7 @@ export declare const dimensionToken: z.ZodObject<z.objectUtil.extendShape<{
     } | 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?: {

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,7 +77,7 @@ 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>>;
@@ -118,7 +118,7 @@ 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?: {
@@ -145,7 +145,7 @@ 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?: {

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">;

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

@@ -35,7 +35,7 @@ export declare const typographyToken: z.ZodObject<z.objectUtil.extendShape<{
         fontWeight: string | number;
         lineHeight?: string | 0 | undefined;
     }>, 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 | {
         fontFamily: string;
@@ -43,7 +43,7 @@ export declare const typographyToken: z.ZodObject<z.objectUtil.extendShape<{
         fontWeight: string | number;
         lineHeight?: string | 0 | 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;
 }, {
@@ -53,7 +53,7 @@ export declare const typographyToken: z.ZodObject<z.objectUtil.extendShape<{
         fontWeight: string | number;
         lineHeight?: string | 0 | 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;
 }>;

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

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-declare const validTypes: readonly ["color", "typography", "dimension", "duration", "border", "shadow", "fontFamily", "fontWeight", "number", "string", "custom-viewportRange"];
+declare const validTypes: readonly ["color", "cubicBezier", "typography", "dimension", "duration", "border", "shadow", "fontFamily", "fontWeight", "number", "string", "custom-viewportRange"];
 export type TokenType = (typeof validTypes)[number];
 export declare const validateType: z.ZodRecord<z.ZodString, z.ZodLazy<z.ZodTypeAny>>;
 export {};

package/dist/build/schemas/validTokenType.js

@@ -2,6 +2,7 @@ import { z } from 'zod';
 import { joinFriendly, schemaErrorMessage } from '../utilities/index.js';
 const validTypes = [
     'color',
+    'cubicBezier',
     'typography',
     'dimension',
     'duration',

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

@@ -4,15 +4,15 @@ export declare const viewportRangeToken: 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/transformers/cubicBezierToCss.d.ts

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

package/dist/build/transformers/cubicBezierToCss.js

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

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

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

package/dist/build/transformers/index.js

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

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

@@ -5,17 +5,26 @@
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
-  --diffBlob-addition-fgColor-text: #f0f6fc;
-  --diffBlob-addition-fgColor-num: #f0f6fc;
-  --diffBlob-addition-bgColor-num: #58a6ff4d;
-  --diffBlob-addition-bgColor-line: #388bfd26;
-  --diffBlob-addition-bgColor-word: #388bfd66;
-  --diffBlob-deletion-fgColor-text: #f0f6fc;
-  --diffBlob-deletion-fgColor-num: #f0f6fc;
-  --diffBlob-deletion-bgColor-num: #db6d284d;
-  --diffBlob-deletion-bgColor-line: #db6d2826;
-  --diffBlob-deletion-bgColor-word: #db6d2866;
-  --diffBlob-hunk-bgColor-num: #388bfd66;
+  --diffBlob-additionLine-fgColor: #f0f6fc;
+  --diffBlob-additionLine-bgColor: #388bfd26;
+  --diffBlob-additionWord-fgColor: #f0f6fc;
+  --diffBlob-additionWord-bgColor: #388bfd66;
+  --diffBlob-additionNum-fgColor: #f0f6fc;
+  --diffBlob-additionNum-bgColor: #58a6ff4d;
+  --diffBlob-deletionLine-fgColor: #f0f6fc;
+  --diffBlob-deletionLine-bgColor: #db6d2826;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
+  --diffBlob-deletionWord-bgColor: #db6d2866;
+  --diffBlob-deletionNum-fgColor: #f0f6fc;
+  --diffBlob-deletionNum-bgColor: #db6d284d;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #212830;
+  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #2f3742;
+  --diffBlob-hunkNum-bgColor-hover: #656c76;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
   --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #f0f6fc;
   --codeMirror-bgColor: #0d1117;
@@ -242,6 +251,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #f0f6fc;
   --button-invisible-fgColor-hover: #f0f6fc;
+  --button-invisible-fgColor-active: #f0f6fc;
   --button-invisible-fgColor-disabled: #656c7699;
   --button-invisible-iconColor-rest: #9198a1;
   --button-invisible-iconColor-hover: #9198a1;
@@ -574,17 +584,26 @@
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
-    --diffBlob-addition-fgColor-text: #f0f6fc;
-    --diffBlob-addition-fgColor-num: #f0f6fc;
-    --diffBlob-addition-bgColor-num: #58a6ff4d;
-    --diffBlob-addition-bgColor-line: #388bfd26;
-    --diffBlob-addition-bgColor-word: #388bfd66;
-    --diffBlob-deletion-fgColor-text: #f0f6fc;
-    --diffBlob-deletion-fgColor-num: #f0f6fc;
-    --diffBlob-deletion-bgColor-num: #db6d284d;
-    --diffBlob-deletion-bgColor-line: #db6d2826;
-    --diffBlob-deletion-bgColor-word: #db6d2866;
-    --diffBlob-hunk-bgColor-num: #388bfd66;
+    --diffBlob-additionLine-fgColor: #f0f6fc;
+    --diffBlob-additionLine-bgColor: #388bfd26;
+    --diffBlob-additionWord-fgColor: #f0f6fc;
+    --diffBlob-additionWord-bgColor: #388bfd66;
+    --diffBlob-additionNum-fgColor: #f0f6fc;
+    --diffBlob-additionNum-bgColor: #58a6ff4d;
+    --diffBlob-deletionLine-fgColor: #f0f6fc;
+    --diffBlob-deletionLine-bgColor: #db6d2826;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
+    --diffBlob-deletionWord-bgColor: #db6d2866;
+    --diffBlob-deletionNum-fgColor: #f0f6fc;
+    --diffBlob-deletionNum-bgColor: #db6d284d;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #212830;
+    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #2f3742;
+    --diffBlob-hunkNum-bgColor-hover: #656c76;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
     --diffBlob-expander-iconColor: #9198a1;
     --codeMirror-fgColor: #f0f6fc;
     --codeMirror-bgColor: #0d1117;
@@ -811,6 +830,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #f0f6fc;
     --button-invisible-fgColor-hover: #f0f6fc;
+    --button-invisible-fgColor-active: #f0f6fc;
     --button-invisible-fgColor-disabled: #656c7699;
     --button-invisible-iconColor-rest: #9198a1;
     --button-invisible-iconColor-hover: #9198a1;