@canonical/terrazzo-plugin-css 0.0.2 → 0.2.0

package/dist/esm/plugin/src/build/builders/buildTheme.js

@@ -0,0 +1,97 @@
+/**
+ * Build helper for modifiers.theme.css — light-dark colour tokens and deltas.
+ */
+import { makeArtifactToken } from "../../artifact/index.js";
+import { createDeclaration, createRule, printRules, } from "../../css-ast/index.js";
+import { wrapInLayer } from "../../layers/index.js";
+import { buildLightDarkDeclarations } from "../../light-dark/index.js";
+import { convertTokenIdToCssVar } from "../../naming.js";
+import { isSemanticColor } from "../classification.js";
+import { computeDeltas } from "../computeDeltas.js";
+import { FORMAT } from "../constants/format.js";
+import { HEADER } from "../constants/header.js";
+import { recoverPrimitiveRef } from "../recoverPrimitiveRef.js";
+/** @note Mutates `artifact`, calls `outputFile`. */
+export default function buildTheme(tokens, getTransforms, resolver, layers, artifact, outputFile) {
+    // Collect base (light) and dark transforms for colour tokens
+    const baseTransforms = getTransforms({ format: FORMAT });
+    const darkTransforms = getTransforms({
+        format: FORMAT,
+        input: { theme: "dark" },
+    });
+    // Index dark transforms by token ID
+    const darkById = new Map();
+    for (const t of darkTransforms) {
+        if (t.type !== "SINGLE_VALUE")
+            continue;
+        darkById.set(t.id, t.value);
+    }
+    // Build a reverse index: resolved literal value → primitive var name.
+    // When a semantic token resolves to the same literal as a primitive,
+    // we emit var(--primitive) instead of the raw oklch value.
+    const primitiveByValue = new Map();
+    for (const [cssVar, entry] of Object.entries(artifact)) {
+        if (entry.tier === "primitive" &&
+            entry.type === "color" &&
+            entry.valueLight) {
+            const primitiveEntry = entry;
+            if (!primitiveByValue.has(primitiveEntry.valueLight)) {
+                primitiveByValue.set(primitiveEntry.valueLight, cssVar);
+            }
+        }
+    }
+    // Build light-dark pairs for semantic colour tokens
+    const pairs = [];
+    const seenIds = new Set();
+    for (const t of baseTransforms) {
+        if (!isSemanticColor(t.id))
+            continue;
+        if (t.type !== "SINGLE_VALUE")
+            continue;
+        if (seenIds.has(t.id))
+            continue;
+        seenIds.add(t.id);
+        const cssVar = t.localID ?? convertTokenIdToCssVar(t.id);
+        const rawLight = t.value;
+        const rawDark = darkById.get(t.id) ?? rawLight;
+        // Recover var() references to primitives
+        const lightVal = recoverPrimitiveRef(rawLight, cssVar, primitiveByValue);
+        const darkVal = recoverPrimitiveRef(rawDark, cssVar, primitiveByValue);
+        pairs.push({ property: cssVar, light: lightVal, dark: darkVal });
+        artifact[cssVar] = makeArtifactToken({
+            cssVar,
+            id: t.id,
+            type: "color",
+            tier: "semantic",
+            cssOutputFile: "modifiers.theme.css",
+            description: t.token.$description,
+            valueLight: lightVal,
+            valueDark: darkVal,
+        });
+    }
+    // Build CSS
+    const themeDecls = buildLightDarkDeclarations(pairs);
+    // Compute NativeState deltas (task 2.9)
+    const { lightDeltaDecls, darkDeltaDecls } = computeDeltas(tokens, resolver, artifact);
+    // Assemble :root block
+    const rootNodes = [
+        createDeclaration("color-scheme", "light dark"),
+        ...themeDecls,
+        ...lightDeltaDecls,
+    ];
+    const rootRule = createRule([":root"], rootNodes);
+    // Override selectors
+    const lightOverride = createRule([".light"], [createDeclaration("color-scheme", "light")]);
+    const darkOverride = createRule([".dark"], [createDeclaration("color-scheme", "dark"), ...darkDeltaDecls]);
+    const mediaQuery = createRule(["@media (prefers-color-scheme: dark)"], [
+        createRule([":root"], [createDeclaration("color-scheme", "dark"), ...darkDeltaDecls]),
+    ]);
+    const wrapped = wrapInLayer(layers.modifiers, [
+        rootRule,
+        lightOverride,
+        darkOverride,
+        mediaQuery,
+    ]);
+    outputFile("modifiers.theme.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildTheme.js.map

package/dist/esm/plugin/src/build/builders/buildTheme.js.map

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

package/dist/esm/plugin/src/build/builders/buildTypography.js

@@ -0,0 +1,42 @@
+import { createRule, printRules } from "../../css-ast/index.js";
+import { wrapInLayer } from "../../layers/index.js";
+import { isSemanticTypography } from "../classification.js";
+import { FORMAT } from "../constants/format.js";
+import { HEADER } from "../constants/header.js";
+import emitTypographyDecls from "./emitTypographyDecls.js";
+/** @note Mutates `artifact`, calls `outputFile`. */
+export default function buildTypography(getTransforms, layers, artifact, outputFile) {
+    const allNodes = [];
+    // Base (global) typography → :root
+    const baseTransforms = getTransforms({ format: FORMAT });
+    const rootDecls = [];
+    const seenIds = new Set();
+    for (const t of baseTransforms) {
+        if (!isSemanticTypography(t.id))
+            continue;
+        if (seenIds.has(t.id))
+            continue;
+        seenIds.add(t.id);
+        emitTypographyDecls(t, rootDecls, artifact, "modifiers.typography.css");
+    }
+    allNodes.push(createRule([":root"], rootDecls));
+    // Per-product contexts → class selectors
+    for (const ctx of ["apps", "docs", "sites"]) {
+        const contextTransforms = getTransforms({
+            format: FORMAT,
+            input: { typography: ctx },
+        });
+        const contextDecls = [];
+        for (const t of contextTransforms) {
+            if (!isSemanticTypography(t.id))
+                continue;
+            emitTypographyDecls(t, contextDecls, artifact, "modifiers.typography.css");
+        }
+        if (contextDecls.length > 0) {
+            allNodes.push(createRule([`.${ctx}`], contextDecls));
+        }
+    }
+    const wrapped = wrapInLayer(layers.modifiers, allNodes);
+    outputFile("modifiers.typography.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildTypography.js.map

package/dist/esm/plugin/src/build/builders/buildTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildTypography.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildTypography.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D,oDAAoD;AACpD,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,aAA8B,EAC9B,MAA2B,EAC3B,QAAkB,EAClB,UAAwB;IAExB,MAAM,QAAQ,GAAc,EAAE,CAAC;IAE/B,mCAAmC;IACnC,MAAM,cAAc,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACzD,MAAM,SAAS,GAAc,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAElC,KAAK,MAAM,CAAC,IAAI,cAAc,EAAE,CAAC;QAC/B,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAAE,SAAS;QAC1C,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YAAE,SAAS;QAChC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,mBAAmB,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,0BAA0B,CAAC,CAAC;IAC1E,CAAC;IACD,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhD,yCAAyC;IACzC,KAAK,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;QAC5C,MAAM,iBAAiB,GAAG,aAAa,CAAC;YACtC,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;SAC3B,CAAC,CAAC;QACH,MAAM,YAAY,GAAc,EAAE,CAAC;QAEnC,KAAK,MAAM,CAAC,IAAI,iBAAiB,EAAE,CAAC;YAClC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;gBAAE,SAAS;YAC1C,mBAAmB,CACjB,CAAC,EACD,YAAY,EACZ,QAAQ,EACR,0BAA0B,CAC3B,CAAC;QACJ,CAAC;QACD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IACD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACxD,UAAU,CAAC,0BAA0B,EAAE,GAAG,MAAM,KAAK,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAChF,CAAC"}

package/dist/esm/plugin/src/build/builders/convertCssValueToString.js

@@ -0,0 +1,12 @@
+/**
+ * Convert a Terrazzo CSS value (string or multi-value record) to a plain string.
+ * Returns `null` for multi-value composites (typography).
+ */
+export default function convertCssValueToString(val) {
+    if (typeof val === "string")
+        return val;
+    if ("." in val)
+        return val["."]; // WideGamutColorValue sRGB fallback
+    return null; // multi-value (typography)
+}
+//# sourceMappingURL=convertCssValueToString.js.map

package/dist/esm/plugin/src/build/builders/convertCssValueToString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertCssValueToString.js","sourceRoot":"","sources":["../../../../../../src/build/builders/convertCssValueToString.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,GAAoC;IAEpC,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAC;IACxC,IAAI,GAAG,IAAI,GAAG;QAAE,OAAO,GAAG,CAAC,GAAG,CAAW,CAAC,CAAC,oCAAoC;IAC/E,OAAO,IAAI,CAAC,CAAC,2BAA2B;AAC1C,CAAC"}

package/dist/esm/plugin/src/build/builders/emitTypographyDecls.js

@@ -0,0 +1,37 @@
+import { makeArtifactToken } from "../../artifact/index.js";
+import { createDeclaration } from "../../css-ast/index.js";
+import { convertTokenIdToCssVar } from "../../naming.js";
+export default function emitTypographyDecls(t, decls, artifact, outputFile) {
+    const cssVar = t.localID ?? convertTokenIdToCssVar(t.id);
+    if (t.type === "SINGLE_VALUE") {
+        decls.push(createDeclaration(cssVar, t.value));
+        artifact[cssVar] = makeArtifactToken({
+            cssVar,
+            id: t.id,
+            type: t.token.$type ?? "unknown",
+            tier: "semantic",
+            cssOutputFile: outputFile,
+            description: t.token.$description,
+            valueLight: t.value,
+            valueDark: t.value,
+        });
+    }
+    else {
+        // Multi-value: typography composite → individual sub-properties
+        for (const [suffix, val] of Object.entries(t.value)) {
+            const subVar = `${cssVar}-${suffix}`;
+            decls.push(createDeclaration(subVar, val));
+            artifact[subVar] = makeArtifactToken({
+                cssVar: subVar,
+                id: `${t.id}.${suffix}`,
+                type: t.token.$type ?? "unknown",
+                tier: "semantic",
+                cssOutputFile: outputFile,
+                description: t.token.$description,
+                valueLight: val,
+                valueDark: val,
+            });
+        }
+    }
+}
+//# sourceMappingURL=emitTypographyDecls.js.map

package/dist/esm/plugin/src/build/builders/emitTypographyDecls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitTypographyDecls.js","sourceRoot":"","sources":["../../../../../../src/build/builders/emitTypographyDecls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,CAAkB,EAClB,KAAgB,EAChB,QAAkB,EAClB,UAAkB;IAElB,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,IAAI,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACzD,IAAI,CAAC,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;QAC9B,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/C,QAAQ,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC;YACnC,MAAM;YACN,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS;YAChC,IAAI,EAAE,UAAU;YAChB,aAAa,EAAE,UAAU;YACzB,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY;YACjC,UAAU,EAAE,CAAC,CAAC,KAAK;YACnB,SAAS,EAAE,CAAC,CAAC,KAAK;SACnB,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,gEAAgE;QAChE,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;YACpD,MAAM,MAAM,GAAG,GAAG,MAAM,IAAI,MAAM,EAAE,CAAC;YACrC,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;YAC3C,QAAQ,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC;gBACnC,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,MAAM,EAAE;gBACvB,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS;gBAChC,IAAI,EAAE,UAAU;gBAChB,aAAa,EAAE,UAAU;gBACzB,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY;gBACjC,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,GAAG;aACf,CAAC,CAAC;QACL,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/esm/plugin/src/build/builders/index.js

@@ -0,0 +1,16 @@
+/**
+ * @module
+ * Public builders API.
+ */
+export { default as buildDescriptionLookup } from "./buildDescriptionLookup.js";
+export { default as buildFallbackChain } from "./buildFallbackChain.js";
+export { default as buildModifierFamily } from "./buildModifierFamily.js";
+export { default as buildSetsPrimitive } from "./buildSetsPrimitive.js";
+export { default as buildSetsSemantic } from "./buildSetsSemantic.js";
+export { default as buildStates } from "./buildStates.js";
+export { default as buildSurfaces } from "./buildSurfaces.js";
+export { default as buildTheme } from "./buildTheme.js";
+export { default as buildTypography } from "./buildTypography.js";
+export { default as convertCssValueToString } from "./convertCssValueToString.js";
+export { default as emitTypographyDecls } from "./emitTypographyDecls.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/plugin/src/build/builders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/build/builders/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/plugin/src/build/classification.js

@@ -0,0 +1,27 @@
+/**
+ * Token classification helpers.
+ *
+ * Pure functions that determine which "set" a token belongs to based
+ * on its DTCG identifier path.
+ */
+/** Token IDs that belong to the primitive set. */
+export function isPrimitive(id) {
+    return (id.startsWith("color.palette.") ||
+        id.startsWith("dimension.") ||
+        id.startsWith("number.") ||
+        id.startsWith("typography.fontFamily.") ||
+        id.startsWith("typography.fontWeight.") ||
+        id.startsWith("typography.fontStyle.") ||
+        id.startsWith("typography.figureStyle.") ||
+        id.startsWith("typography.textDecoration.") ||
+        id.startsWith("typography.letterCase."));
+}
+/** Token IDs that are semantic colour tokens (from theme modifier). */
+export function isSemanticColor(id) {
+    return id.startsWith("color.") && !id.startsWith("color.palette.");
+}
+/** Token IDs that are semantic typography (from typography modifier). */
+export function isSemanticTypography(id) {
+    return id.startsWith("typography.") && !isPrimitive(id);
+}
+//# sourceMappingURL=classification.js.map

package/dist/esm/plugin/src/build/classification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classification.js","sourceRoot":"","sources":["../../../../../src/build/classification.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,kDAAkD;AAClD,MAAM,UAAU,WAAW,CAAC,EAAU;IACpC,OAAO,CACL,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC;QAC/B,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC;QAC3B,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC;QACxB,EAAE,CAAC,UAAU,CAAC,wBAAwB,CAAC;QACvC,EAAE,CAAC,UAAU,CAAC,wBAAwB,CAAC;QACvC,EAAE,CAAC,UAAU,CAAC,uBAAuB,CAAC;QACtC,EAAE,CAAC,UAAU,CAAC,yBAAyB,CAAC;QACxC,EAAE,CAAC,UAAU,CAAC,4BAA4B,CAAC;QAC3C,EAAE,CAAC,UAAU,CAAC,wBAAwB,CAAC,CACxC,CAAC;AACJ,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,eAAe,CAAC,EAAU;IACxC,OAAO,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACrE,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,oBAAoB,CAAC,EAAU;IAC7C,OAAO,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAC1D,CAAC"}

package/dist/esm/plugin/src/build/computeDeltas.js

@@ -0,0 +1,73 @@
+import { makeDerivedArtifactToken } from "../artifact/index.js";
+import { createDeclaration } from "../css-ast/index.js";
+import { convertTokenIdToCssVar } from "../naming.js";
+import { interactiveRoles } from "./constants/interactiveRoles.js";
+import { extractOklchL } from "./extractOklchL.js";
+import { formatDelta } from "./formatDelta.js";
+/**
+ * Compute per-role lightness deltas for hover/active states.
+ *
+ * Deltas must be emitted as plain numbers — NOT wrapped in `light-dark()` —
+ * because `var(--delta-*)` is consumed inside `calc()` inside `oklch(from ...)`,
+ * and `light-dark()` inside `calc()` inside `oklch(from ...)` is broken in
+ * Chromium (resolves to transparent). The chosen approach (per the design spec)
+ * is: `:root` sets the light-mode delta as default, `.dark` and
+ * `@media (prefers-color-scheme: dark)` override with dark-mode deltas.
+ *
+ * @note impure — mutates `artifact` by writing delta token entries.
+ */
+export function computeDeltas(_tokens, resolver, artifact) {
+    const lightSet = resolver.apply({ theme: "light" });
+    const darkSet = resolver.apply({ theme: "dark" });
+    const lightDeltaDecls = [];
+    const darkDeltaDecls = [];
+    for (const { role, states } of interactiveRoles) {
+        for (const state of states) {
+            if (state === "disabled") {
+                continue;
+            }
+            const stateId = `${role}.${state}`;
+            const lightRest = lightSet[role];
+            const lightState = lightSet[stateId];
+            const darkRest = darkSet[role];
+            const darkState = darkSet[stateId];
+            if (!lightRest?.$value || !lightState?.$value) {
+                continue;
+            }
+            if (!darkRest?.$value || !darkState?.$value) {
+                continue;
+            }
+            const lightRestL = extractOklchL(lightRest.$value);
+            const lightStateL = extractOklchL(lightState.$value);
+            const darkRestL = extractOklchL(darkRest.$value);
+            const darkStateL = extractOklchL(darkState.$value);
+            if (lightRestL === null ||
+                lightStateL === null ||
+                darkRestL === null ||
+                darkStateL === null) {
+                continue;
+            }
+            const lightDelta = lightStateL - lightRestL;
+            const darkDelta = darkStateL - darkRestL;
+            const lightDeltaValue = formatDelta(lightDelta);
+            const darkDeltaValue = formatDelta(darkDelta);
+            const rolePath = convertTokenIdToCssVar(role).slice(2);
+            const deltaVar = `--delta-${state}-${rolePath}`;
+            const derivedFrom = convertTokenIdToCssVar(role);
+            lightDeltaDecls.push(createDeclaration(deltaVar, lightDeltaValue));
+            darkDeltaDecls.push(createDeclaration(deltaVar, darkDeltaValue));
+            artifact[deltaVar] = makeDerivedArtifactToken({
+                cssVar: deltaVar,
+                type: "number",
+                tier: "derived",
+                cssOutputFile: "modifiers.theme.css",
+                derivedFrom,
+                derivation: "delta",
+                valueLight: lightDeltaValue,
+                valueDark: darkDeltaValue,
+            });
+        }
+    }
+    return { lightDeltaDecls, darkDeltaDecls };
+}
+//# sourceMappingURL=computeDeltas.js.map

package/dist/esm/plugin/src/build/computeDeltas.js.map

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

package/dist/esm/plugin/src/build/constants/format.js

@@ -0,0 +1,3 @@
+/** Plugin output format identifier. */
+export const FORMAT = "canonical-css";
+//# sourceMappingURL=format.js.map

package/dist/esm/plugin/src/build/constants/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../../../../src/build/constants/format.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC"}

package/dist/esm/plugin/src/build/constants/header.js

@@ -0,0 +1,3 @@
+/** Generated file header. */
+export const HEADER = "/* Generated by @canonical/terrazzo-plugin-css. DO NOT EDIT. */";
+//# sourceMappingURL=header.js.map

package/dist/esm/plugin/src/build/constants/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/build/constants/header.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,MAAM,CAAC,MAAM,MAAM,GACjB,iEAAiE,CAAC"}

package/dist/esm/plugin/src/build/constants/interactiveRoles.js

@@ -0,0 +1,88 @@
+/** Interactive roles and their state variants. */
+export const interactiveRoles = [
+    {
+        role: "color.foreground.primary",
+        states: ["hover", "active", "disabled"],
+        hasSurface: false,
+        hasModifier: true,
+    },
+    {
+        role: "color.foreground.secondary",
+        states: ["hover", "active", "disabled"],
+        hasSurface: false,
+        hasModifier: true,
+    },
+    {
+        role: "color.foreground.ghost",
+        states: ["hover", "active", "disabled"],
+        hasSurface: true,
+        hasModifier: true,
+    },
+    {
+        role: "color.foreground.input",
+        states: ["hover", "active", "disabled"],
+        hasSurface: true,
+        hasModifier: true,
+    },
+    {
+        role: "color.foreground.navigation.primary",
+        states: ["hover", "active", "disabled"],
+        hasSurface: true,
+        hasModifier: false,
+    },
+    {
+        role: "color.foreground.navigation.secondary",
+        states: ["hover", "active", "disabled"],
+        hasSurface: false,
+        hasModifier: false,
+    },
+    {
+        role: "color.foreground.checkbox.unselected",
+        states: ["hover", "active", "disabled"],
+        hasSurface: true,
+        hasModifier: false,
+    },
+    {
+        role: "color.foreground.radio.unselected",
+        states: ["hover", "active", "disabled"],
+        hasSurface: true,
+        hasModifier: false,
+    },
+    {
+        role: "color.foreground.checkbox.checkmark",
+        states: ["disabled"],
+        hasSurface: true,
+        hasModifier: false,
+    },
+    {
+        role: "color.foreground.radio.checkmark",
+        states: ["disabled"],
+        hasSurface: true,
+        hasModifier: false,
+    },
+    {
+        role: "color.foreground.switch.knob",
+        states: ["disabled"],
+        hasSurface: true,
+        hasModifier: false,
+    },
+    {
+        role: "color.border",
+        states: ["disabled"],
+        hasSurface: false,
+        hasModifier: true,
+    },
+    {
+        role: "color.text",
+        states: ["disabled"],
+        hasSurface: false,
+        hasModifier: true,
+    },
+    {
+        role: "color.icon",
+        states: ["disabled"],
+        hasSurface: false,
+        hasModifier: true,
+    },
+];
+//# sourceMappingURL=interactiveRoles.js.map

package/dist/esm/plugin/src/build/constants/interactiveRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactiveRoles.js","sourceRoot":"","sources":["../../../../../../src/build/constants/interactiveRoles.ts"],"names":[],"mappings":"AAEA,kDAAkD;AAClD,MAAM,CAAC,MAAM,gBAAgB,GAAsB;IACjD;QACE,IAAI,EAAE,0BAA0B;QAChC,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,IAAI;KAClB;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,IAAI;KAClB;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,IAAI;KAClB;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,IAAI;KAClB;IACD;QACE,IAAI,EAAE,qCAAqC;QAC3C,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;KACnB;IACD;QACE,IAAI,EAAE,uCAAuC;QAC7C,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,KAAK;KACnB;IACD;QACE,IAAI,EAAE,sCAAsC;QAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;KACnB;IACD;QACE,IAAI,EAAE,mCAAmC;QACzC,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;QACvC,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;KACnB;IACD;QACE,IAAI,EAAE,qCAAqC;QAC3C,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;KACnB;IACD;QACE,IAAI,EAAE,kCAAkC;QACxC,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;KACnB;IACD;QACE,IAAI,EAAE,8BAA8B;QACpC,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;KACnB;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,IAAI;KAClB;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,IAAI;KAClB;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,IAAI;KAClB;CACF,CAAC"}

package/dist/esm/plugin/src/build/constants/surfaceSelectorMap.js

@@ -0,0 +1,7 @@
+/** Surface selector compounding by context depth. */
+export const SURFACE_SELECTOR_MAP = {
+    layer1: ".surface",
+    layer2: ".surface .surface",
+    layer3: ".surface .surface .surface",
+};
+//# sourceMappingURL=surfaceSelectorMap.js.map

package/dist/esm/plugin/src/build/constants/surfaceSelectorMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaceSelectorMap.js","sourceRoot":"","sources":["../../../../../../src/build/constants/surfaceSelectorMap.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAA2B;IAC1D,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,mBAAmB;IAC3B,MAAM,EAAE,4BAA4B;CACrC,CAAC"}

package/dist/esm/plugin/src/build/context.js

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

package/dist/esm/plugin/src/build/context.js.map

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