@terrazzo/token-tools 0.4.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @terrazzo/token-tools
 
+## 0.6.0
+
+### Minor Changes
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - feat: ⚠️ Breaking change: aliasing to specific modes (`#` character) is deprecated. It was an experimental feature in Cobalt 1.0 with unpredictable behavior. In some upcoming spec changes it will be incompatible with advanced usecases.
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - fix: Improvements to mode aliasing and mode overrides. `typography` tokens only have to partially-declare overrides for modes, while keeping their core set. While this has been supported, behavior was buggy and sometimes was inconsistent.
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - ⚠️ Breaking change: cubicBezier tokens no longer support aliases as values, in line with the spec.
+
+### Patch Changes
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - fix: Improved handling of modes partially overriding object tokens (e.g. typography modes modifying a single value). In plugin-css, for instance, you may notice more output, but it’s done for safer style generation.
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - feat: Further improved reverse alias lookups to be more accurate and more complete
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - fix: Better error messages on alias mismatches
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - fix: [plugin-css] Font Family names without spaces no longer get quotes.
+
+  fix: Font Family tokens are always normalized to an array internally for easier parsing.
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - feat: @terrazzo/plugin-css now returns entire token for `variableName`. This is a minor breaking change from `variableName(name: string)` → `variableName(token: Token)`, but current users can just use `token.id` to get the same value as before.
+
+  ⚠️ Minor internal breaking change as a result: `transformCSSValue()` in @terrazzo/token-tools now requires entire token️ to make this possible.
+
+- [#425](https://github.com/terrazzoapp/terrazzo/pull/425) [`9a98ab0`](https://github.com/terrazzoapp/terrazzo/commit/9a98ab0441b518fa4bb0e5a40f6f5cde58764af4) Thanks [@drwpow](https://github.com/drwpow)! - fix: ⚠️ [plugin-css] Minor breaking change: transition tokens no longer generate variables for sub-parts. This is a change done in service to better protect “allowed” token usage. If you want consumers to be able to “break apart” tokens, then they must also exist as individual tokens that get aliased.
+
+## 0.5.0
+
+### Minor Changes
+
+- [#420](https://github.com/terrazzoapp/terrazzo/pull/420) [`ff3d9d1`](https://github.com/terrazzoapp/terrazzo/commit/ff3d9d199dc53102110f8403c6832f8bdeeee45a) Thanks [@drwpow](https://github.com/drwpow)! - fix: ⚠️ Breaking change: CSS aliases will revert to original 1.0 behavior and be “shallow,” meaning they’ll be preserved as-written. Terrazzo 2.0 (beta) attempted to simplify aliases to only be single-depth, but that results in unintentional behavior.
+
+### Patch Changes
+
+- [#420](https://github.com/terrazzoapp/terrazzo/pull/420) [`ff3d9d1`](https://github.com/terrazzoapp/terrazzo/commit/ff3d9d199dc53102110f8403c6832f8bdeeee45a) Thanks [@drwpow](https://github.com/drwpow)! - fix: Improve reverse alias lookups (needed for plugin-css, where redeclared base tokens need downstream aliases to be redeclared too, so the values aren’t stale)
+
+- [#419](https://github.com/terrazzoapp/terrazzo/pull/419) [`3962918`](https://github.com/terrazzoapp/terrazzo/commit/3962918b25af69fad7833d0399aee5bae0033d4f) Thanks [@drwpow](https://github.com/drwpow)! - Improve CLI logging and debugging for performance testing
+
+- [#420](https://github.com/terrazzoapp/terrazzo/pull/420) [`ff3d9d1`](https://github.com/terrazzoapp/terrazzo/commit/ff3d9d199dc53102110f8403c6832f8bdeeee45a) Thanks [@drwpow](https://github.com/drwpow)! - fix: Minor performance improvements and cleanup
+
+- [#420](https://github.com/terrazzoapp/terrazzo/pull/420) [`ff3d9d1`](https://github.com/terrazzoapp/terrazzo/commit/ff3d9d199dc53102110f8403c6832f8bdeeee45a) Thanks [@drwpow](https://github.com/drwpow)! - fix: CSS utilities alphabetize declarations to produce more consistent output. Reordering tokens should be a plugin-level concern; parser will preserve token authoring order.
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/color.d.ts

@@ -23,3 +23,4 @@ export declare const CSS_TO_CULORI: {
 export declare function parseColor(color: string): ColorValueNormalized;
 /** Convert a color token to a Culori color */
 export declare function tokenToCulori(value: ColorValueNormalized): Color | undefined;
+//# sourceMappingURL=color.d.ts.map

package/dist/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../src/color.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,KAAK,EAAoB,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAInE,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,OAAO,CACL,KAAK,CAAC,MAAM,CAAC,EACX,KAAK,GACL,KAAK,GACL,KAAK,GACL,OAAO,GACP,OAAO,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,IAAI,GACJ,UAAU,GACV,SAAS,GACT,KAAK,GACL,OAAO,GACP,OAAO,CACV,EACD,UAAU,CAiBX,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBzB,CAAC;AAEF,sBAAsB;AACtB,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CA2D9D;AAED,8CAA8C;AAC9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,oBAAoB,GAAG,KAAK,GAAG,SAAS,CAgD5E"}

package/dist/css/boolean.d.ts

@@ -1,6 +1,5 @@
-import { type IDGenerator } from './lib.js';
+import type { BooleanTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 /** Convert boolean value to CSS string */
-export declare function transformBooleanValue(value: boolean, { aliasOf, transformAlias }?: {
-    aliasOf?: string;
-    transformAlias?: IDGenerator;
-}): string;
+export declare function transformBoolean(token: BooleanTokenNormalized, { tokensSet, transformAlias }: TransformCSSValueOptions): string;
+//# sourceMappingURL=boolean.d.ts.map

package/dist/css/boolean.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean.d.ts","sourceRoot":"","sources":["../../src/css/boolean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,0CAA0C;AAC1C,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,sBAAsB,EAC7B,EAAE,SAAS,EAAE,cAAsC,EAAE,EAAE,wBAAwB,GAC9E,MAAM,CAKR"}

package/dist/css/boolean.js

@@ -1,12 +1,9 @@
 import { defaultAliasTransform } from './lib.js';
 /** Convert boolean value to CSS string */
-export function transformBooleanValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformBoolean(token, { tokensSet, transformAlias = defaultAliasTransform }) {
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    if (typeof value !== 'boolean') {
-        throw new Error(`Expected boolean, received ${typeof value} "${value}"`);
-    }
-    return value ? '1' : '0';
+    return token.$value === true ? '1' : '0';
 }
 //# sourceMappingURL=boolean.js.map

package/dist/css/boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"boolean.js","sourceRoot":"","sources":["../../src/css/boolean.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,0CAA0C;AAC1C,MAAM,UAAU,qBAAqB,CACnC,KAAc,EACd,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,8BAA8B,OAAO,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3B,CAAC"}
+{"version":3,"file":"boolean.js","sourceRoot":"","sources":["../../src/css/boolean.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,0CAA0C;AAC1C,MAAM,UAAU,gBAAgB,CAC9B,KAA6B,EAC7B,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAA4B;IAE/E,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3C,CAAC"}

package/dist/css/border.d.ts

@@ -1,16 +1,10 @@
-import type { BorderValue } from '../types.js';
-import { type IDGenerator } from './lib.js';
+import type { BorderTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 /** Convert border value to multiple CSS values */
-export declare function transformBorderValue(value: BorderValue, { aliasOf, partialAliasOf, transformAlias, color: colorOptions, }: {
-    aliasOf?: string;
-    partialAliasOf?: Partial<Record<keyof typeof value, string>>;
-    transformAlias: IDGenerator;
-    color?: {
-        legacyHex?: boolean;
-    };
-}): string | {
+export declare function transformBorder(token: BorderTokenNormalized, options: TransformCSSValueOptions): string | {
     '.': string;
     srgb: string;
     p3: string;
     rec2020: string;
 };
+//# sourceMappingURL=border.d.ts.map

package/dist/css/border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/css/border.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EAItB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,kDAAkD;AAClD,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,wBAAwB;;;;;EA2B9F"}

package/dist/css/border.js

@@ -1,22 +1,23 @@
 import { displayable } from 'culori';
-import { transformColorValue } from './color.js';
-import { transformDimensionValue } from './dimension.js';
+import { transformColor } from './color.js';
+import { transformDimension } from './dimension.js';
 import { defaultAliasTransform } from './lib.js';
-import { transformStrokeStyleValue } from './stroke-style.js';
+import { transformStrokeStyle } from './stroke-style.js';
 /** Convert border value to multiple CSS values */
-export function transformBorderValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, color: colorOptions, }) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformBorder(token, options) {
+    const { tokensSet, transformAlias = defaultAliasTransform } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    const width = partialAliasOf?.width
-        ? transformAlias(partialAliasOf.width)
-        : transformDimensionValue(value.width, { transformAlias });
-    const color = partialAliasOf?.color
-        ? transformAlias(partialAliasOf.color)
-        : transformColorValue(value.color, { transformAlias, color: colorOptions });
-    const style = partialAliasOf?.style
-        ? transformAlias(partialAliasOf.style)
-        : transformStrokeStyleValue(value.style, { transformAlias });
+    const width = token.partialAliasOf?.width
+        ? transformAlias(tokensSet[token.partialAliasOf.width])
+        : transformDimension({ $value: token.$value.width }, options);
+    const color = token.partialAliasOf?.color
+        ? transformAlias(tokensSet[token.partialAliasOf.color])
+        : transformColor({ $value: token.$value.color }, options);
+    const style = token.partialAliasOf?.style
+        ? transformAlias(tokensSet[token.partialAliasOf.style])
+        : transformStrokeStyle({ $value: token.$value.style }, options);
     const formatBorder = (colorKey) => [width, style, typeof color === 'string' ? color : color[colorKey]].join(' ');
     return typeof color === 'string' || displayable(color.p3)
         ? formatBorder('.')

package/dist/css/border.js.map

@@ -1 +1 @@
-{"version":3,"file":"border.js","sourceRoot":"","sources":["../../src/css/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,kDAAkD;AAClD,MAAM,UAAU,oBAAoB,CAClC,KAAkB,EAClB,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,EACtC,KAAK,EAAE,YAAY,GAMpB;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,KAAK,GAAG,cAAc,EAAE,KAAK;QACjC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,cAAc,EAAE,KAAK;QACjC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;IAC9E,MAAM,KAAK,GAAG,cAAc,EAAE,KAAK;QACjC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,yBAAyB,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE,CACxC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAA8B,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtG,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvD,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC;QACnB,CAAC,CAAC;YACE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC;YACtB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC;YAC1B,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC;YACtB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC;SACjC,CAAC;AACR,CAAC"}
+{"version":3,"file":"border.js","sourceRoot":"","sources":["../../src/css/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,kDAAkD;AAClD,MAAM,UAAU,eAAe,CAAC,KAA4B,EAAE,OAAiC;IAC7F,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,EAAE,KAAK;QACvC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAE,CAAC;QACxD,CAAC,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAA8B,EAAE,OAAO,CAAC,CAAC;IAC5F,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,EAAE,KAAK;QACvC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAE,CAAC;QACxD,CAAC,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAA0B,EAAE,OAAO,CAAC,CAAC;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,EAAE,KAAK;QACvC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAE,CAAC;QACxD,CAAC,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAgC,EAAE,OAAO,CAAC,CAAC;IAEhG,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE,CACxC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAA8B,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtG,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvD,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC;QACnB,CAAC,CAAC;YACE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC;YACtB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC;YAC1B,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC;YACtB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC;SACjC,CAAC;AACR,CAAC"}

package/dist/css/color.d.ts

@@ -1,5 +1,5 @@
-import type { ColorValue } from '../types.js';
-import { type IDGenerator } from './lib.js';
+import type { ColorTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 export type WideGamutColorValue = {
     '.': string;
     srgb: string;
@@ -7,10 +7,5 @@ export type WideGamutColorValue = {
     rec2020: string;
 };
 /** Convert color value to CSS string */
-export declare function transformColorValue(value: string | ColorValue, { aliasOf, transformAlias, color: colorOptions, }?: {
-    aliasOf?: string;
-    transformAlias?: IDGenerator;
-    color?: {
-        legacyHex?: boolean;
-    };
-}): string | WideGamutColorValue;
+export declare function transformColor(token: ColorTokenNormalized, options: TransformCSSValueOptions): string | WideGamutColorValue;
+//# sourceMappingURL=color.d.ts.map

package/dist/css/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/css/color.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,MAAM,MAAM,mBAAmB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7F,wCAAwC;AACxC,wBAAgB,cAAc,CAC5B,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,wBAAwB,GAChC,MAAM,GAAG,mBAAmB,CAgC9B"}

package/dist/css/color.js

@@ -2,24 +2,26 @@ import { displayable, formatCss, formatHex, formatHex8, toGamut } from 'culori/f
 import { parseColor, tokenToCulori } from '../color.js';
 import { defaultAliasTransform } from './lib.js';
 /** Convert color value to CSS string */
-export function transformColorValue(value, { aliasOf, transformAlias = defaultAliasTransform, color: colorOptions, } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformColor(token, options) {
+    const { transformAlias = defaultAliasTransform, tokensSet } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    const { colorSpace, channels, alpha = 1 } = typeof value === 'string' ? parseColor(value) : value;
+    const { colorSpace, channels, alpha = 1, } = typeof token.$value === 'string' ? parseColor(token.$value) : token.$value;
     const color = tokenToCulori({ colorSpace, channels, alpha });
     if (!color) {
-        throw new Error(`Can’t convert color ${JSON.stringify(value)} to Culori color`);
+        throw new Error(`Can’t convert color ${JSON.stringify(token.$value)} to Culori color`);
     }
     let formatColor = formatCss;
-    if (colorOptions?.legacyHex) {
+    if (options.color?.legacyHex) {
         formatColor = color.alpha !== 1 ? formatHex8 : formatHex;
     }
     return displayable(color)
         ? formatColor(color)
         : {
             '.': formatColor(color),
-            srgb: (typeof value === 'object' && value.hex) || formatColor(toGamut('rgb', 'oklch')(color)),
+            srgb: (typeof token.$value === 'object' && token.$value.hex) ||
+                formatColor(toGamut('rgb', 'oklch')(color)),
             p3: formatColor(toGamut('p3', 'oklch')(color)),
             rec2020: formatColor(toGamut('rec2020', 'oklch')(color)),
         };

package/dist/css/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/css/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAInE,wCAAwC;AACxC,MAAM,UAAU,mBAAmB,CACjC,KAA0B,EAC1B,EACE,OAAO,EACP,cAAc,GAAG,qBAAqB,EACtC,KAAK,EAAE,YAAY,MACoE,EAAE;IAE3F,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAClG,MAAM,KAAK,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAE7D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uBAAuB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,WAAW,GAA6B,SAAS,CAAC;IACtD,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;QAC5B,WAAW,GAAG,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,CAAC;IAED,OAAO,WAAW,CAAC,KAAK,CAAC;QACvB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;QACpB,CAAC,CAAC;YACE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC;YACvB,IAAI,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAU,CAAC;YACtG,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,KAAK,CAAU,CAAC;YACvD,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,KAAK,CAAU,CAAC;SAClE,CAAC;AACR,CAAC"}
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/css/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAIjD,wCAAwC;AACxC,MAAM,UAAU,cAAc,CAC5B,KAA2B,EAC3B,OAAiC;IAEjC,MAAM,EAAE,cAAc,GAAG,qBAAqB,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,GAAG,CAAC,GACV,GAAG,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/E,MAAM,KAAK,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAE7D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uBAAuB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzF,CAAC;IAED,IAAI,WAAW,GAA6B,SAAS,CAAC;IACtD,IAAI,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC;QAC7B,WAAW,GAAG,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,CAAC;IAED,OAAO,WAAW,CAAC,KAAK,CAAC;QACvB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;QACpB,CAAC,CAAC;YACE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC;YACvB,IAAI,EACF,CAAC,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;gBACtD,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAU,CAAC;YACtD,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,KAAK,CAAU,CAAC;YACvD,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,KAAK,CAAU,CAAC;SAClE,CAAC;AACR,CAAC"}

package/dist/css/css-types.d.ts

@@ -0,0 +1,13 @@
+import type { TokenNormalizedSet } from '../types.js';
+import type { IDGenerator } from './lib.js';
+export interface TransformCSSValueOptions {
+    /** Complete set of tokens (needed to resolve full and partial aliases) */
+    tokensSet: TokenNormalizedSet;
+    transformAlias?: IDGenerator;
+    /** Options for color tokens */
+    color?: {
+        /** Output legacy hex-6 and hex-8 */
+        legacyHex?: boolean;
+    };
+}
+//# sourceMappingURL=css-types.d.ts.map

package/dist/css/css-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-types.d.ts","sourceRoot":"","sources":["../../src/css/css-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,wBAAwB;IACvC,0EAA0E;IAC1E,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE;QACN,oCAAoC;QACpC,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH"}

package/dist/css/css-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=css-types.js.map

package/dist/css/css-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-types.js","sourceRoot":"","sources":["../../src/css/css-types.ts"],"names":[],"mappings":""}

package/dist/css/cubic-bezier.d.ts

@@ -1,8 +1,5 @@
-import type { CubicBezierValue } from '../types.js';
-import { type IDGenerator } from './lib.js';
+import type { CubicBezierTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 /** Convert cubicBezier value to CSS */
-export declare function transformCubicBezierValue(value: CubicBezierValue, { aliasOf, partialAliasOf, transformAlias, }?: {
-    aliasOf?: string;
-    partialAliasOf?: [string | undefined, string | undefined, string | undefined, string | undefined];
-    transformAlias?: IDGenerator;
-}): string;
+export declare function transformCubicBezier(token: CubicBezierTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=cubic-bezier.d.ts.map

package/dist/css/cubic-bezier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cubic-bezier.d.ts","sourceRoot":"","sources":["../../src/css/cubic-bezier.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,uCAAuC;AACvC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,0BAA0B,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAQjH"}

package/dist/css/cubic-bezier.js

@@ -1,11 +1,12 @@
 import { defaultAliasTransform } from './lib.js';
 /** Convert cubicBezier value to CSS */
-export function transformCubicBezierValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformCubicBezier(token, options) {
+    const { tokensSet, transformAlias = defaultAliasTransform } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    return `cubic-bezier(${value
-        .map((v, i) => (partialAliasOf?.[i] ? transformAlias(partialAliasOf[i]) : v))
+    return `cubic-bezier(${token.$value
+        .map((v, i) => (token.partialAliasOf?.[i] ? transformAlias(tokensSet[token.partialAliasOf[i]]) : v))
         .join(', ')})`;
 }
 //# sourceMappingURL=cubic-bezier.js.map

package/dist/css/cubic-bezier.js.map

@@ -1 +1 @@
-{"version":3,"file":"cubic-bezier.js","sourceRoot":"","sources":["../../src/css/cubic-bezier.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,uCAAuC;AACvC,MAAM,UAAU,yBAAyB,CACvC,KAAuB,EACvB,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,MAKpC,EAAE;IAEN,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,gBAAgB,KAAK;SACzB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACnB,CAAC"}
+{"version":3,"file":"cubic-bezier.js","sourceRoot":"","sources":["../../src/css/cubic-bezier.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,uCAAuC;AACvC,MAAM,UAAU,oBAAoB,CAAC,KAAiC,EAAE,OAAiC;IACvG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,gBAAgB,KAAK,CAAC,MAAM;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACpG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACnB,CAAC"}

package/dist/css/dimension.d.ts

@@ -1,7 +1,5 @@
-import type { AliasValue, DimensionValue } from '../types.js';
-import { type IDGenerator } from './lib.js';
+import type { DimensionTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 /** Convert dimension value to CSS */
-export declare function transformDimensionValue(value: DimensionValue | AliasValue, { aliasOf, transformAlias }?: {
-    aliasOf?: string;
-    transformAlias?: IDGenerator;
-}): string;
+export declare function transformDimension(token: DimensionTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=dimension.d.ts.map

package/dist/css/dimension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.d.ts","sourceRoot":"","sources":["../../src/css/dimension.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,qCAAqC;AACrC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAO7G"}

package/dist/css/dimension.js

@@ -1,12 +1,10 @@
 import { defaultAliasTransform } from './lib.js';
 /** Convert dimension value to CSS */
-export function transformDimensionValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformDimension(token, options) {
+    const { tokensSet, transformAlias = defaultAliasTransform } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    else if (typeof value === 'string') {
-        throw new Error(`Could not resolve alias ${value}`);
-    }
-    return value.value === 0 ? '0' : `${value.value}${value.unit}`;
+    return token.$value.value === 0 ? '0' : `${token.$value.value}${token.$value.unit}`;
 }
 //# sourceMappingURL=dimension.js.map

package/dist/css/dimension.js.map

@@ -1 +1 @@
-{"version":3,"file":"dimension.js","sourceRoot":"","sources":["../../src/css/dimension.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,qCAAqC;AACrC,MAAM,UAAU,uBAAuB,CACrC,KAAkC,EAClC,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CAAC,2BAA2B,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;AACjE,CAAC"}
+{"version":3,"file":"dimension.js","sourceRoot":"","sources":["../../src/css/dimension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,qCAAqC;AACrC,MAAM,UAAU,kBAAkB,CAAC,KAA+B,EAAE,OAAiC;IACnG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AACtF,CAAC"}

package/dist/css/duration.d.ts

@@ -1,7 +1,5 @@
-import type { AliasValue, DurationValue } from '../types.js';
-import { type IDGenerator } from './lib.js';
+import type { DurationTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 /** Convert duration value to CSS */
-export declare function transformDurationValue(value: DurationValue | AliasValue, { aliasOf, transformAlias }?: {
-    aliasOf?: string;
-    transformAlias?: IDGenerator;
-}): string;
+export declare function transformDuration(token: DurationTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=duration.d.ts.map

package/dist/css/duration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.d.ts","sourceRoot":"","sources":["../../src/css/duration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,oCAAoC;AACpC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAO3G"}

package/dist/css/duration.js

@@ -1,13 +1,10 @@
 import { defaultAliasTransform } from './lib.js';
 /** Convert duration value to CSS */
-export function transformDurationValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformDuration(token, options) {
+    const { tokensSet, transformAlias = defaultAliasTransform } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    else if (typeof value === 'string') {
-        throw new Error(`Could not resolve alias ${value}`);
-    }
-    // Note: always return unit, even if `0`
-    return `${value.value}${value.unit}`;
+    return `${token.$value.value}${token.$value.unit}`;
 }
 //# sourceMappingURL=duration.js.map

package/dist/css/duration.js.map

@@ -1 +1 @@
-{"version":3,"file":"duration.js","sourceRoot":"","sources":["../../src/css/duration.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,oCAAoC;AACpC,MAAM,UAAU,sBAAsB,CACpC,KAAiC,EACjC,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CAAC,2BAA2B,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IACD,wCAAwC;IACxC,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;AACvC,CAAC"}
+{"version":3,"file":"duration.js","sourceRoot":"","sources":["../../src/css/duration.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,oCAAoC;AACpC,MAAM,UAAU,iBAAiB,CAAC,KAA8B,EAAE,OAAiC;IACjG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AACrD,CAAC"}

package/dist/css/font-family.d.ts

@@ -1,7 +1,4 @@
-import { type IDGenerator } from './lib.js';
-export declare const FONT_FAMILY_KEYWORDS: Set<string>;
-export declare function transformFontFamilyValue(value: string | string[], { aliasOf, partialAliasOf, transformAlias, }?: {
-    aliasOf?: string;
-    partialAliasOf?: string[];
-    transformAlias?: IDGenerator;
-}): string;
+import type { FontFamilyTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
+export declare function transformFontFamily(token: FontFamilyTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=font-family.d.ts.map

package/dist/css/font-family.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-family.d.ts","sourceRoot":"","sources":["../../src/css/font-family.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAM/G"}

package/dist/css/font-family.js

@@ -1,22 +1,10 @@
 import { defaultAliasTransform } from './lib.js';
-export const FONT_FAMILY_KEYWORDS = new Set([
-    'sans-serif',
-    'serif',
-    'monospace',
-    'system-ui',
-    'ui-monospace',
-    '-apple-system',
-]);
-export function transformFontFamilyValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+const FONT_NAME_KEYWORD = /^[a-z-]+$/;
+export function transformFontFamily(token, options) {
+    const { tokensSet, transformAlias = defaultAliasTransform } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    return (typeof value === 'string' ? [value] : value)
-        .map((fontName, i) => partialAliasOf?.[i]
-        ? transformAlias(partialAliasOf[i])
-        : FONT_FAMILY_KEYWORDS.has(fontName)
-            ? fontName
-            : `"${fontName}"`)
-        .join(', ');
+    return token.$value.map((fontName) => (FONT_NAME_KEYWORD.test(fontName) ? fontName : `"${fontName}"`)).join(', ');
 }
 //# sourceMappingURL=font-family.js.map

package/dist/css/font-family.js.map

@@ -1 +1 @@
-{"version":3,"file":"font-family.js","sourceRoot":"","sources":["../../src/css/font-family.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IAC1C,YAAY;IACZ,OAAO;IACP,WAAW;IACX,WAAW;IACX,cAAc;IACd,eAAe;CAChB,CAAC,CAAC;AAEH,MAAM,UAAU,wBAAwB,CACtC,KAAwB,EACxB,EACE,OAAO,EACP,cAAc,EACd,cAAc,GAAG,qBAAqB,MAC2C,EAAE;IAErF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SACjD,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,CACnB,cAAc,EAAE,CAAC,CAAC,CAAC;QACjB,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAE,CAAC;QACpC,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,QAAQ,CAAC;YAClC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,QAAQ,GAAG,CACtB;SACA,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC"}
+{"version":3,"file":"font-family.js","sourceRoot":"","sources":["../../src/css/font-family.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAEtC,MAAM,UAAU,mBAAmB,CAAC,KAAgC,EAAE,OAAiC;IACrG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpH,CAAC"}

package/dist/css/font-weight.d.ts

@@ -1,6 +1,5 @@
-import { type IDGenerator } from './lib.js';
+import type { FontWeightTokenNormalized } from '../types.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 /** Convert fontWeight value to CSS */
-export declare function transformFontWeightValue(value: number | string, { aliasOf, transformAlias }?: {
-    aliasOf?: string;
-    transformAlias?: IDGenerator;
-}): string;
+export declare function transformFontWeight(token: FontWeightTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=font-weight.d.ts.map

package/dist/css/font-weight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-weight.d.ts","sourceRoot":"","sources":["../../src/css/font-weight.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,sCAAsC;AACtC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,wBAAwB,GAAG,MAAM,CAM/G"}

package/dist/css/font-weight.js

@@ -1,9 +1,10 @@
 import { defaultAliasTransform } from './lib.js';
 /** Convert fontWeight value to CSS */
-export function transformFontWeightValue(value, { aliasOf, transformAlias = defaultAliasTransform } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformFontWeight(token, options) {
+    const { tokensSet, transformAlias = defaultAliasTransform } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
     }
-    return String(value);
+    return String(token.$value);
 }
 //# sourceMappingURL=font-weight.js.map

package/dist/css/font-weight.js.map

@@ -1 +1 @@
-{"version":3,"file":"font-weight.js","sourceRoot":"","sources":["../../src/css/font-weight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEnE,sCAAsC;AACtC,MAAM,UAAU,wBAAwB,CACtC,KAAsB,EACtB,EAAE,OAAO,EAAE,cAAc,GAAG,qBAAqB,KAAyD,EAAE;IAE5G,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC"}
+{"version":3,"file":"font-weight.js","sourceRoot":"","sources":["../../src/css/font-weight.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,sCAAsC;AACtC,MAAM,UAAU,mBAAmB,CAAC,KAAgC,EAAE,OAAiC;IACrG,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAO,CAAC;IACtE,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1B,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC"}

package/dist/css/gradient.d.ts

@@ -1,12 +1,6 @@
-import type { GradientStopNormalized, GradientValueNormalized } from '../types.js';
+import type { GradientTokenNormalized } from '../types.js';
 import { type WideGamutColorValue } from './color.js';
-import { type IDGenerator } from './lib.js';
+import type { TransformCSSValueOptions } from './css-types.js';
 /** Convert gradient value to CSS */
-export declare function transformGradientValue(value: GradientValueNormalized, { aliasOf, partialAliasOf, transformAlias, color: colorOptions, }?: {
-    aliasOf?: string;
-    partialAliasOf?: Partial<Record<keyof GradientStopNormalized, string>>[];
-    transformAlias?: IDGenerator;
-    color?: {
-        legacyHex?: boolean;
-    };
-}): string | WideGamutColorValue;
+export declare function transformGradient(token: GradientTokenNormalized, options: TransformCSSValueOptions): string | WideGamutColorValue;
+//# sourceMappingURL=gradient.d.ts.map

package/dist/css/gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../src/css/gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjF,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,oCAAoC;AACpC,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,uBAAuB,EAC9B,OAAO,EAAE,wBAAwB,GAChC,MAAM,GAAG,mBAAmB,CAuC9B"}

package/dist/css/gradient.js

@@ -1,26 +1,37 @@
-import { transformColorValue } from './color.js';
+import { transformColor } from './color.js';
 import { defaultAliasTransform } from './lib.js';
 /** Convert gradient value to CSS */
-export function transformGradientValue(value, { aliasOf, partialAliasOf, transformAlias = defaultAliasTransform, color: colorOptions, } = {}) {
-    if (aliasOf) {
-        return transformAlias(aliasOf);
+export function transformGradient(token, options) {
+    const { tokensSet, transformAlias = defaultAliasTransform } = options;
+    if (token.aliasChain?.[0]) {
+        return transformAlias(tokensSet[token.aliasChain[0]]);
+    }
+    let isHDR = false;
+    const colors = [];
+    const positions = [];
+    for (let i = 0; i < token.$value.length; i++) {
+        const { color, position } = token.$value[i];
+        const colorValue = token.partialAliasOf?.[i]?.color
+            ? transformAlias(tokensSet[token.partialAliasOf[i].color])
+            : transformColor({ $value: color }, options);
+        if (typeof colorValue !== 'string') {
+            isHDR = true;
+        }
+        colors.push(colorValue);
+        positions.push(token.partialAliasOf?.[i]?.position
+            ? transformAlias(tokensSet[token.partialAliasOf[i].position])
+            : `${100 * position}%`);
+    }
+    function formatStop(i, colorKey = '.') {
+        return `${typeof colors[i] === 'string' ? colors[i] : colors[i][colorKey]} ${positions[i]}`;
     }
-    const colors = value.map(({ color }, i) => partialAliasOf?.[i]?.color
-        ? transformAlias(partialAliasOf[i].color)
-        : transformColorValue(color, { color: colorOptions }));
-    const positions = value.map(({ position }, i) => partialAliasOf?.[i]?.position ? transformAlias(String(partialAliasOf[i].position)) : `${100 * position}%`);
-    const isHDR = colors.some((c) => typeof c === 'object');
-    const formatStop = (index, colorKey = '.') => [
-        typeof colors[index] === 'string' ? colors[index] : colors[index][colorKey],
-        positions[index],
-    ].join(' ');
     return !isHDR
-        ? value.map((_, i) => formatStop(i, positions[i])).join(', ')
+        ? token.$value.map((_, i) => formatStop(i, positions[i])).join(', ')
         : {
-            '.': value.map((_, i) => formatStop(i, '.')).join(', '),
-            srgb: value.map((_, i) => formatStop(i, 'srgb')).join(', '),
-            p3: value.map((_, i) => formatStop(i, 'p3')).join(', '),
-            rec2020: value.map((_, i) => formatStop(i, 'rec2020')).join(', '),
+            '.': token.$value.map((_, i) => formatStop(i, '.')).join(', '),
+            srgb: token.$value.map((_, i) => formatStop(i, 'srgb')).join(', '),
+            p3: token.$value.map((_, i) => formatStop(i, 'p3')).join(', '),
+            rec2020: token.$value.map((_, i) => formatStop(i, 'rec2020')).join(', '),
         };
 }
 //# sourceMappingURL=gradient.js.map