@primer/primitives 9.1.2 → 10.0.0-rc.2963a70e

package/dist/build/transformers/index.js

@@ -1,51 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typographyToCss = exports.shadowToCss = exports.namePathToSlashNotation = exports.namePathToKebabCase = exports.namePathToFigma = exports.namePathToDotNotation = exports.namePathToPascalCase = exports.namePathToCamelCase = exports.jsonDeprecated = exports.fontWeightToNumber = exports.fontFamilyToFigma = exports.fontFamilyToCss = exports.figmaAttributes = exports.durationToCss = exports.dimensionToPixelUnitless = exports.dimensionToRemPxArray = exports.dimensionToRem = exports.floatToPixelUnitless = exports.floatToPixel = exports.colorToRgbaFloat = exports.colorToRgbAlpha = exports.colorToHexMix = exports.colorToHex = exports.borderToCss = void 0;
-var borderToCss_1 = require("./borderToCss");
-Object.defineProperty(exports, "borderToCss", { enumerable: true, get: function () { return borderToCss_1.borderToCss; } });
-var colorToHex_1 = require("./colorToHex");
-Object.defineProperty(exports, "colorToHex", { enumerable: true, get: function () { return colorToHex_1.colorToHex; } });
-var colorToHexMix_1 = require("./colorToHexMix");
-Object.defineProperty(exports, "colorToHexMix", { enumerable: true, get: function () { return colorToHexMix_1.colorToHexMix; } });
-var colorToRgbAlpha_1 = require("./colorToRgbAlpha");
-Object.defineProperty(exports, "colorToRgbAlpha", { enumerable: true, get: function () { return colorToRgbAlpha_1.colorToRgbAlpha; } });
-var colorToRgbaFloat_1 = require("./colorToRgbaFloat");
-Object.defineProperty(exports, "colorToRgbaFloat", { enumerable: true, get: function () { return colorToRgbaFloat_1.colorToRgbaFloat; } });
-var floatToPixel_1 = require("./floatToPixel");
-Object.defineProperty(exports, "floatToPixel", { enumerable: true, get: function () { return floatToPixel_1.floatToPixel; } });
-var floatToPixel_2 = require("./floatToPixel");
-Object.defineProperty(exports, "floatToPixelUnitless", { enumerable: true, get: function () { return floatToPixel_2.floatToPixelUnitless; } });
-var dimensionToRem_1 = require("./dimensionToRem");
-Object.defineProperty(exports, "dimensionToRem", { enumerable: true, get: function () { return dimensionToRem_1.dimensionToRem; } });
-var dimensionToRemPxArray_1 = require("./dimensionToRemPxArray");
-Object.defineProperty(exports, "dimensionToRemPxArray", { enumerable: true, get: function () { return dimensionToRemPxArray_1.dimensionToRemPxArray; } });
-var dimensionToPixelUnitless_1 = require("./dimensionToPixelUnitless");
-Object.defineProperty(exports, "dimensionToPixelUnitless", { enumerable: true, get: function () { return dimensionToPixelUnitless_1.dimensionToPixelUnitless; } });
-var durationToCss_1 = require("./durationToCss");
-Object.defineProperty(exports, "durationToCss", { enumerable: true, get: function () { return durationToCss_1.durationToCss; } });
-var figmaAttributes_1 = require("./figmaAttributes");
-Object.defineProperty(exports, "figmaAttributes", { enumerable: true, get: function () { return figmaAttributes_1.figmaAttributes; } });
-var fontFamilyToCss_1 = require("./fontFamilyToCss");
-Object.defineProperty(exports, "fontFamilyToCss", { enumerable: true, get: function () { return fontFamilyToCss_1.fontFamilyToCss; } });
-var fontFamilyToFigma_1 = require("./fontFamilyToFigma");
-Object.defineProperty(exports, "fontFamilyToFigma", { enumerable: true, get: function () { return fontFamilyToFigma_1.fontFamilyToFigma; } });
-var fontWeightToNumber_1 = require("./fontWeightToNumber");
-Object.defineProperty(exports, "fontWeightToNumber", { enumerable: true, get: function () { return fontWeightToNumber_1.fontWeightToNumber; } });
-var jsonDeprecated_1 = require("./jsonDeprecated");
-Object.defineProperty(exports, "jsonDeprecated", { enumerable: true, get: function () { return jsonDeprecated_1.jsonDeprecated; } });
-var namePathToCamelCase_1 = require("./namePathToCamelCase");
-Object.defineProperty(exports, "namePathToCamelCase", { enumerable: true, get: function () { return namePathToCamelCase_1.namePathToCamelCase; } });
-var namePathToPascalCase_1 = require("./namePathToPascalCase");
-Object.defineProperty(exports, "namePathToPascalCase", { enumerable: true, get: function () { return namePathToPascalCase_1.namePathToPascalCase; } });
-var namePathToDotNotation_1 = require("./namePathToDotNotation");
-Object.defineProperty(exports, "namePathToDotNotation", { enumerable: true, get: function () { return namePathToDotNotation_1.namePathToDotNotation; } });
-var namePathToFigma_1 = require("./namePathToFigma");
-Object.defineProperty(exports, "namePathToFigma", { enumerable: true, get: function () { return namePathToFigma_1.namePathToFigma; } });
-var namePathToKebabCase_1 = require("./namePathToKebabCase");
-Object.defineProperty(exports, "namePathToKebabCase", { enumerable: true, get: function () { return namePathToKebabCase_1.namePathToKebabCase; } });
-var namePathToSlashNotation_1 = require("./namePathToSlashNotation");
-Object.defineProperty(exports, "namePathToSlashNotation", { enumerable: true, get: function () { return namePathToSlashNotation_1.namePathToSlashNotation; } });
-var shadowToCss_1 = require("./shadowToCss");
-Object.defineProperty(exports, "shadowToCss", { enumerable: true, get: function () { return shadowToCss_1.shadowToCss; } });
-var typographyToCss_1 = require("./typographyToCss");
-Object.defineProperty(exports, "typographyToCss", { enumerable: true, get: function () { return typographyToCss_1.typographyToCss; } });
+export { borderToCss } from './borderToCss.js';
+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';
+export { dimensionToRemPxArray } from './dimensionToRemPxArray.js';
+export { dimensionToPixelUnitless } from './dimensionToPixelUnitless.js';
+export { durationToCss } from './durationToCss.js';
+export { figmaAttributes } from './figmaAttributes.js';
+export { fontFamilyToCss } from './fontFamilyToCss.js';
+export { fontFamilyToFigma } from './fontFamilyToFigma.js';
+export { fontWeightToNumber } from './fontWeightToNumber.js';
+export { jsonDeprecated } from './jsonDeprecated.js';
+export { namePathToCamelCase } from './namePathToCamelCase.js';
+export { namePathToPascalCase } from './namePathToPascalCase.js';
+export { namePathToDotNotation } from './namePathToDotNotation.js';
+export { namePathToFigma } from './namePathToFigma.js';
+export { namePathToKebabCase } from './namePathToKebabCase.js';
+export { namePathToSlashNotation } from './namePathToSlashNotation.js';
+export { shadowToCss } from './shadowToCss.js';
+export { typographyToCss } from './typographyToCss.js';

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

@@ -1,8 +1,8 @@
-import type StyleDictionary from 'style-dictionary';
+import type { Transform } from 'style-dictionary/types';
 /**
  * @description replaces tokens value with content of tokens `deprecated` property
  * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher matches all tokens with a `deprecated` property
  * @transformer returns `string` specified in `token.deprecated` or `null`
  */
-export declare const jsonDeprecated: StyleDictionary.Transform;
+export declare const jsonDeprecated: Transform;

package/dist/build/transformers/jsonDeprecated.js

@@ -1,16 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.jsonDeprecated = void 0;
-const filters_1 = require("../filters");
+import { isDeprecated } from '../filters/index.js';
 /**
  * @description replaces tokens value with content of tokens `deprecated` property
  * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
  * @matcher matches all tokens with a `deprecated` property
  * @transformer returns `string` specified in `token.deprecated` or `null`
  */
-exports.jsonDeprecated = {
-    type: `value`,
+export const jsonDeprecated = {
+    name: 'json/deprecated',
+    type: 'value',
     transitive: true,
-    matcher: filters_1.isDeprecated,
-    transformer: (token) => typeof token.deprecated === 'string' ? token.deprecated.replace(/[{}]/g, '') : null,
+    filter: isDeprecated,
+    transform: (token) => typeof token.deprecated === 'string' ? token.deprecated.replace(/[{}]/g, '') : null,
 };

package/dist/build/transformers/namePathToCamelCase.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 camelCase 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` camelCase
  */
-export declare const namePathToCamelCase: StyleDictionary.Transform;
+export declare const namePathToCamelCase: Transform;

package/dist/build/transformers/namePathToCamelCase.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.namePathToCamelCase = void 0;
-const utilities_1 = require("../utilities");
+import { toCamelCase } 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 camelCase 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` camelCase
  */
-exports.namePathToCamelCase = {
-    type: `name`,
-    transformer: (token, options) => (0, utilities_1.toCamelCase)([(options === null || options === void 0 ? void 0 : options.prefix) || '', ...token.path]),
+export const namePathToCamelCase = {
+    name: 'name/pathToCamelCase',
+    type: 'name',
+    transform: (token, options) => toCamelCase([(options === null || options === void 0 ? void 0 : options.prefix) || '', ...token.path]),
 };

package/dist/build/transformers/namePathToDotNotation.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 dot.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` in dot.notation
  */
-export declare const namePathToDotNotation: StyleDictionary.Transform;
+export declare const namePathToDotNotation: Transform;

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);
 }