design-token-library 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -5,7 +5,66 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [Unreleased]
+## [0.2.0] - 2026-10-28
+
+### Added
+
+- `isRef(value)` tells whether a value is a ref, also one made by another copy of the package, and `pathOf(ref)` is the path of its token, as a readonly array of names (#93). An add-on that keeps a ref, instead of letting the library resolve it to its token's value, needs them, as an expression that writes a token as a `var()` does. `isRef()` narrows a value to a `Library.Ref<unknown, never>`, which a ref of any library is.
+- `ref("colors.primary")` and `refs<T>()` make a ref to a token, by its dotted path or by a ref for each token of a shape: `$value: ref("colors.primary")` or `$value: $.colors.primary`. They make the same ref, which is data, the path of its token, and has the token's value type. `ref()` takes its types from where it's used, so a path that isn't a token, or a token of the wrong type, is a compile error. Adds the `Library.Ref`, `Library.Refs`, `Library.TokenValues`, `Library.TokenValue`, `Library.TokenPath` and `Library.DeepValue` types.
+- A custom value can be any type, including a class instance, an object with methods or function properties, or a function, and the library never calls its functions: `DesignToken.Custom<"palette", Palette>`. `DesignToken.HasFunction`, which rejected a value type with a function in it, is removed.
+- `recipes({ ... })` makes a recipe of each function of an object, named by its key. A recipe takes its function's arguments as values, refs, computed values, or values with them in them, and returns a computed value, as in `$value: Recipes.darken(ref("colors.primary"), 0.2)`. A computed value is data: the recipe and its arguments. The function is called when the token is read, and again when a token it read changes. It gets its arguments as tokens get their values, so a ref's value and a copy of plain data are frozen, and its parameters are typed readonly, as in `DesignToken.Values.Readonly.Color`. It may return a readonly value, which is copied and frozen like any token value. A recipe whose function takes an object builds a class value from named fields. A set of recipes is extended by spreading it. Adds the `Library.Computed`, `Library.Recipe`, `Library.RecipeArguments` and `Library.Recipes` types.
+- `extend(config, { recipes: [override(recipe, fn)] })` replaces a recipe's function in the extended library, for every token that uses it, including the ones it doesn't restate. `override()` checks that `fn` takes the recipe's arguments and returns its result's type. Adds the `Library.ExtendOptions` and `Library.RecipeOverride` types.
+- A custom type's converter in `toCSS` can be `false`, which leaves tokens of that type out of the CSS (#58). `toProperties` accepts the same `converters` option and leaves out those tokens. Every custom type still needs an entry, so a forgotten converter is still an error. Adds the `CSSConverterEntries` and `ToPropertiesOptions` types.
+- `convert(type, value)` converts a value of a standard type to CSS, the way `toCSS` does for a token of the type, for a converter of a custom type that has values of standard types (#65). `DesignToken.ValueByType`, the value of each standard type keyed by its name, like `color`, is public.
+- `toCSS` takes a converter for a standard type in `converters`, which is used in place of the one of the library (#65). A library without custom types takes converters for the standard types, and no others.
+- `$root` as a token in its group, and not at the top level of a library (its CSS custom property is named for the group), `$deprecated` on tokens, and group metadata (`$description`, `$extensions`, `$deprecated`) that survives `extend()`. A circular reference throws a `CircularReferenceError`, whose `chain` and message list the tokens in the cycle (`a → b → a`), instead of overflowing the stack.
+- Custom token types via `DesignToken.Custom<Name, Value>`, with static values, aliases, deep aliases, group type inheritance, `set()` and `extend()` support. Reserved DTCG type names are rejected at compile time.
+- `toCSS(library, options)` accepts `options.converters`, a converter for each custom type that receives the value and the token. It's required for every custom type in the library. At runtime `toCSS` throws for a custom type without a converter.
+- `Library.TokensOf`, `Library.TokenRecord`, `Library.GroupType`, `CSSOptions`, `CSSConverter`, `CSSConverters` and `CustomTokensOf` types.
+- `Token.toString()` returns a JSON representation of the token's `name`, `$type`, resolved `$value`, `$description`, `$extensions` and `$deprecated`. It throws a `CircularReferenceError` for a token in a cycle. It was declared but stringified as `[object Object]`.
+
+### Changed
+
+- **Breaking:** a token's value is deeply readonly (#24). It's frozen, including nested objects, arrays and their items, and `Token.$value` is typed `DesignToken.ReadonlyValueByToken`, so subscriber records and converter arguments are readonly too. `convert()` and the converters for the standard types take the readonly values, and `set()` takes them as well, so `set(other.$value)` compiles. The config passed to `create()` isn't frozen, and a class instance or function in a value isn't copied, so it isn't frozen. Adds the `DesignToken.Values.Readonly` types, `DesignToken.ReadonlyValueByType` and `DesignToken.DeepReadonly`.
+- **Breaking:** an alias is a ref, `$value: ref("colors.primary")`, instead of a function given the library's tokens, and a function in a value is never called. `Library.Context`, `Library.ValueAlias`, `Library.Alias`, `Library.ValueSource` and `Library.DeepAlias` are removed, and `Token.set()` takes the same values as a config, including deep refs.
+- A token's value is a copy of plain data, made from its own properties: symbol-keyed and non-enumerable properties are kept, an object that is in the value twice, or in itself, has one copy, and a getter is read once into a data property. Plain data is an array that isn't a subclass of `Array`, or an object whose prototype chain has at most one link, including an object literal from another realm. Anything else, including a function, is returned as it is.
+- **Breaking:** token values use the [DTCG 2025.10](https://www.designtokens.org/tr/2025.10/format/) shapes. A color is `{ colorSpace, components, alpha?, hex? }`, a dimension is `{ value, unit: "px" | "rem" }` and a duration is `{ value, unit: "ms" | "s" }`. A shadow may be an array of layers and may be `inset`, the font weight keyword `"smi-bold"` is corrected to `"semi-bold"`, and a list inside a value (such as a stroke style's dash array) can contain aliases.
+- `toCSS` and `toProperties` convert the new shapes: sRGB colors become hex and other color spaces the CSS color function, font weight keywords become numbers, `cubic-bezier()` and transition shorthand order are corrected, and a standard type with no converter is written as JSON instead of `[object Object]`.
+- **Breaking:** tokens and groups use the DTCG property names: `$value`, `$type`, `$description`, `$extensions` and `$deprecated` on tokens, and `$type`, `$description`, `$extensions` and `$deprecated` on groups, both in a config and on `library.tokens`. `name`, `set()` and `toString()` are unchanged. A token is told apart from a group by having a `$value`.
+- Group type inheritance is checked at compile time: a token may omit `type` in a config only when its nearest ancestor group declares a single, required, literal `type` that matches. Groups declared with `type: DesignToken.Type`, a union, or an optional `type` no longer let their tokens omit `type`.
+- `type` is required on standard token types (e.g. `DesignToken.Color`). It may still be omitted in a `Library.Config` when inherited.
+- Aliases are typed by value: an alias may return any value, or any token, whose value matches. Replaces the internal `TokenByValue`, `TokenByType` and `ValueByType` types.
+- `Library.Subscriber` records are a union of the library's tokens, discriminated by `type`, instead of `Token<DesignToken.Any>`.
+- Token values that are plain objects with a `value` key are no longer unwrapped as tokens; only library tokens are.
+- Array values resolve faster: they are copied with an indexed loop instead of `for...in`. Holes in a sparse array value now resolve to `undefined` elements.
+- Recomputing a token keeps its subscriptions to the dependencies it reads again, instead of unsubscribing from all of them and subscribing again, which makes updates faster.
+- `Library.extend()` config is typed with the new `Library.ExtendConfig` and its type parameter defaults to `{}` instead of `any`.
+
+### Fixed
+
+- A token's value, which is readonly, can be the `$value` of a token in `create()` or `extend()`, and the argument of a recipe, as it can be given to `set()` (#92). A value whose objects or arrays are readonly is accepted too, also with refs in it. `Library.DeepValue` makes the properties and elements of a value readonly.
+- `set()` on a token of a library that extends an extended library changes that token, and not the token of the library it extends (#91).
+- `Token.set()` with the value the token already has, by `Object.is`, doesn't notify subscribers or resolve the token again (#22). On an extended token it still detaches the token from its source.
+- `extend()` throws, naming the token, when an override's `$type` differs from the source token's type, including a type the source token inherits from its group (#16). Restating the same type is allowed.
+- `extend()` accepts a group's `$type` when it's the group's own type, so a shared group config that sets it can be given to `extend()`, and throws, naming the group, when it's different (#95). A different group type was ignored, and restating the same one was a compile error.
+- A value that isn't plain data, such as a class instance, a `Date`, a `Map` or a `Set`, is returned as it is. It was copied to a plain object, which lost its prototype and internal state, and a function property of it was called as an alias (#55). A cyclic value no longer overflows the stack.
+- `extend()` has an overload for a config that only has values of tokens, which has no tokens to infer (#62). A new token with a value of the wrong type is reported for the call, as no overload matching, instead of for the token.
+- A custom token type with a value type that contains itself, like a tree, compiles (#61).
+- `DeepAlias` accepts aliases inside Gradient stops (#28).
+- Resolving a token of an extended library no longer disconnects its source token from its dependencies, which left the source token reported as changed when a dependency it no longer used changed.
+- Number aliases in a CubicBezier accept Number tokens (#29).
+- `Library.extend()` no longer throws when the source library contains groups.
+- `Library.extend()` supports adding new groups, and new tokens inherit the type of their ancestor group.
+- `Library.extend()` accepts alias values when overriding existing tokens, and resolves them against the extending library.
+- `Library.extend()` throws when a new token has no type and no ancestor group type, matching `Library.create()`.
+- `Library.extend()` shallow-merges `$extensions` overrides into the source token's, with override keys winning. An extended token's `$extensions` is always a new object, so mutating it no longer changes the source token.
+- Library groups expose their declared `type` (non-enumerable), matching the `TokenLibrary` type.
+- `Library.create()` and `extend()` configs accept `null` and `undefined` entries, which are ignored at runtime like other non-token entries.
+- The root of `library.tokens` (for created and extended libraries) and the object returned by `toProperties` are frozen, like nested groups. Adding or deleting a top-level key throws in strict mode.
+- A token's `$extensions` is a shallow copy of the config's at `Library.create()`, so adding, removing or replacing a top-level key in the config no longer changes the token. Nested values are shared with the config.
+- Array entries in `Library.create()` and `extend()` configs are ignored like other non-token entries, instead of creating an empty group (which `toProperties` also emitted).
+- A library subscriber that throws no longer stops later subscribers from being notified. Every subscriber is called, then each error is re-thrown as the same instance in its own microtask, so it surfaces as an uncaught error, like a DOM event listener's.
+- Tokens in a config whose shape is inferred (no type argument to `Library.create()` or `extend()`) are checked against their `$type`, and their `$value` and `set()` use that type's value instead of the widened literal. Their `$type` keeps its literal type, including a custom type's name. A token with a child (a key without a `$` prefix), which `create()` throws for, is a type error. Custom types and tokens that inherit a group's type are not checked. `Library.ConfigValueCheck` and `Library.ConfigTypeHint` are added. Requires TypeScript 5.4 or later (`NoInfer`).
 
 ## [0.1.0] - 2023-05-16
 

package/README.md

@@ -1,4 +1,40 @@
-![CI](https://github.com/nicholasrice/design-token-library/actions/workflows/ci.yml/badge.svg)
-![Docs](https://github.com/nicholasrice/design-token-library/actions/workflows/deploy.yml/badge.svg)
+# design-token-library
 
-[API Documentation](https://nicholasrice.github.io/design-token-library/)
+[![CI](https://github.com/nicholasrice/design-token-library/actions/workflows/ci.yml/badge.svg)](https://github.com/nicholasrice/design-token-library/actions/workflows/ci.yml)
+[![Docs](https://github.com/nicholasrice/design-token-library/actions/workflows/deploy.yml/badge.svg)](https://github.com/nicholasrice/design-token-library/actions/workflows/deploy.yml)
+
+A TypeScript library for managing [design tokens](https://www.designtokens.org/). The API follows the [Design Token Community Group (DTCG)](https://www.designtokens.org/) format and focuses on type safety, lazy evaluation, and runtime-agnostic behavior.
+
+## Features
+
+- Token aliasing and refs with compile-time path checking
+- Computed values (recipes) and library extension
+- Change subscription and CSS / custom-property export
+- [DTCG 2025.10](https://www.designtokens.org/tr/2025.10/format/) value shapes
+
+## Installation
+
+```bash
+npm install design-token-library
+```
+
+Requires **Node.js 22+** (see `engines` in `package.json`).
+
+## Documentation
+
+- [Getting started & API reference](https://nicholasrice.github.io/design-token-library/) (GitHub Pages)
+- [Changelog](./CHANGELOG.md)
+
+## Development
+
+```bash
+npm ci
+npm run build
+npm test
+```
+
+Contributing guidelines, changelog conventions, and the release process are documented in [CONTRIBUTING.md](./CONTRIBUTING.md).
+
+## License
+
+[MIT](./LICENSE)

package/dist/lib/css-reflector.d.ts

@@ -1,9 +1,117 @@
 import { DesignToken } from "./design-token.js";
 import { Library } from "./library.js";
 /**
+ * Converts a token value to a CSS value.
+ *
  * @public
  */
-export declare function toCSS(library: Library.Library<any, any>): string;
+export type CSSConverter<V, T extends DesignToken.Shape = DesignToken.Shape> = (value: V, token: Library.Token<T, {}>) => string;
+/**
+ * A union of the custom tokens in a library of shape `T`: tokens whose
+ * type is not defined by {@link https://www.designtokens.org/tr/2025.10/format/#types}.
+ *
+ * @public
+ */
+export type CustomTokensOf<T> = Exclude<Library.TokensOf<T>, {
+    $type?: DesignToken.Type;
+}>;
+/**
+ * A {@link CSSConverter} for each custom token type in a library of shape `T`,
+ * keyed by type name.
+ *
+ * @public
+ */
+export type CSSConverters<T> = ConvertersOf<CustomTokensOf<T>>;
+type ConvertersOf<C> = {
+    [N in C extends {
+        $type: infer N extends string;
+    } ? N : never]: C extends {
+        $type: N;
+    } ? C extends DesignToken.Shape ? CSSConverter<DesignToken.ReadonlyValueByToken<C>, C> : never : never;
+};
+/**
+ * A converter for any of the standard types, which is used in place of the one
+ * of the library.
+ */
+type StandardConverters = {
+    [N in keyof DesignToken.ReadonlyValueByType]?: CSSConverter<DesignToken.ReadonlyValueByType[N], Extract<DesignToken.Standard, {
+        $type: N;
+    }>>;
+};
+/**
+ * What a library of shape `T` accepts for each custom token type: a
+ * {@link CSSConverter}, or `false` for a type that is not serialized.
+ *
+ * @public
+ */
+export type CSSConverterEntries<T> = {
+    [N in keyof CSSConverters<T>]: CSSConverters<T>[N] | false;
+};
+/**
+ * Options that control how custom properties are named.
+ *
+ * @public
+ */
+export interface CSSPropertiesOptions {
+    /**
+     * Derives a token's custom property name, without the leading `--`.
+     *
+     * @remarks
+     * Defaults to the token's name with `.` replaced by `-`. Pass the same
+     * function to {@link toCSS} and {@link toProperties} to keep the names
+     * aligned.
+     */
+    name?(token: Library.Token<any, any>): string;
+}
+/**
+ * Options accepted by {@link toProperties}.
+ *
+ * @public
+ */
+export interface ToPropertiesOptions extends CSSPropertiesOptions {
+    /**
+     * The converters given to {@link toCSS}. A token whose custom type is `false`
+     * isn't written by `toCSS`, so it has no custom property and is left out.
+     */
+    converters?: {
+        readonly [type: string]: ((value: any, token: any) => string) | false;
+    };
+}
+/**
+ * Options accepted by {@link toCSS}.
+ *
+ * @remarks
+ * `converters` is required when the library contains custom token types,
+ * and must have an entry for each of them: a converter, or `false` for a type
+ * whose tokens are not written to CSS.
+ * It can have a converter for a standard type as well, which is used in place
+ * of the one of the library, see {@link convert} for what it does.
+ *
+ * @public
+ */
+export type CSSOptions<T> = CSSPropertiesOptions & ([CustomTokensOf<T>] extends [never] ? {
+    converters?: StandardConverters;
+} : {
+    converters: CSSConverterEntries<T> & StandardConverters;
+});
+/**
+ * The trailing arguments of {@link toCSS}: {@link CSSOptions} are
+ * required when the library contains custom token types.
+ *
+ * @public
+ */
+export type ToCSSArgs<T> = [CustomTokensOf<T>] extends [never] ? [options?: CSSOptions<T>] : [options: CSSOptions<T>];
+/**
+ * Convert a library to CSS custom property declarations.
+ *
+ * @remarks
+ * Libraries with custom token types must provide a converter for each
+ * custom type, or `false` to leave tokens of that type out of the CSS.
+ * A converter for a standard type is used in place of the one of the library.
+ *
+ * @public
+ */
+export declare function toCSS<T extends {}, R extends {}>(library: Library.Library<T, R>, ...[options]: ToCSSArgs<NoInfer<T>>): string;
 interface CSSPropertyValues {
     readonly var: `var(--${string})`;
     readonly property: `--${string}`;
@@ -14,11 +122,43 @@ interface CSSPropertyValues {
  * @public
  */
 export type CSSPropertiesLibrary<T extends {}> = {
-    [K in keyof Readonly<T>]: T[K] extends DesignToken.Any ? CSSPropertyValues : K extends "type" ? DesignToken.Type : T[K] extends {} ? CSSPropertiesLibrary<T[K]> : never;
+    [K in keyof Readonly<T>]: T[K] extends DesignToken.Shape ? CSSPropertyValues : K extends keyof DesignToken.Group ? T[K] : T[K] extends {} ? CSSPropertiesLibrary<T[K]> : never;
 };
 /**
  * Construct an {@link CSSPropertiesLibrary} from a {@link Library.Library<any>}.
+ *
+ * @remarks
+ * Pass the same `converters` given to {@link toCSS} to leave out the tokens it does
+ * not write (a custom type whose converter is `false`). They are still in the
+ * {@link CSSPropertiesLibrary} type, but missing at runtime.
+ *
+ * @public
+ */
+export declare function toProperties<T extends Library.Library<any>>(library: T, options?: ToPropertiesOptions): CSSPropertiesLibrary<T["tokens"]>;
+/**
+ * Converts a value of a standard type to CSS, the way {@link toCSS} does for a
+ * token of the type, without a converter for the type in `converters`.
+ *
+ * @remarks
+ * A converter for a custom type that has values of standard types uses it for
+ * each of them, and a converter for a standard type can use it for what it
+ * keeps.
+ *
+ * @example
+ * ```ts
+ * toCSS(library, {
+ *     converters: {
+ *         elevation: (value) =>
+ *             `${convert("dimension", value.offset)} ${convert("color", value.color)}`,
+ *     },
+ * });
+ * ```
+ *
+ * @param type - The type, like `"color"`
+ * @param value - The value of a token of the type
+ * @returns The value as it is written to CSS
+ *
  * @public
  */
-export declare function toProperties<T extends Library.Library<any>>(library: T): CSSPropertiesLibrary<T["tokens"]>;
+export declare function convert<Name extends keyof DesignToken.ReadonlyValueByType>(type: Name, value: DesignToken.ReadonlyValueByType[Name]): string;
 export {};

package/dist/lib/css-reflector.js

@@ -1,21 +1,47 @@
 import { DesignToken } from "./design-token.js";
+import { isToken } from "./utilities.js";
 /**
+ * Convert a library to CSS custom property declarations.
+ *
+ * @remarks
+ * Libraries with custom token types must provide a converter for each
+ * custom type, or `false` to leave tokens of that type out of the CSS.
+ * A converter for a standard type is used in place of the one of the library.
+ *
  * @public
  */
-export function toCSS(library) {
-    return recurseToCss(library.tokens);
+export function toCSS(library, ...[options]) {
+    // Converters are checked by `ToCSSArgs`; at runtime they're keyed by type.
+    const converters = options?.converters ?? {};
+    return recurseToCss(library.tokens, converters, options?.name ?? defaultName);
 }
+/**
+ * `$` cannot begin a CSS identifier, so a group's `$root` token is named for
+ * the group: `color.$root` is `--color`.
+ */
+const defaultName = (token) => token.name.replace(/\.\$root$/, "").replaceAll(".", "-");
 /**
  * Construct an {@link CSSPropertiesLibrary} from a {@link Library.Library<any>}.
+ *
+ * @remarks
+ * Pass the same `converters` given to {@link toCSS} to leave out the tokens it does
+ * not write (a custom type whose converter is `false`). They are still in the
+ * {@link CSSPropertiesLibrary} type, but missing at runtime.
+ *
  * @public
  */
-export function toProperties(library) {
+export function toProperties(library, options = {}) {
+    const getName = options.name ?? defaultName;
+    const converters = options.converters ?? {};
     const recurse = (section, properties) => {
         for (const key in section) {
             const sectionValue = section[key];
             if (isToken(sectionValue)) {
-                // TODO add a strategy for name conversion
-                const property = `--${sectionValue.name.replaceAll(".", "-")}`;
+                // `toCSS` doesn't write a token whose type is `false`.
+                if (converters[sectionValue.$type] === false) {
+                    continue;
+                }
+                const property = `--${getName(sectionValue)}`;
                 const propertyValue = Object.freeze({
                     var: `var(${property})`,
                     property,
@@ -37,37 +63,85 @@ export function toProperties(library) {
     };
     const properties = {};
     recurse(library.tokens, properties);
-    return properties;
+    return Object.freeze(properties);
 }
-const isToken = (value) => {
-    return "value" in value;
-};
-const recurseToCss = (librarySection) => {
+const standardTypes = new Set(Object.values(DesignToken.Type));
+const recurseToCss = (librarySection, customConverters, getName) => {
     let result = "";
     for (const key in librarySection) {
         const tokenOrGroup = librarySection[key];
         if (isToken(tokenOrGroup)) {
-            let value = tokenOrGroup.value;
-            if (tokenOrGroup.type !== undefined &&
-                Reflect.has(TokenConverters, tokenOrGroup.type)) {
-                value = Reflect.get(TokenConverters, tokenOrGroup.type)(value);
+            const { $type: type, name } = tokenOrGroup;
+            let value = tokenOrGroup.$value;
+            if (Reflect.has(customConverters, type)) {
+                const converter = customConverters[type];
+                if (converter === false) {
+                    continue;
+                }
+                value = converter(value, tokenOrGroup);
             }
-            result += `--${tokenOrGroup.name}:${value};`;
+            else if (Reflect.has(TokenConverters, type)) {
+                value = Reflect.get(TokenConverters, type)(value);
+            }
+            else if (!standardTypes.has(type)) {
+                throw new Error(`No CSS converter provided for custom type '${type}' of token '${name}'.`);
+            }
+            result += `--${getName(tokenOrGroup)}:${value};`;
         }
         else {
-            result = recurseToCss(tokenOrGroup);
+            result += recurseToCss(tokenOrGroup, customConverters, getName);
         }
     }
     return result;
 };
-const joiner = (value) => {
-    return value.join(" ");
+const dimensionConverter = (value) => {
+    return `${value.value}${value.unit}`;
+};
+const durationConverter = (value) => {
+    return `${value.value}${value.unit}`;
+};
+const percent = (component) => {
+    return component === "none" ? "none" : `${component}%`;
+};
+const hexByte = (component) => {
+    const byte = Math.min(255, Math.max(0, Math.round(component * 255)));
+    return byte.toString(16).padStart(2, "0");
+};
+/**
+ * Convert a color to CSS. An sRGB color becomes hex, and the other color
+ * spaces become the CSS color function for the space.
+ */
+const colorConverter = (value) => {
+    const alpha = value.alpha ?? 1;
+    const components = value.components;
+    const slash = alpha === 1 ? "" : ` / ${alpha}`;
+    const [a, b, c] = components;
+    switch (value.colorSpace) {
+        case "srgb":
+            if (components.every((component) => component !== "none")) {
+                return `#${components.map(hexByte).join("")}${alpha === 1 ? "" : hexByte(alpha)}`;
+            }
+            break;
+        case "hsl":
+            return `hsl(${a} ${percent(b)} ${percent(c)}${slash})`;
+        case "hwb":
+            return `hwb(${a} ${percent(b)} ${percent(c)}${slash})`;
+        case "lab":
+        case "lch":
+        case "oklab":
+        case "oklch":
+            return `${value.colorSpace}(${components.join(" ")}${slash})`;
+    }
+    return `color(${value.colorSpace} ${components.join(" ")}${slash})`;
 };
 /**
  * Convert a border value to CSS
  */
 const borderConverter = (value) => {
-    return `${value.width} ${value.style} ${value.color}`;
+    return `${dimensionConverter(value.width)} ${strokeStyleConverter(value.style)} ${colorConverter(value.color)}`;
+};
+const cubicBezierConverter = (value) => {
+    return `cubic-bezier(${value.join(", ")})`;
 };
 const fontFamilyConverter = (value) => {
     return typeof value === "string"
@@ -82,29 +156,97 @@ const fontFamilyQuoter = (value) => {
     }
     return value.includes(" ") ? `"${value}"` : value;
 };
+const fontWeights = {
+    thin: 100,
+    hairline: 100,
+    "extra-light": 200,
+    "ultra-light": 200,
+    light: 300,
+    normal: 400,
+    regular: 400,
+    book: 400,
+    medium: 500,
+    "semi-bold": 600,
+    "demi-bold": 600,
+    bold: 700,
+    "extra-bold": 800,
+    "ultra-bold": 800,
+    black: 900,
+    heavy: 900,
+    "extra-black": 950,
+    "ultra-black": 950,
+};
+const fontWeightConverter = (value) => {
+    return String(typeof value === "number" ? value : fontWeights[value]);
+};
 const gradientReducer = (accumulated, value) => {
-    return accumulated + `${value.color} ${value.position * 100}%,`;
+    // Round away float artifacts, e.g. 0.07 * 100 is 7.000000000000001.
+    const position = Number((value.position * 100).toPrecision(12));
+    return accumulated + `${colorConverter(value.color)} ${position}%,`;
 };
 const gradientConverter = (value) => {
     return value.reduce(gradientReducer, "").replace(/,$/, "");
 };
 const shadowConverter = (value) => {
-    return `${value.offsetX} ${value.offsetY} ${value.blur} ${value.spread} ${value.color}`;
+    return (Array.isArray(value) ? value : [value])
+        .map((layer) => `${layer.inset ? "inset " : ""}${dimensionConverter(layer.offsetX)} ${dimensionConverter(layer.offsetY)} ${dimensionConverter(layer.blur)} ${dimensionConverter(layer.spread)} ${colorConverter(layer.color)}`)
+        .join(", ");
 };
 const strokeStyleConverter = (value) => {
     // CSS doesn't support customizing dashed borders at the time of authoring.
     return typeof value === "string" ? value : "dashed";
 };
 const transitionConverter = (value) => {
-    return `${value.duration} ${value.delay} ${value.timingFunction}`;
+    return `${durationConverter(value.duration)} ${cubicBezierConverter(value.timingFunction)} ${durationConverter(value.delay)}`;
+};
+/**
+ * Convert typography to the CSS `font` shorthand. `letterSpacing` cannot be
+ * expressed in the shorthand, so it is omitted.
+ */
+const typographyConverter = (value) => {
+    return `${fontWeightConverter(value.fontWeight)} ${dimensionConverter(value.fontSize)}/${value.lineHeight} ${fontFamilyConverter(value.fontFamily)}`;
 };
 const TokenConverters = {
     [DesignToken.Type.Border]: borderConverter,
-    [DesignToken.Type.CubicBezier]: joiner,
+    [DesignToken.Type.Color]: colorConverter,
+    [DesignToken.Type.CubicBezier]: cubicBezierConverter,
+    [DesignToken.Type.Dimension]: dimensionConverter,
+    [DesignToken.Type.Duration]: durationConverter,
     [DesignToken.Type.FontFamily]: fontFamilyConverter,
+    [DesignToken.Type.FontWeight]: fontWeightConverter,
     [DesignToken.Type.Gradient]: gradientConverter,
     [DesignToken.Type.Shadow]: shadowConverter,
     [DesignToken.Type.StrokeStyle]: strokeStyleConverter,
     [DesignToken.Type.Transition]: transitionConverter,
+    [DesignToken.Type.Typography]: typographyConverter,
 };
+/**
+ * Converts a value of a standard type to CSS, the way {@link toCSS} does for a
+ * token of the type, without a converter for the type in `converters`.
+ *
+ * @remarks
+ * A converter for a custom type that has values of standard types uses it for
+ * each of them, and a converter for a standard type can use it for what it
+ * keeps.
+ *
+ * @example
+ * ```ts
+ * toCSS(library, {
+ *     converters: {
+ *         elevation: (value) =>
+ *             `${convert("dimension", value.offset)} ${convert("color", value.color)}`,
+ *     },
+ * });
+ * ```
+ *
+ * @param type - The type, like `"color"`
+ * @param value - The value of a token of the type
+ * @returns The value as it is written to CSS
+ *
+ * @public
+ */
+export function convert(type, value) {
+    const converter = TokenConverters[type];
+    return converter ? converter(value) : String(value);
+}
 //# sourceMappingURL=css-reflector.js.map

package/dist/lib/css-reflector.js.map

@@ -1 +1 @@
-{"version":3,"file":"css-reflector.js","sourceRoot":"","sources":["../../src/lib/css-reflector.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"css-reflector.js","sourceRoot":"","sources":["../../src/lib/css-reflector.ts"],"names":[],"mappings":"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"}