@primer/primitives 9.1.2 → 10.0.0-rc.29e661a3

package/dist/build/transformers/namePathToDotNotation.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.namePathToDotNotation = void 0;
-const utilities_1 = require("../utilities");
+import { upperCaseFirstCharacter } from '../utilities/index.js';
 /**
  * camelCase
  * @scope custom camelCase implementation should only be used within `name path to dot notation` transformer
@@ -12,7 +9,7 @@ const utilities_1 = require("../utilities");
 const camelCase = (string) => {
     return string
         .split(/[\s-_+]+/g)
-        .map((stringPart, index) => (index === 0 ? stringPart : (0, utilities_1.upperCaseFirstCharacter)(stringPart)))
+        .map((stringPart, index) => (index === 0 ? stringPart : upperCaseFirstCharacter(stringPart)))
         .join('');
 };
 /**
@@ -21,9 +18,10 @@ const camelCase = (string) => {
  * @matcher omitted to match all tokens
  * @transformer returns `string` in dot.notation
  */
-exports.namePathToDotNotation = {
-    type: `name`,
-    transformer: (token, options) => {
+export const namePathToDotNotation = {
+    name: 'name/pathToDotNotation',
+    type: 'name',
+    transform: (token, options) => {
         return ([options === null || options === void 0 ? void 0 : options.prefix, ...token.path]
             // remove undefined if exists
             .filter((part) => typeof part === 'string' && part !== '@')

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

@@ -1,9 +1,9 @@
-import type StyleDictionary from 'style-dictionary';
-export declare const transformNamePathToFigma: (token: StyleDictionary.TransformedToken, options?: StyleDictionary.Platform) => string;
+import type { PlatformConfig, Transform, TransformedToken } from 'style-dictionary/types';
+export declare const transformNamePathToFigma: (token: TransformedToken, options?: PlatformConfig) => string;
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a specific figma name
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string`
  */
-export declare const namePathToFigma: StyleDictionary.Transform;
+export declare const namePathToFigma: Transform;

package/dist/build/transformers/namePathToFigma.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.namePathToFigma = exports.transformNamePathToFigma = void 0;
-const transformNamePathToFigma = (token, options) => {
+export const transformNamePathToFigma = (token, options) => {
     let pathArray = token.path.filter((part) => part !== '@');
     if (['fgColor', 'borderColor', 'bgColor'].includes(pathArray[0]) && pathArray.length === 3) {
         pathArray = [pathArray[0], `${pathArray[1]}-${pathArray[2]}`];
@@ -11,14 +8,14 @@ const transformNamePathToFigma = (token, options) => {
         .filter((part) => typeof part === 'string' && part !== '@')
         .join('/'));
 };
-exports.transformNamePathToFigma = transformNamePathToFigma;
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a specific figma name
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string`
  */
-exports.namePathToFigma = {
-    type: `name`,
-    transformer: exports.transformNamePathToFigma,
+export const namePathToFigma = {
+    name: 'name/pathToFigma',
+    type: 'name',
+    transform: transformNamePathToFigma,
 };

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

@@ -1,8 +1,8 @@
-import type StyleDictionary from 'style-dictionary';
+import type { Transform } from 'style-dictionary/types';
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a kebab-case string, preserves casing of parts
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string` kebab-case
  */
-export declare const namePathToKebabCase: StyleDictionary.Transform;
+export declare const namePathToKebabCase: Transform;

package/dist/build/transformers/namePathToKebabCase.js

@@ -1,15 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.namePathToKebabCase = void 0;
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a kebab-case string, preserves casing of parts
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string` kebab-case
  */
-exports.namePathToKebabCase = {
-    type: `name`,
-    transformer: (token, options) => {
+export const namePathToKebabCase = {
+    name: 'name/pathToKebabCase',
+    type: 'name',
+    transform: (token, options) => {
         return ([options === null || options === void 0 ? void 0 : options.prefix, ...token.path]
             // remove undefined if exists
             .filter((part) => typeof part === 'string' && part !== '@')

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

@@ -1,8 +1,8 @@
-import type StyleDictionary from 'style-dictionary';
+import type { Transform } from 'style-dictionary/types';
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a PascalCase string, preserves casing of parts
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string` PascalCase
  */
-export declare const namePathToPascalCase: StyleDictionary.Transform;
+export declare const namePathToPascalCase: Transform;

package/dist/build/transformers/namePathToPascalCase.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.namePathToPascalCase = void 0;
-const toPascalCase_1 = require("../utilities/toPascalCase");
+import { toPascalCase } from '../utilities/index.js';
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a PascalCase string, preserves casing of parts
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string` PascalCase
  */
-exports.namePathToPascalCase = {
-    type: `name`,
-    transformer: (token, options) => (0, toPascalCase_1.toPascalCase)([(options === null || options === void 0 ? void 0 : options.prefix) || '', ...token.path]),
+export const namePathToPascalCase = {
+    name: 'name/pathToPascalCase',
+    type: 'name',
+    transform: (token, options) => toPascalCase([(options === null || options === void 0 ? void 0 : options.prefix) || '', ...token.path]),
 };

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

@@ -1,8 +1,8 @@
-import type StyleDictionary from 'style-dictionary';
+import type { Transform } from 'style-dictionary/types';
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a slash/notation string
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string` on slash/notation
  */
-export declare const namePathToSlashNotation: StyleDictionary.Transform;
+export declare const namePathToSlashNotation: Transform;

package/dist/build/transformers/namePathToSlashNotation.js

@@ -1,15 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.namePathToSlashNotation = void 0;
 /**
  * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a slash/notation string
  * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher omitted to match all tokens
  * @transformer returns `string` on slash/notation
  */
-exports.namePathToSlashNotation = {
-    type: `name`,
-    transformer: (token, options) => {
+export const namePathToSlashNotation = {
+    name: 'name/pathToSlashNotation',
+    type: 'name',
+    transform: (token, options) => {
         return ([options === null || options === void 0 ? void 0 : options.prefix, ...token.path]
             // remove undefined if exists
             .filter((part) => typeof part === 'string' && part !== '@')

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

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

package/dist/build/transformers/shadowToCss.js

@@ -1,24 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shadowToCss = void 0;
-const color2k_1 = require("color2k");
-const filters_1 = require("../filters");
-const alpha_1 = require("./utilities/alpha");
-const checkRequiredTokenProperties_1 = require("./utilities/checkRequiredTokenProperties");
-const getTokenValue_1 = require("./utilities/getTokenValue");
+import { toHex } from 'color2k';
+import { isShadow } from '../filters/index.js';
+import { alpha } from './utilities/alpha.js';
+import { checkRequiredTokenProperties } from './utilities/checkRequiredTokenProperties.js';
+import { getTokenValue } from './utilities/getTokenValue.js';
 /**
  * @description converts w3c shadow tokens in css shadow string
  * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher matches all tokens of $type `shadow`
  * @transformer returns css shadow `string`
  */
-exports.shadowToCss = {
-    type: `value`,
+export const shadowToCss = {
+    name: 'shadow/css',
+    type: 'value',
     transitive: true,
-    matcher: filters_1.isShadow,
-    transformer: (token) => {
+    filter: isShadow,
+    transform: (token) => {
         // extract value
-        const { value } = token;
+        const value = getTokenValue(token);
+        const valueProp = token.$value ? '$value' : 'value';
         // turn value into array
         const shadowValues = !Array.isArray(value) ? [value] : value;
         return shadowValues
@@ -26,9 +25,9 @@ exports.shadowToCss = {
             // if value === string it was probably already transformed
             if (typeof shadow === 'string')
                 return shadow;
-            (0, checkRequiredTokenProperties_1.checkRequiredTokenProperties)(shadow, ['color', 'offsetX', 'offsetY', 'blur', 'spread']);
+            checkRequiredTokenProperties(shadow, ['color', 'offsetX', 'offsetY', 'blur', 'spread']);
             /*css box shadow:  inset? | offset-x | offset-y | blur-radius | spread-radius | color */
-            return `${shadow.inset === true ? 'inset ' : ''}${shadow.offsetX} ${shadow.offsetY} ${shadow.blur} ${shadow.spread} ${(0, color2k_1.toHex)((0, alpha_1.alpha)((0, getTokenValue_1.getTokenValue)(Object.assign(Object.assign({}, token), { value: shadow }), 'color'), shadow.alpha || 1, token))}`;
+            return `${shadow.inset === true ? 'inset ' : ''}${shadow.offsetX} ${shadow.offsetY} ${shadow.blur} ${shadow.spread} ${toHex(alpha(getTokenValue(Object.assign(Object.assign({}, token), { [valueProp]: shadow }), 'color'), shadow.alpha || 1, token))}`;
         })
             .join(', ');
     },

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

@@ -1,8 +1,8 @@
-import type StyleDictionary from 'style-dictionary';
+import type { Transform } from 'style-dictionary/types';
 /**
  * @description converts typograhy token value to css font shorthand
  * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher matches all tokens of $type `typography`
  * @transformer returns a css font string
  */
-export declare const typographyToCss: StyleDictionary.Transform;
+export declare const typographyToCss: Transform;

package/dist/build/transformers/typographyToCss.js

@@ -1,28 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typographyToCss = void 0;
-const filters_1 = require("../filters");
-const checkRequiredTokenProperties_1 = require("./utilities/checkRequiredTokenProperties");
-const fontFamilyToCss_1 = require("./fontFamilyToCss");
-const fontWeightToNumber_1 = require("./fontWeightToNumber");
-const getTokenValue_1 = require("./utilities/getTokenValue");
+import { isTypography } from '../filters/index.js';
+import { checkRequiredTokenProperties } from './utilities/checkRequiredTokenProperties.js';
+import { parseFontFamily } from './fontFamilyToCss.js';
+import { parseFontWeight } from './fontWeightToNumber.js';
+import { getTokenValue } from './utilities/getTokenValue.js';
 /**
  * @description converts typograhy token value to css font shorthand
  * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher matches all tokens of $type `typography`
  * @transformer returns a css font string
  */
-exports.typographyToCss = {
-    type: `value`,
+export const typographyToCss = {
+    name: 'typography/css',
+    type: 'value',
     transitive: true,
-    matcher: filters_1.isTypography,
-    transformer: (token) => {
+    filter: isTypography,
+    transform: (token) => {
         // extract value
-        const value = (0, getTokenValue_1.getTokenValue)(token);
+        const value = getTokenValue(token);
         // validate token properties
-        (0, checkRequiredTokenProperties_1.checkRequiredTokenProperties)(value, ['fontWeight', 'fontSize', 'fontFamily']);
+        checkRequiredTokenProperties(value, ['fontWeight', 'fontSize', 'fontFamily']);
         // format output
-        return `${value.fontStyle || ''} ${(0, fontWeightToNumber_1.parseFontWeight)((0, getTokenValue_1.getTokenValue)(token, 'fontWeight'))} ${value.fontSize}${value.lineHeight ? `/${value.lineHeight}` : ''} ${(0, fontFamilyToCss_1.parseFontFamily)((0, getTokenValue_1.getTokenValue)(token, 'fontFamily'))}`
+        return `${value.fontStyle || ''} ${parseFontWeight(getTokenValue(token, 'fontWeight'))} ${value.fontSize}${value.lineHeight ? `/${value.lineHeight}` : ''} ${parseFontFamily(getTokenValue(token, 'fontFamily'))}`
             .trim()
             .replace(/\s\s+/g, ' ');
     },

package/dist/build/transformers/utilities/alpha.d.ts

@@ -1,4 +1,4 @@
-import type { TransformedToken } from 'style-dictionary';
+import type { TransformedToken } from 'style-dictionary/types';
 /**
  * alpha
  * @description takes a colors string like hex or rgba and returns an rgba color with the specified alpha value

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alpha = void 0;
-const color2k_1 = require("color2k");
+import { rgba, parseToRgba } from 'color2k';
 /**
  * alpha
  * @description takes a colors string like hex or rgba and returns an rgba color with the specified alpha value
@@ -9,12 +6,11 @@ const color2k_1 = require("color2k");
  * @param desiredAlpha number
  * @returns rgba value
  */
-const alpha = (color, desiredAlpha, token) => {
-    const [r, g, b, a] = (0, color2k_1.parseToRgba)(color);
+export const alpha = (color, desiredAlpha, token) => {
+    const [r, g, b, a] = parseToRgba(color);
     if (a < 1 && desiredAlpha < 1) {
         // eslint-disable-next-line no-console
         console.warn(`🚨 You are setting an alpha value of "${desiredAlpha}" for a color with an alpha value (${color}). The previous alpha value will be disregarded as if the color would have been 100% opaque.${token !== undefined ? `\n ↳ Token: "${token.name}" in file: "${token.filePath}"` : ''}`);
     }
-    return (0, color2k_1.rgba)(r, g, b, desiredAlpha);
+    return rgba(r, g, b, desiredAlpha);
 };
-exports.alpha = alpha;

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

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkRequiredTokenProperties = void 0;
 /**
  * checks if all required properties exist on token
  * @param object - tokenValue
  * @param array - property names
  * @returns void or throws error
  */
-const checkRequiredTokenProperties = (tokenValue, requiredProperties) => {
+export const checkRequiredTokenProperties = (tokenValue, requiredProperties) => {
     for (const prop of requiredProperties) {
         if (prop in tokenValue === false) {
             throw new Error(`Missing property: ${prop} on token with value ${JSON.stringify(tokenValue)}`);
         }
     }
 };
-exports.checkRequiredTokenProperties = checkRequiredTokenProperties;

package/dist/build/transformers/utilities/getTokenValue.d.ts

@@ -1,2 +1,2 @@
-import type StyleDictionary from 'style-dictionary';
-export declare const getTokenValue: (token: StyleDictionary.TransformedToken, property?: string) => any;
+import type { TransformedToken } from 'style-dictionary/types';
+export declare const getTokenValue: (token: TransformedToken, property?: string) => any;

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

@@ -1,18 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTokenValue = void 0;
-const invalidTokenError_1 = require("./invalidTokenError");
-const getTokenValue = (token, property) => {
-    if (token.value === undefined) {
-        throw new invalidTokenError_1.invalidTokenValueError(token);
+import { invalidTokenValueError, invalidTokenValuePropertyError } from './invalidTokenError.js';
+export const getTokenValue = (token, property) => {
+    var _a;
+    const value = (_a = token.$value) !== null && _a !== void 0 ? _a : token.value;
+    if (value === undefined) {
+        throw new invalidTokenValueError(token);
     }
     // for composite token if subproperty is needed
-    if (typeof property === 'string' && token.value[property] === undefined) {
-        throw new invalidTokenError_1.invalidTokenValuePropertyError(token, property);
+    if (typeof property === 'string' && value[property] === undefined) {
+        throw new invalidTokenValuePropertyError(token, property);
     }
     if (typeof property === 'string') {
-        return token.value[property];
+        return value[property];
     }
-    return token.value;
+    return value;
 };
-exports.getTokenValue = getTokenValue;

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

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasSpaceInString = void 0;
-const hasSpaceInString = (string) => {
+export const hasSpaceInString = (string) => {
     if (typeof string !== 'string') {
         throw new TypeError(`Invalid input. Input must be a string, ${typeof string} provided`);
     }
     return /\s/g.test(string);
 };
-exports.hasSpaceInString = hasSpaceInString;

package/dist/build/transformers/utilities/hexToRgbaFloat.d.ts

@@ -1,2 +1,2 @@
-import type { RgbaFloat } from './isRgbaFloat';
+import type { RgbaFloat } from './isRgbaFloat.js';
 export declare const hexToRgbaFloat: (hex: string, alpha?: number) => RgbaFloat;

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hexToRgbaFloat = void 0;
-const hexToRgbaFloat = (hex, alpha) => {
+export const hexToRgbaFloat = (hex, alpha) => {
     // retrieve spots from hex value (hex 3, hex 4, hex 6 or hex 8)
     let result;
     if (hex.length > 5) {
@@ -30,4 +27,3 @@ const hexToRgbaFloat = (hex, alpha) => {
         a: alpha !== undefined ? alpha : result[4] ? parseInt(result[4], 16) / 255 : 1,
     };
 };
-exports.hexToRgbaFloat = hexToRgbaFloat;

package/dist/build/transformers/utilities/invalidTokenError.d.ts

@@ -1,4 +1,4 @@
-import type { TransformedToken } from 'style-dictionary';
+import type { TransformedToken } from 'style-dictionary/types';
 export declare class invalidTokenValueError extends Error {
     constructor(token: TransformedToken);
 }

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

@@ -1,26 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.invalidTokenValuePropertyError = exports.invalidTokenValueError = void 0;
-const namePathToDotNotation_1 = require("../namePathToDotNotation");
+import { namePathToDotNotation } from '../namePathToDotNotation.js';
 const composeValueErrorMessage = (token) => {
+    var _a, _b;
+    const originalValue = (_a = token.original.$value) !== null && _a !== void 0 ? _a : token.original.value;
+    const value = (_b = token.$value) !== null && _b !== void 0 ? _b : token.value;
     // eslint-disable-next-line i18n-text/no-en
-    return `Invalid token "${namePathToDotNotation_1.namePathToDotNotation.transformer(token, {})}" in file "${token.filePath}". Transformed value: "${JSON.stringify(token.value)}". ${token.original.value ? `Original value: "${JSON.stringify(token.original.value)}" ` : ''}This may be due to referencing a token that does not exists.`;
+    return `Invalid token "${namePathToDotNotation.transform(token, {}, {})}" in file "${token.filePath}". Transformed value: "${JSON.stringify(value)}". ${originalValue ? `Original value: "${JSON.stringify(originalValue)}" ` : ''}This may be due to referencing a token that does not exists.`;
 };
 const composeValuePropertyErrorMessage = (token, property) => {
+    var _a, _b;
+    const originalValue = (_a = token.original.$value) !== null && _a !== void 0 ? _a : token.original.value;
+    const value = (_b = token.$value) !== null && _b !== void 0 ? _b : token.value;
     // eslint-disable-next-line i18n-text/no-en
-    return `Invalid property "${property}" of token "${namePathToDotNotation_1.namePathToDotNotation.transformer(token, {})}" in file "${token.filePath}". Transformed property value: "${token.value[property]}". ${token.original.value ? `Original value: "${token.original.value[property]}" ` : ''}This may be due to referencing a token that does not exists.`;
+    return `Invalid property "${property}" of token "${namePathToDotNotation.transform(token, {}, {})}" in file "${token.filePath}". Transformed property value: "${value[property]}". ${originalValue ? `Original value: "${originalValue[property]}" ` : ''}This may be due to referencing a token that does not exists.`;
 };
-class invalidTokenValueError extends Error {
+export class invalidTokenValueError extends Error {
     constructor(token) {
         super(composeValueErrorMessage(token));
         Error.captureStackTrace(this, invalidTokenValueError);
     }
 }
-exports.invalidTokenValueError = invalidTokenValueError;
-class invalidTokenValuePropertyError extends Error {
+export class invalidTokenValuePropertyError extends Error {
     constructor(token, property) {
         super(composeValuePropertyErrorMessage(token, property));
         Error.captureStackTrace(this, invalidTokenValuePropertyError);
     }
 }
-exports.invalidTokenValuePropertyError = invalidTokenValuePropertyError;

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRgbaFloat = void 0;
 // check if a value is an rgba float object
-const isRgbaFloat = (value) => {
+export const isRgbaFloat = (value) => {
     if (value &&
         typeof value === `object` &&
         'r' in value &&
@@ -21,4 +18,3 @@ const isRgbaFloat = (value) => {
     }
     return false;
 };
-exports.isRgbaFloat = isRgbaFloat;

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

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const color2k_1 = require("color2k");
+import { rgba, parseToRgba } from 'color2k';
 /**
  * Mixes two colors together. Taken from sass's implementation.
  */
@@ -8,8 +6,8 @@ function mix(color1, color2, weight) {
     const normalize = (n, index) => 
     // 3rd index is alpha channel which is already normalized
     index === 3 ? n : n / 255;
-    const [r1, g1, b1, a1] = (0, color2k_1.parseToRgba)(color1).map(normalize);
-    const [r2, g2, b2, a2] = (0, color2k_1.parseToRgba)(color2).map(normalize);
+    const [r1, g1, b1, a1] = parseToRgba(color1).map(normalize);
+    const [r2, g2, b2, a2] = parseToRgba(color2).map(normalize);
     // The formula is copied from the original Sass implementation:
     // http://sass-lang.com/documentation/Sass/Script/Functions.html#mix-instance_method
     const normalizedWeight = 2 * weight - 1;
@@ -23,9 +21,9 @@ function mix(color1, color2, weight) {
     const g = Math.round((g1 * weight1 + g2 * weight2) * 255);
     const b = Math.round((b1 * weight1 + b2 * weight2) * 255);
     const a = a2 * weight + a1 * (1 - weight);
-    return (0, color2k_1.rgba)(r, g, b, a);
+    return rgba(r, g, b, a);
 }
-exports.default = mix;
+export default mix;
 // Number* weight = ARGR("$weight", Number, 0, 100);
 // double p = weight->value()/100;
 // double w = 2*p - 1;

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rgbaFloatToHex = void 0;
-const rgbaFloatToHex = ({ r, g, b, a }, alpha = true) => {
+export const rgbaFloatToHex = ({ r, g, b, a }, alpha = true) => {
     const values = [r, g, b, alpha === true && a && a < 1 ? a : undefined].filter(item => item !== undefined);
     if (r > 1 || r < 0 || g > 1 || g < 0 || b > 1 || b < 0) {
         throw new Error('Invalid RgbaFloat value. R, G and B values must be between 0 and 1.');
@@ -12,4 +9,3 @@ const rgbaFloatToHex = ({ r, g, b, a }, alpha = true) => {
         .padStart(2, '0'))
         .join('')}`;
 };
-exports.rgbaFloatToHex = rgbaFloatToHex;

package/dist/build/types/Border.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description a css border string
+ * @format color | style | width
+ */
+type Border = `${string} ${string} ${string}`

package/dist/build/types/BorderTokenValue.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Type definition for w3c border composite token value
+ * @link https://design-tokens.github.io/community-group/format/#border
+ */
+export type StrokeStyleString = 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'outset' | 'inset'
+export type BorderTokenValue = {
+  color: string
+  width: string
+  style: StrokeStyleString
+}

package/dist/build/types/ColorHex.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description hex string (6 or 8-digit)
+ */
+type ColorHex = string

package/dist/build/types/PlatformInitializer.d.ts

@@ -0,0 +1,11 @@
+import type {LocalOptions, PlatformConfig} from 'style-dictionary/types'
+
+export type PlatformInitializer = (
+  // the filename including the extension (e.g. `.css`) and any subfolders after the buildPath (e.g. `functional`)
+  outputFile: string,
+  // the prefix is prepended to all tokens
+  prefix: string | undefined,
+  // the build path in which the `outputFile` is placed
+  buildPath: string,
+  options?: LocalOptions,
+) => PlatformConfig

package/dist/build/types/Shadow.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description a css shadow
+ * @format inset? | offset-x | offset-y | blur-radius? | spread-radius? | color?
+ */
+type Shadow = string

package/dist/build/types/ShadowTokenValue.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Type definition for w3c shadow composite token value
+ * @link https://design-tokens.github.io/community-group/format/#shadow
+ */
+export type ShadowTokenValue = {
+  color: string
+  offsetX: string
+  offsetY: string
+  blur: string
+  spread: string
+  // custom non w3c values
+  inset?: boolean
+  alpha?: number
+}

package/dist/build/types/SizeEm.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description size in em
+ */
+type SizeEm = `${number}em`

package/dist/build/types/SizePx.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description size in px
+ */
+type SizePx = `${number}px`

package/dist/build/types/SizeRem.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description size in rem
+ */
+type SizeRem = `${number}rem`

package/dist/build/types/StyleDictionaryConfigGenerator.d.ts

@@ -0,0 +1,15 @@
+import type {Config, PlatformConfig} from 'style-dictionary/types'
+
+export type ConfigGeneratorOptions = {
+  buildPath: string
+  prefix?: string
+  themed?: boolean
+}
+
+export type StyleDictionaryConfigGenerator = (
+  outputName: string,
+  source: string[],
+  include: string[],
+  options: ConfigGeneratorOptions,
+  platforms?: Record<string, PlatformConfig | undefined>,
+) => Config