@primer/primitives 9.0.3 → 9.1.0-rc.c6c17c46

package/dist/build/schemas/scopes.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scopes = void 0;
+const zod_1 = require("zod");
+const joinFriendly_1 = require("../utilities/joinFriendly");
+const schemaErrorMessage_1 = require("../utilities/schemaErrorMessage");
+const validScopes = [
+    'all',
+    'bgColor',
+    'fgColor',
+    'borderColor',
+    'borderWidth',
+    'size',
+    'gap',
+    'radius',
+    'effectColor',
+    'effectFloat',
+    'opacity',
+    'fontFamily',
+    'fontStyle',
+    'fontWeight',
+    'fontSize',
+    'lineHeight',
+    'letterSpacing',
+    'paragraphSpacing',
+    'paragraphIndent',
+];
+const scopes = (scopeSubset) => {
+    const scopeArray = scopeSubset !== null && scopeSubset !== void 0 ? scopeSubset : validScopes;
+    return zod_1.z.array(zod_1.z.string()).refine(value => value.every(item => scopeArray.includes(item)), value => ({
+        message: (0, schemaErrorMessage_1.schemaErrorMessage)(`Invalid scope: "${value}"`, `Valid scopes are: ${(0, joinFriendly_1.joinFriendly)(scopeArray)}`),
+    }));
+};
+exports.scopes = scopes;

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

@@ -0,0 +1,157 @@
+import { z } from 'zod';
+export declare const shadowValue: z.ZodObject<{
+    color: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>;
+    alpha: z.ZodUnion<[z.ZodEffects<z.ZodAny, any, any>, z.ZodEffects<z.ZodString, string, string>]>;
+    offsetX: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+    offsetY: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+    blur: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+    spread: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+    inset: z.ZodOptional<z.ZodBoolean>;
+}, "strict", z.ZodTypeAny, {
+    color: string;
+    blur: string | 0;
+    offsetX: string | 0;
+    offsetY: string | 0;
+    spread: string | 0;
+    alpha?: any;
+    inset?: boolean | undefined;
+}, {
+    color: string;
+    blur: string | 0;
+    offsetX: string | 0;
+    offsetY: string | 0;
+    spread: string | 0;
+    alpha?: any;
+    inset?: boolean | undefined;
+}>;
+export declare const shadowToken: z.ZodObject<z.objectUtil.extendShape<{
+    $description: z.ZodOptional<z.ZodString>;
+    deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
+}, {
+    $value: z.ZodUnion<[z.ZodObject<{
+        color: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>;
+        alpha: z.ZodUnion<[z.ZodEffects<z.ZodAny, any, any>, z.ZodEffects<z.ZodString, string, string>]>;
+        offsetX: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        offsetY: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        blur: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        spread: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        inset: z.ZodOptional<z.ZodBoolean>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    }, {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    }>, z.ZodArray<z.ZodObject<{
+        color: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>;
+        alpha: z.ZodUnion<[z.ZodEffects<z.ZodAny, any, any>, z.ZodEffects<z.ZodString, string, string>]>;
+        offsetX: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        offsetY: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        blur: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        spread: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
+        inset: z.ZodOptional<z.ZodBoolean>;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    }, {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    }>, "many">, z.ZodEffects<z.ZodString, string, string>]>;
+    $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "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;
+            collection?: string | undefined;
+        }, {
+            mode?: string | undefined;
+            collection?: string | undefined;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        'org.primer.figma': {
+            mode?: string | undefined;
+            collection?: string | undefined;
+        };
+    }, {
+        'org.primer.figma': {
+            mode?: string | undefined;
+            collection?: string | undefined;
+        };
+    }>>;
+}>, "strict", z.ZodTypeAny, {
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
+    $value: string | {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    } | {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    }[];
+    deprecated?: string | boolean | undefined;
+    $extensions?: {
+        'org.primer.figma': {
+            mode?: string | undefined;
+            collection?: string | undefined;
+        };
+    } | undefined;
+    $description?: string | undefined;
+}, {
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
+    $value: string | {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    } | {
+        color: string;
+        blur: string | 0;
+        offsetX: string | 0;
+        offsetY: string | 0;
+        spread: string | 0;
+        alpha?: any;
+        inset?: boolean | undefined;
+    }[];
+    deprecated?: string | boolean | undefined;
+    $extensions?: {
+        'org.primer.figma': {
+            mode?: string | undefined;
+            collection?: string | undefined;
+        };
+    } | undefined;
+    $description?: string | undefined;
+}>;

package/dist/build/schemas/shadowToken.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shadowToken = exports.shadowValue = void 0;
+const zod_1 = require("zod");
+const baseToken_1 = require("./baseToken");
+const referenceValue_1 = require("./referenceValue");
+const colorHexValue_1 = require("./colorHexValue");
+const alphaValue_1 = require("./alphaValue");
+const dimensionValue_1 = require("./dimensionValue");
+const tokenType_1 = require("./tokenType");
+const collections_1 = require("./collections");
+exports.shadowValue = zod_1.z
+    .object({
+    color: zod_1.z.union([colorHexValue_1.colorHexValue, referenceValue_1.referenceValue]),
+    alpha: zod_1.z.union([alphaValue_1.alphaValue, referenceValue_1.referenceValue]),
+    offsetX: zod_1.z.union([dimensionValue_1.dimensionValue, referenceValue_1.referenceValue]),
+    offsetY: zod_1.z.union([dimensionValue_1.dimensionValue, referenceValue_1.referenceValue]),
+    blur: zod_1.z.union([dimensionValue_1.dimensionValue, referenceValue_1.referenceValue]),
+    spread: zod_1.z.union([dimensionValue_1.dimensionValue, referenceValue_1.referenceValue]),
+    inset: zod_1.z.boolean().optional(),
+})
+    .strict();
+exports.shadowToken = baseToken_1.baseToken
+    .extend({
+    $value: zod_1.z.union([exports.shadowValue, zod_1.z.array(exports.shadowValue), referenceValue_1.referenceValue]),
+    $type: (0, tokenType_1.tokenType)('shadow'),
+    $extensions: zod_1.z
+        .object({
+        'org.primer.figma': zod_1.z.object({
+            collection: (0, collections_1.collection)(['mode']).optional(),
+            mode: (0, collections_1.mode)([
+                'light',
+                'dark',
+                'dark dimmed',
+                'light high contrast',
+                'dark high contrast',
+                'light colorblind',
+                'dark colorblind',
+                'light tritanopia',
+                'dark tritanopia',
+            ]).optional(),
+        }),
+    })
+        .optional(),
+})
+    .strict();

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

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+export declare const stringToken: z.ZodObject<z.objectUtil.extendShape<{
+    $description: z.ZodOptional<z.ZodString>;
+    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" | "shadow" | "typography" | "duration" | "custom-viewportRange">;
+}>, "strict", z.ZodTypeAny, {
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
+    $value: string;
+    deprecated?: string | boolean | undefined;
+    $description?: string | undefined;
+}, {
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
+    $value: string;
+    deprecated?: string | boolean | undefined;
+    $description?: string | undefined;
+}>;

package/dist/build/schemas/stringToken.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringToken = void 0;
+const zod_1 = require("zod");
+const baseToken_1 = require("./baseToken");
+const referenceValue_1 = require("./referenceValue");
+const tokenType_1 = require("./tokenType");
+exports.stringToken = baseToken_1.baseToken
+    .extend({
+    $value: zod_1.z.union([zod_1.z.string(), referenceValue_1.referenceValue]),
+    $type: (0, tokenType_1.tokenType)('string'),
+})
+    .strict();

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

@@ -0,0 +1,2 @@
+import { z } from 'zod';
+export declare const tokenName: z.ZodEffects<z.ZodString, string, string>;

package/dist/build/schemas/tokenName.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokenName = void 0;
+const zod_1 = require("zod");
+const schemaErrorMessage_1 = require("../utilities/schemaErrorMessage");
+exports.tokenName = zod_1.z.string().refine(name => /(^[a-z0-9][A-Za-z0-9-]*$|^@$)/.test(name), name => ({
+    message: (0, schemaErrorMessage_1.schemaErrorMessage)(`Invalid token name: "${name}"`, 'Token name must be kebab-case or camelCase, and start with a lowercase letter or number and consist only of letters, numbers, and hyphens.'),
+}));

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

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

package/dist/build/schemas/tokenType.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokenType = void 0;
+const zod_1 = require("zod");
+const tokenType = ($type) => zod_1.z.literal($type);
+exports.tokenType = tokenType;

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

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

package/dist/build/schemas/typographyToken.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyToken = exports.typographyValue = void 0;
+const zod_1 = require("zod");
+const referenceValue_1 = require("./referenceValue");
+const dimensionValue_1 = require("./dimensionValue");
+const baseToken_1 = require("./baseToken");
+const fontWeightValue_1 = require("./fontWeightValue");
+const tokenType_1 = require("./tokenType");
+exports.typographyValue = zod_1.z.object({
+    fontSize: zod_1.z.union([dimensionValue_1.dimensionValue, referenceValue_1.referenceValue]),
+    lineHeight: zod_1.z.union([dimensionValue_1.dimensionValue, referenceValue_1.referenceValue]).optional(),
+    fontWeight: zod_1.z.union([fontWeightValue_1.fontWeightValue, referenceValue_1.referenceValue]),
+    fontFamily: zod_1.z.union([zod_1.z.string().min(1), referenceValue_1.referenceValue]),
+});
+exports.typographyToken = baseToken_1.baseToken
+    .extend({
+    $value: zod_1.z.union([exports.typographyValue, referenceValue_1.referenceValue]),
+    $type: (0, tokenType_1.tokenType)('typography'),
+})
+    .strict();

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

@@ -0,0 +1,5 @@
+import { z } from 'zod';
+declare const validTypes: readonly ["color", "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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateType = void 0;
+const zod_1 = require("zod");
+const joinFriendly_1 = require("../utilities/joinFriendly");
+const schemaErrorMessage_1 = require("../utilities/schemaErrorMessage");
+const validTypes = [
+    'color',
+    'typography',
+    'dimension',
+    'duration',
+    'border',
+    'shadow',
+    'fontFamily',
+    'fontWeight',
+    'number',
+    'string',
+    'custom-viewportRange',
+];
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: TODO: fix this
+exports.validateType = zod_1.z.record(zod_1.z.string(), zod_1.z.lazy(() => {
+    return zod_1.z.union([
+        zod_1.z
+            .object({
+            $value: zod_1.z.any(),
+            $type: zod_1.z.string().refine(type => validTypes.includes(type), val => ({
+                message: (0, schemaErrorMessage_1.schemaErrorMessage)(`Invalid token $type: "${val}"`, `Must be one of the following: ${(0, joinFriendly_1.joinFriendly)([...validTypes], 'or')}`),
+            })),
+        })
+            .required(),
+        exports.validateType,
+    ]);
+}));

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

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+export declare const viewportRangeToken: z.ZodObject<z.objectUtil.extendShape<{
+    $description: z.ZodOptional<z.ZodString>;
+    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" | "shadow" | "typography" | "duration" | "custom-viewportRange">;
+}>, "strict", z.ZodTypeAny, {
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
+    $value: string;
+    deprecated?: string | boolean | undefined;
+    $description?: string | undefined;
+}, {
+    $type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
+    $value: string;
+    deprecated?: string | boolean | undefined;
+    $description?: string | undefined;
+}>;

package/dist/build/schemas/viewportRangeToken.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.viewportRangeToken = void 0;
+const zod_1 = require("zod");
+const baseToken_1 = require("./baseToken");
+const referenceValue_1 = require("./referenceValue");
+const tokenType_1 = require("./tokenType");
+exports.viewportRangeToken = baseToken_1.baseToken
+    .extend({
+    $value: zod_1.z.union([zod_1.z.string(), referenceValue_1.referenceValue]),
+    $type: (0, tokenType_1.tokenType)('custom-viewportRange'),
+})
+    .strict();

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

@@ -0,0 +1,8 @@
+import type StyleDictionary from 'style-dictionary';
+/**
+ * @description converts w3c border tokens in css border string
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `border`
+ * @transformer returns css border `string`
+ */
+export declare const borderToCss: StyleDictionary.Transform;

package/dist/build/transformers/borderToCss.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderToCss = void 0;
+const isBorder_1 = require("../filters/isBorder");
+/**
+ * checks if all required properties exist on shadow token
+ * @param object - BorderTokenValue
+ * @returns void or throws error
+ */
+const checkForBorderTokenProperties = (border) => {
+    const requiredProperties = ['color', 'width', 'style'];
+    for (const prop of requiredProperties) {
+        if (prop in border === false) {
+            throw new Error(`Missing propery: ${prop} on border token ${JSON.stringify(border)}`);
+        }
+    }
+};
+/**
+ * @description converts w3c border tokens in css border string
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `border`
+ * @transformer returns css border `string`
+ */
+exports.borderToCss = {
+    type: `value`,
+    transitive: true,
+    matcher: isBorder_1.isBorder,
+    transformer: ({ value }) => {
+        //
+        checkForBorderTokenProperties(value);
+        // if value === string it was probably already transformed
+        if (typeof value === 'string') {
+            return value;
+        }
+        /* color | style | width */
+        return `${value.color} ${value.style} ${value.width}`;
+    },
+};

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

@@ -0,0 +1,8 @@
+import type StyleDictionary from 'style-dictionary';
+/**
+ * @description converts color tokens value to `hex6` or `hex8`
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color`
+ * @transformer returns a `hex` string
+ */
+export declare const colorToHex: StyleDictionary.Transform;

package/dist/build/transformers/colorToHex.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorToHex = void 0;
+const color2k_1 = require("color2k");
+const filters_1 = require("../filters");
+const getTokenValue_1 = require("./utilities/getTokenValue");
+/**
+ * @description converts color tokens value to `hex6` or `hex8`
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color`
+ * @transformer returns a `hex` string
+ */
+exports.colorToHex = {
+    type: `value`,
+    transitive: true,
+    matcher: filters_1.isColor,
+    transformer: (token) => (0, color2k_1.toHex)((0, getTokenValue_1.getTokenValue)(token)),
+};

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

@@ -0,0 +1,8 @@
+import type StyleDictionary from 'style-dictionary';
+/**
+ * @description replaces tokens value with `hex8` color using the tokens `alpha` property to specify the value used for alpha
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color` with an `alpha` property
+ * @transformer returns `hex8` string
+ */
+export declare const colorToHexAlpha: StyleDictionary.Transform;

package/dist/build/transformers/colorToHexAlpha.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorToHexAlpha = void 0;
+const color2k_1 = require("color2k");
+const alpha_1 = require("./utilities/alpha");
+const filters_1 = require("../filters");
+const getTokenValue_1 = require("./utilities/getTokenValue");
+/**
+ * @description replaces tokens value with `hex8` color using the tokens `alpha` property to specify the value used for alpha
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color` with an `alpha` property
+ * @transformer returns `hex8` string
+ */
+exports.colorToHexAlpha = {
+    type: `value`,
+    transitive: true,
+    matcher: filters_1.isColorWithAlpha,
+    transformer: (token) => {
+        // don't change if alpha is null
+        if (token.alpha === null) {
+            return (0, color2k_1.toHex)((0, getTokenValue_1.getTokenValue)(token));
+        }
+        return (0, color2k_1.toHex)((0, alpha_1.alpha)((0, getTokenValue_1.getTokenValue)(token), token.alpha, token));
+    },
+};

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

@@ -0,0 +1,8 @@
+import type StyleDictionary from 'style-dictionary';
+/**
+ * @description replaces tokens value with `hex8` color using the tokens `alpha` property to specify the value used for alpha
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color` with an `alpha` property
+ * @transformer returns `hex8` string
+ */
+export declare const colorToHexMix: StyleDictionary.Transform;

package/dist/build/transformers/colorToHexMix.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorToHexMix = void 0;
+const color2k_1 = require("color2k");
+const filters_1 = require("../filters");
+const getTokenValue_1 = require("./utilities/getTokenValue");
+const mix_1 = __importDefault(require("./utilities/mix"));
+/**
+ * @description replaces tokens value with `hex8` color using the tokens `alpha` property to specify the value used for alpha
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color` with an `alpha` property
+ * @transformer returns `hex8` string
+ */
+exports.colorToHexMix = {
+    type: `value`,
+    transitive: true,
+    matcher: filters_1.isColorWithMix,
+    transformer: (token) => {
+        var _a, _b;
+        return (0, color2k_1.toHex)((0, mix_1.default)((0, getTokenValue_1.getTokenValue)(token), ((_a = token.mix) === null || _a === void 0 ? void 0 : _a.color) || (0, getTokenValue_1.getTokenValue)(token), ((_b = token.mix) === null || _b === void 0 ? void 0 : _b.weight) || 0));
+    },
+};

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

@@ -0,0 +1,8 @@
+import type StyleDictionary from 'style-dictionary';
+/**
+ * @description replaces tokens value with `rgba` color using the tokens `alpha` property to specify the value used for alpha
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color` with an `alpha` property
+ * @transformer returns `rgba` string
+ */
+export declare const colorToRgbAlpha: StyleDictionary.Transform;

package/dist/build/transformers/colorToRgbAlpha.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorToRgbAlpha = void 0;
+const filters_1 = require("../filters");
+const alpha_1 = require("./utilities/alpha");
+const getTokenValue_1 = require("./utilities/getTokenValue");
+/**
+ * @description replaces tokens value with `rgba` color using the tokens `alpha` property to specify the value used for alpha
+ * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher matches all tokens of $type `color` with an `alpha` property
+ * @transformer returns `rgba` string
+ */
+exports.colorToRgbAlpha = {
+    type: `value`,
+    transitive: true,
+    matcher: filters_1.isColorWithAlpha,
+    transformer: (token) => {
+        if (token.alpha === null)
+            return (0, getTokenValue_1.getTokenValue)(token);
+        return (0, alpha_1.alpha)((0, getTokenValue_1.getTokenValue)(token), token.alpha, token);
+    },
+};