@aloudata/aloudata-design 3.0.20 → 3.0.22

package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js

@@ -0,0 +1,125 @@
+//#region src/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.ts
+var aldV3BaselineDeclarations = Object.freeze({
+	"--action-primary-normal": "var(--semantic-brand-600)",
+	"--action-primary-hover": "var(--semantic-brand-800)",
+	"--action-primary-active": "var(--semantic-brand-900)",
+	"--action-primary-selected": "var(--semantic-brand-800)",
+	"--action-primary-subtle-normal": "var(--semantic-brand-50)",
+	"--action-primary-subtle-hover": "var(--semantic-brand-100)",
+	"--action-primary-subtle-active": "var(--semantic-brand-300)",
+	"--action-primary-subtle-selected": "var(--semantic-brand-100)",
+	"--action-neutral-normal": "var(--semantic-neutral-700)",
+	"--action-neutral-hover": "var(--semantic-neutral-800)",
+	"--action-neutral-active": "var(--semantic-neutral-900)",
+	"--action-neutral-selected": "var(--semantic-neutral-800)",
+	"--action-neutral-subtle-normal": "var(--semantic-neutral-50)",
+	"--action-neutral-subtle-hover": "var(--semantic-neutral-100)",
+	"--action-neutral-subtle-active": "var(--semantic-neutral-300)",
+	"--action-neutral-subtle-selected": "var(--semantic-neutral-100)",
+	"--action-destructive-normal": "var(--semantic-negative-600)",
+	"--action-destructive-hover": "var(--semantic-negative-800)",
+	"--action-destructive-active": "var(--semantic-negative-900)",
+	"--action-destructive-selected": "var(--semantic-negative-800)",
+	"--action-destructive-subtle-normal": "var(--semantic-negative-50)",
+	"--action-destructive-subtle-hover": "var(--semantic-negative-100)",
+	"--action-destructive-subtle-active": "var(--semantic-negative-300)",
+	"--action-destructive-subtle-selected": "var(--semantic-negative-100)",
+	"--action-ghost-normal": "var(--global-transparent-transparent)",
+	"--action-ghost-hover": "var(--semantic-neutral-alpha-50)",
+	"--action-ghost-active": "var(--semantic-neutral-alpha-100)",
+	"--action-ghost-selected": "var(--semantic-neutral-alpha-50)",
+	"--action-ghost-inverted-hover": "var(--global-white-alpha-200)",
+	"--action-ghost-inverted-active": "var(--global-white-alpha-300)",
+	"--action-ghost-inverted-selected": "var(--global-white-alpha-200)",
+	"--action-ghost-destructive-hover": "var(--semantic-negative-50)",
+	"--action-ghost-destructive-active": "var(--semantic-negative-100)",
+	"--action-ghost-destructive-selected": "var(--semantic-negative-50)",
+	"--action-inverted-normal": "var(--global-white-alpha-950)",
+	"--action-inverted-hover": "var(--global-white-alpha-900)",
+	"--action-inverted-active": "var(--global-white-alpha-800)",
+	"--action-inverted-selected": "var(--global-white-alpha-900)",
+	"--background-default": "var(--global-white-alpha-950)",
+	"--background-inverted": "var(--semantic-neutral-900)",
+	"--background-brand-muted": "var(--semantic-brand-200)",
+	"--background-brand-on-subtle": "var(--semantic-brand-100)",
+	"--background-brand-strong": "var(--semantic-brand-600)",
+	"--background-neutral-hard": "var(--semantic-neutral-800)",
+	"--background-neutral-muted": "var(--semantic-neutral-200)",
+	"--background-neutral-on-subtle": "var(--semantic-neutral-100)",
+	"--background-neutral-strong": "var(--semantic-neutral-600)",
+	"--background-neutral-subtle": "var(--semantic-neutral-25)",
+	"--background-neutral-surface": "var(--semantic-neutral-neutral-0)",
+	"--background-informative-muted": "var(--semantic-informative-200)",
+	"--background-informative-on-subtle": "var(--semantic-informative-100)",
+	"--background-informative-strong": "var(--semantic-informative-600)",
+	"--background-informative-subtle": "var(--semantic-informative-25)",
+	"--background-informative-surface": "var(--semantic-informative-informative-0)",
+	"--background-positive-muted": "var(--semantic-positive-200)",
+	"--background-positive-on-subtle": "var(--semantic-positive-100)",
+	"--background-positive-strong": "var(--semantic-positive-600)",
+	"--background-positive-subtle": "var(--semantic-positive-25)",
+	"--background-positive-surface": "var(--semantic-positive-0)",
+	"--background-warning-muted": "var(--semantic-warning-200)",
+	"--background-warning-on-subtle": "var(--semantic-warning-100)",
+	"--background-warning-strong": "var(--semantic-warning-600)",
+	"--background-warning-subtle": "var(--semantic-warning-25)",
+	"--background-warning-surface": "var(--semantic-warning-0)",
+	"--background-negative-muted": "var(--semantic-negative-200)",
+	"--background-negative-on-subtle": "var(--semantic-negative-100)",
+	"--background-negative-strong": "var(--semantic-negative-600)",
+	"--background-negative-subtle": "var(--semantic-negative-25)",
+	"--background-negative-surface": "var(--semantic-negative-0)",
+	"--border-default": "var(--semantic-neutral-300)",
+	"--border-default-alpha": "var(--semantic-neutral-alpha-100)",
+	"--border-inverted": "var(--global-white-alpha-950)",
+	"--border-brand-strong": "var(--semantic-brand-600)",
+	"--border-brand-subtle": "var(--semantic-brand-300)",
+	"--border-neutral-strong": "var(--semantic-neutral-600)",
+	"--border-neutral-subtle": "var(--semantic-neutral-200)",
+	"--border-informative-strong": "var(--semantic-informative-600)",
+	"--border-informative-subtle": "var(--semantic-informative-300)",
+	"--border-positive-strong": "var(--semantic-positive-600)",
+	"--border-positive-subtle": "var(--semantic-positive-300)",
+	"--border-warning-strong": "var(--semantic-warning-600)",
+	"--border-warning-subtle": "var(--semantic-warning-300)",
+	"--border-negative-strong": "var(--semantic-negative-600)",
+	"--border-negative-subtle": "var(--semantic-negative-300)",
+	"--content-primary": "var(--semantic-neutral-900)",
+	"--content-secondary": "var(--semantic-neutral-600)",
+	"--content-tertiary": "var(--semantic-neutral-500)",
+	"--content-disabled": "var(--semantic-neutral-400)",
+	"--content-brand-primary": "var(--semantic-brand-900)",
+	"--content-brand-secondary": "var(--semantic-brand-600)",
+	"--content-inverted-primary": "var(--global-white-alpha-950)",
+	"--content-inverted-secondary": "var(--global-white-alpha-600)",
+	"--content-inverted-tertiary": "var(--global-white-alpha-500)",
+	"--content-inverted-disabled": "var(--global-white-alpha-400)",
+	"--content-informative-primary": "var(--semantic-informative-900)",
+	"--content-informative-secondary": "var(--semantic-informative-600)",
+	"--content-positive-primary": "var(--semantic-positive-900)",
+	"--content-positive-secondary": "var(--semantic-positive-600)",
+	"--content-warning-primary": "var(--semantic-warning-900)",
+	"--content-warning-secondary": "var(--semantic-warning-600)",
+	"--content-negative-primary": "var(--semantic-negative-900)",
+	"--content-negative-secondary": "var(--semantic-negative-600)",
+	"--dimension-0": "0px",
+	"--dimension-0-5": "2px",
+	"--dimension-1": "4px",
+	"--dimension-1-5": "6px",
+	"--dimension-2": "8px",
+	"--dimension-3": "12px",
+	"--dimension-4": "16px",
+	"--dimension-5": "20px",
+	"--dimension-6": "24px",
+	"--dimension-8": "32px",
+	"--dimension-10": "40px",
+	"--dimension-12": "48px",
+	"--dimension-14": "56px",
+	"--dimension-16": "64px",
+	"--dimension-18": "72px",
+	"--dimension-20": "80px"
+});
+//#endregion
+export { aldV3BaselineDeclarations };
+
+//# sourceMappingURL=v3BaselineDeclarations.js.map

package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v3BaselineDeclarations.js","names":[],"sources":["../../../../../src/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.ts"],"sourcesContent":["/* Generated from baselineResolvedTokenValueManifest. Do not edit manually. Fingerprint: fnv1a-a5cda374. */\n\nimport type { AldThemeCssVars } from '../../types';\n\nexport const aldV3BaselineDeclarations = Object.freeze({\n  '--action-primary-normal': 'var(--semantic-brand-600)',\n  '--action-primary-hover': 'var(--semantic-brand-800)',\n  '--action-primary-active': 'var(--semantic-brand-900)',\n  '--action-primary-selected': 'var(--semantic-brand-800)',\n  '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n  '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n  '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n  '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n  '--action-neutral-normal': 'var(--semantic-neutral-700)',\n  '--action-neutral-hover': 'var(--semantic-neutral-800)',\n  '--action-neutral-active': 'var(--semantic-neutral-900)',\n  '--action-neutral-selected': 'var(--semantic-neutral-800)',\n  '--action-neutral-subtle-normal': 'var(--semantic-neutral-50)',\n  '--action-neutral-subtle-hover': 'var(--semantic-neutral-100)',\n  '--action-neutral-subtle-active': 'var(--semantic-neutral-300)',\n  '--action-neutral-subtle-selected': 'var(--semantic-neutral-100)',\n  '--action-destructive-normal': 'var(--semantic-negative-600)',\n  '--action-destructive-hover': 'var(--semantic-negative-800)',\n  '--action-destructive-active': 'var(--semantic-negative-900)',\n  '--action-destructive-selected': 'var(--semantic-negative-800)',\n  '--action-destructive-subtle-normal': 'var(--semantic-negative-50)',\n  '--action-destructive-subtle-hover': 'var(--semantic-negative-100)',\n  '--action-destructive-subtle-active': 'var(--semantic-negative-300)',\n  '--action-destructive-subtle-selected': 'var(--semantic-negative-100)',\n  '--action-ghost-normal': 'var(--global-transparent-transparent)',\n  '--action-ghost-hover': 'var(--semantic-neutral-alpha-50)',\n  '--action-ghost-active': 'var(--semantic-neutral-alpha-100)',\n  '--action-ghost-selected': 'var(--semantic-neutral-alpha-50)',\n  '--action-ghost-inverted-hover': 'var(--global-white-alpha-200)',\n  '--action-ghost-inverted-active': 'var(--global-white-alpha-300)',\n  '--action-ghost-inverted-selected': 'var(--global-white-alpha-200)',\n  '--action-ghost-destructive-hover': 'var(--semantic-negative-50)',\n  '--action-ghost-destructive-active': 'var(--semantic-negative-100)',\n  '--action-ghost-destructive-selected': 'var(--semantic-negative-50)',\n  '--action-inverted-normal': 'var(--global-white-alpha-950)',\n  '--action-inverted-hover': 'var(--global-white-alpha-900)',\n  '--action-inverted-active': 'var(--global-white-alpha-800)',\n  '--action-inverted-selected': 'var(--global-white-alpha-900)',\n  '--background-default': 'var(--global-white-alpha-950)',\n  '--background-inverted': 'var(--semantic-neutral-900)',\n  '--background-brand-muted': 'var(--semantic-brand-200)',\n  '--background-brand-on-subtle': 'var(--semantic-brand-100)',\n  '--background-brand-strong': 'var(--semantic-brand-600)',\n  '--background-neutral-hard': 'var(--semantic-neutral-800)',\n  '--background-neutral-muted': 'var(--semantic-neutral-200)',\n  '--background-neutral-on-subtle': 'var(--semantic-neutral-100)',\n  '--background-neutral-strong': 'var(--semantic-neutral-600)',\n  '--background-neutral-subtle': 'var(--semantic-neutral-25)',\n  '--background-neutral-surface': 'var(--semantic-neutral-neutral-0)',\n  '--background-informative-muted': 'var(--semantic-informative-200)',\n  '--background-informative-on-subtle': 'var(--semantic-informative-100)',\n  '--background-informative-strong': 'var(--semantic-informative-600)',\n  '--background-informative-subtle': 'var(--semantic-informative-25)',\n  '--background-informative-surface':\n    'var(--semantic-informative-informative-0)',\n  '--background-positive-muted': 'var(--semantic-positive-200)',\n  '--background-positive-on-subtle': 'var(--semantic-positive-100)',\n  '--background-positive-strong': 'var(--semantic-positive-600)',\n  '--background-positive-subtle': 'var(--semantic-positive-25)',\n  '--background-positive-surface': 'var(--semantic-positive-0)',\n  '--background-warning-muted': 'var(--semantic-warning-200)',\n  '--background-warning-on-subtle': 'var(--semantic-warning-100)',\n  '--background-warning-strong': 'var(--semantic-warning-600)',\n  '--background-warning-subtle': 'var(--semantic-warning-25)',\n  '--background-warning-surface': 'var(--semantic-warning-0)',\n  '--background-negative-muted': 'var(--semantic-negative-200)',\n  '--background-negative-on-subtle': 'var(--semantic-negative-100)',\n  '--background-negative-strong': 'var(--semantic-negative-600)',\n  '--background-negative-subtle': 'var(--semantic-negative-25)',\n  '--background-negative-surface': 'var(--semantic-negative-0)',\n  '--border-default': 'var(--semantic-neutral-300)',\n  '--border-default-alpha': 'var(--semantic-neutral-alpha-100)',\n  '--border-inverted': 'var(--global-white-alpha-950)',\n  '--border-brand-strong': 'var(--semantic-brand-600)',\n  '--border-brand-subtle': 'var(--semantic-brand-300)',\n  '--border-neutral-strong': 'var(--semantic-neutral-600)',\n  '--border-neutral-subtle': 'var(--semantic-neutral-200)',\n  '--border-informative-strong': 'var(--semantic-informative-600)',\n  '--border-informative-subtle': 'var(--semantic-informative-300)',\n  '--border-positive-strong': 'var(--semantic-positive-600)',\n  '--border-positive-subtle': 'var(--semantic-positive-300)',\n  '--border-warning-strong': 'var(--semantic-warning-600)',\n  '--border-warning-subtle': 'var(--semantic-warning-300)',\n  '--border-negative-strong': 'var(--semantic-negative-600)',\n  '--border-negative-subtle': 'var(--semantic-negative-300)',\n  '--content-primary': 'var(--semantic-neutral-900)',\n  '--content-secondary': 'var(--semantic-neutral-600)',\n  '--content-tertiary': 'var(--semantic-neutral-500)',\n  '--content-disabled': 'var(--semantic-neutral-400)',\n  '--content-brand-primary': 'var(--semantic-brand-900)',\n  '--content-brand-secondary': 'var(--semantic-brand-600)',\n  '--content-inverted-primary': 'var(--global-white-alpha-950)',\n  '--content-inverted-secondary': 'var(--global-white-alpha-600)',\n  '--content-inverted-tertiary': 'var(--global-white-alpha-500)',\n  '--content-inverted-disabled': 'var(--global-white-alpha-400)',\n  '--content-informative-primary': 'var(--semantic-informative-900)',\n  '--content-informative-secondary': 'var(--semantic-informative-600)',\n  '--content-positive-primary': 'var(--semantic-positive-900)',\n  '--content-positive-secondary': 'var(--semantic-positive-600)',\n  '--content-warning-primary': 'var(--semantic-warning-900)',\n  '--content-warning-secondary': 'var(--semantic-warning-600)',\n  '--content-negative-primary': 'var(--semantic-negative-900)',\n  '--content-negative-secondary': 'var(--semantic-negative-600)',\n  '--dimension-0': '0px',\n  '--dimension-0-5': '2px',\n  '--dimension-1': '4px',\n  '--dimension-1-5': '6px',\n  '--dimension-2': '8px',\n  '--dimension-3': '12px',\n  '--dimension-4': '16px',\n  '--dimension-5': '20px',\n  '--dimension-6': '24px',\n  '--dimension-8': '32px',\n  '--dimension-10': '40px',\n  '--dimension-12': '48px',\n  '--dimension-14': '56px',\n  '--dimension-16': '64px',\n  '--dimension-18': '72px',\n  '--dimension-20': '80px',\n}) as AldThemeCssVars;\n\nexport const aldV3BaselineDeclarationsFingerprint = 'fnv1a-a5cda374';\n"],"mappings":";AAIA,IAAa,4BAA4B,OAAO,OAAO;CACrD,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,+BAA+B;CAC/B,8BAA8B;CAC9B,+BAA+B;CAC/B,iCAAiC;CACjC,sCAAsC;CACtC,qCAAqC;CACrC,sCAAsC;CACtC,wCAAwC;CACxC,yBAAyB;CACzB,wBAAwB;CACxB,yBAAyB;CACzB,2BAA2B;CAC3B,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,oCAAoC;CACpC,qCAAqC;CACrC,uCAAuC;CACvC,4BAA4B;CAC5B,2BAA2B;CAC3B,4BAA4B;CAC5B,8BAA8B;CAC9B,wBAAwB;CACxB,yBAAyB;CACzB,4BAA4B;CAC5B,gCAAgC;CAChC,6BAA6B;CAC7B,6BAA6B;CAC7B,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,kCAAkC;CAClC,sCAAsC;CACtC,mCAAmC;CACnC,mCAAmC;CACnC,oCACE;CACF,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,oBAAoB;CACpB,0BAA0B;CAC1B,qBAAqB;CACrB,yBAAyB;CACzB,yBAAyB;CACzB,2BAA2B;CAC3B,2BAA2B;CAC3B,+BAA+B;CAC/B,+BAA+B;CAC/B,4BAA4B;CAC5B,4BAA4B;CAC5B,2BAA2B;CAC3B,2BAA2B;CAC3B,4BAA4B;CAC5B,4BAA4B;CAC5B,qBAAqB;CACrB,uBAAuB;CACvB,sBAAsB;CACtB,sBAAsB;CACtB,2BAA2B;CAC3B,6BAA6B;CAC7B,8BAA8B;CAC9B,gCAAgC;CAChC,+BAA+B;CAC/B,+BAA+B;CAC/B,iCAAiC;CACjC,mCAAmC;CACnC,8BAA8B;CAC9B,gCAAgC;CAChC,6BAA6B;CAC7B,+BAA+B;CAC/B,8BAA8B;CAC9B,gCAAgC;CAChC,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CACnB,CAAC"}

package/dist/theme/runtime/colorValueMode/index.d.ts

@@ -0,0 +1,6 @@
+import { AldColorValueMode, AldColorValueModeDefinition } from './registry.js';
+export declare const aldColorValueModeStyleElementId = "ald-color-value-mode-runtime";
+export declare const aldColorValueModeDataAttribute = "data-ald-color-value-mode";
+export declare function createAldColorValueModeVars(definition: Pick<AldColorValueModeDefinition, 'mode' | 'selector' | 'declarations'>): string;
+export declare function buildAldColorValueModeCss(mode: unknown): string;
+export declare function applyAldColorValueMode(mode: unknown): AldColorValueMode;

package/dist/theme/runtime/colorValueMode/index.js

@@ -0,0 +1,55 @@
+import { themeStyleElementId } from "../tokenMap.js";
+import { getAldColorValueModeDefinition, isAldColorValueMode } from "./registry.js";
+//#region src/theme/runtime/colorValueMode/index.ts
+var aldColorValueModeStyleElementId = "ald-color-value-mode-runtime";
+var aldColorValueModeDataAttribute = "data-ald-color-value-mode";
+function createAldColorValueModeVars(definition) {
+	const entries = Object.entries(definition.declarations);
+	if (entries.length === 0) return "";
+	const declarations = entries.sort(([a], [b]) => a.localeCompare(b)).map(([name, value]) => `  ${name}: ${value};`).join("\n");
+	return `${definition.selector} {\n${declarations}\n}\n`;
+}
+function buildAldColorValueModeCss(mode) {
+	return createAldColorValueModeVars(getAldColorValueModeDefinition(mode));
+}
+function removeAldColorValueModeLayer() {
+	document.getElementById(aldColorValueModeStyleElementId)?.remove();
+}
+function placeColorValueModeLayer(style, mode) {
+	const tenantThemeStyle = document.getElementById(themeStyleElementId);
+	if (mode === "dark") {
+		document.head.appendChild(style);
+		return;
+	}
+	if (tenantThemeStyle) {
+		document.head.insertBefore(style, tenantThemeStyle);
+		return;
+	}
+	document.head.appendChild(style);
+}
+function injectAldColorValueModeLayer(mode) {
+	const cssText = buildAldColorValueModeCss(mode);
+	let style = document.getElementById(aldColorValueModeStyleElementId);
+	if (!cssText) {
+		removeAldColorValueModeLayer();
+		return;
+	}
+	if (!style) {
+		style = document.createElement("style");
+		style.id = aldColorValueModeStyleElementId;
+	}
+	placeColorValueModeLayer(style, mode);
+	style.setAttribute(aldColorValueModeDataAttribute, mode);
+	if (style.textContent !== cssText) style.textContent = cssText;
+}
+function applyAldColorValueMode(mode) {
+	if (typeof document === "undefined") return "legacy";
+	const normalizedMode = isAldColorValueMode(mode) ? mode : "legacy";
+	document.documentElement.setAttribute(aldColorValueModeDataAttribute, normalizedMode);
+	injectAldColorValueModeLayer(normalizedMode);
+	return normalizedMode;
+}
+//#endregion
+export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss, createAldColorValueModeVars };
+
+//# sourceMappingURL=index.js.map

package/dist/theme/runtime/colorValueMode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/index.ts"],"sourcesContent":["import {\n  getAldColorValueModeDefinition,\n  isAldColorValueMode,\n  type AldColorValueMode,\n  type AldColorValueModeDefinition,\n} from './registry';\nimport { themeStyleElementId } from '../tokenMap';\n\nexport const aldColorValueModeStyleElementId = 'ald-color-value-mode-runtime';\nexport const aldColorValueModeDataAttribute = 'data-ald-color-value-mode';\n\nexport function createAldColorValueModeVars(\n  definition: Pick<\n    AldColorValueModeDefinition,\n    'mode' | 'selector' | 'declarations'\n  >,\n) {\n  const entries = Object.entries(definition.declarations);\n\n  if (entries.length === 0) return '';\n\n  const declarations = entries\n    .sort(([a], [b]) => a.localeCompare(b))\n    .map(([name, value]) => `  ${name}: ${value};`)\n    .join('\\n');\n\n  return `${definition.selector} {\\n${declarations}\\n}\\n`;\n}\n\nexport function buildAldColorValueModeCss(mode: unknown) {\n  return createAldColorValueModeVars(getAldColorValueModeDefinition(mode));\n}\n\nfunction removeAldColorValueModeLayer() {\n  document.getElementById(aldColorValueModeStyleElementId)?.remove();\n}\n\nfunction placeColorValueModeLayer(\n  style: HTMLStyleElement,\n  mode: AldColorValueMode,\n) {\n  const tenantThemeStyle = document.getElementById(themeStyleElementId);\n\n  if (mode === 'dark') {\n    document.head.appendChild(style);\n    return;\n  }\n\n  if (tenantThemeStyle) {\n    document.head.insertBefore(style, tenantThemeStyle);\n    return;\n  }\n\n  document.head.appendChild(style);\n}\n\nfunction injectAldColorValueModeLayer(mode: AldColorValueMode) {\n  const cssText = buildAldColorValueModeCss(mode);\n  let style = document.getElementById(\n    aldColorValueModeStyleElementId,\n  ) as HTMLStyleElement | null;\n\n  if (!cssText) {\n    removeAldColorValueModeLayer();\n    return;\n  }\n\n  if (!style) {\n    style = document.createElement('style');\n    style.id = aldColorValueModeStyleElementId;\n  }\n\n  placeColorValueModeLayer(style, mode);\n  style.setAttribute(aldColorValueModeDataAttribute, mode);\n\n  if (style.textContent !== cssText) {\n    style.textContent = cssText;\n  }\n}\n\nexport function applyAldColorValueMode(mode: unknown): AldColorValueMode {\n  if (typeof document === 'undefined') return 'legacy';\n\n  const normalizedMode = isAldColorValueMode(mode) ? mode : 'legacy';\n\n  document.documentElement.setAttribute(\n    aldColorValueModeDataAttribute,\n    normalizedMode,\n  );\n  injectAldColorValueModeLayer(normalizedMode);\n\n  return normalizedMode;\n}\n"],"mappings":";;;AAQA,IAAa,kCAAkC;AAC/C,IAAa,iCAAiC;AAE9C,SAAgB,4BACd,YAIA;CACA,MAAM,UAAU,OAAO,QAAQ,WAAW,aAAa;AAEvD,KAAI,QAAQ,WAAW,EAAG,QAAO;CAEjC,MAAM,eAAe,QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,GAAG,WAAW,SAAS,MAAM,aAAa;;AAGnD,SAAgB,0BAA0B,MAAe;AACvD,QAAO,4BAA4B,+BAA+B,KAAK,CAAC;;AAG1E,SAAS,+BAA+B;AACtC,UAAS,eAAe,gCAAgC,EAAE,QAAQ;;AAGpE,SAAS,yBACP,OACA,MACA;CACA,MAAM,mBAAmB,SAAS,eAAe,oBAAoB;AAErE,KAAI,SAAS,QAAQ;AACnB,WAAS,KAAK,YAAY,MAAM;AAChC;;AAGF,KAAI,kBAAkB;AACpB,WAAS,KAAK,aAAa,OAAO,iBAAiB;AACnD;;AAGF,UAAS,KAAK,YAAY,MAAM;;AAGlC,SAAS,6BAA6B,MAAyB;CAC7D,MAAM,UAAU,0BAA0B,KAAK;CAC/C,IAAI,QAAQ,SAAS,eACnB,gCACD;AAED,KAAI,CAAC,SAAS;AACZ,gCAA8B;AAC9B;;AAGF,KAAI,CAAC,OAAO;AACV,UAAQ,SAAS,cAAc,QAAQ;AACvC,QAAM,KAAK;;AAGb,0BAAyB,OAAO,KAAK;AACrC,OAAM,aAAa,gCAAgC,KAAK;AAExD,KAAI,MAAM,gBAAgB,QACxB,OAAM,cAAc;;AAIxB,SAAgB,uBAAuB,MAAkC;AACvE,KAAI,OAAO,aAAa,YAAa,QAAO;CAE5C,MAAM,iBAAiB,oBAAoB,KAAK,GAAG,OAAO;AAE1D,UAAS,gBAAgB,aACvB,gCACA,eACD;AACD,8BAA6B,eAAe;AAE5C,QAAO"}

package/dist/theme/runtime/colorValueMode/registry.d.ts

@@ -0,0 +1,38 @@
+import { AldThemeCssVars } from '../types';
+export type AldColorValueModeLifecycle = 'stable' | 'experimental' | 'deprecated';
+export interface AldColorValueModeDefinition<Mode extends string = string> {
+    mode: Mode;
+    title: string;
+    lifecycle: AldColorValueModeLifecycle;
+    selector: string;
+    declarations: AldThemeCssVars;
+}
+declare const colorValueModeRegistry: {
+    readonly legacy: {
+        readonly mode: "legacy";
+        readonly title: "Legacy compatibility values";
+        readonly lifecycle: "stable";
+        readonly selector: ":root[data-ald-color-value-mode=\"legacy\"]";
+        readonly declarations: {};
+    };
+    readonly v3: {
+        readonly mode: "v3";
+        readonly title: "ALD V3 values";
+        readonly lifecycle: "stable";
+        readonly selector: ":root[data-ald-color-value-mode=\"v3\"]";
+        readonly declarations: AldThemeCssVars;
+    };
+    readonly dark: {
+        readonly mode: "dark";
+        readonly title: "ALD Dark values";
+        readonly lifecycle: "stable";
+        readonly selector: ":root[data-ald-color-value-mode=\"dark\"]";
+        readonly declarations: AldThemeCssVars;
+    };
+};
+export type AldColorValueMode = keyof typeof colorValueModeRegistry;
+export declare const aldColorValueModes: readonly ("dark" | "legacy" | "v3")[];
+export declare function isAldColorValueMode(value: unknown): value is AldColorValueMode;
+export declare function getAldColorValueModeDefinition(mode: unknown): AldColorValueModeDefinition<AldColorValueMode>;
+export declare function getAldColorValueModeDefinitions(): Array<AldColorValueModeDefinition<AldColorValueMode>>;
+export {};

package/dist/theme/runtime/colorValueMode/registry.js

@@ -0,0 +1,46 @@
+import { aldV3BaselineDeclarations } from "./generated/v3BaselineDeclarations.js";
+import { aldDarkBaselineDeclarations } from "./generated/darkBaselineDeclarations.js";
+//#region src/theme/runtime/colorValueMode/registry.ts
+var colorValueModeRegistry = {
+	legacy: {
+		mode: "legacy",
+		title: "Legacy compatibility values",
+		lifecycle: "stable",
+		selector: ":root[data-ald-color-value-mode=\"legacy\"]",
+		declarations: {}
+	},
+	v3: {
+		mode: "v3",
+		title: "ALD V3 values",
+		lifecycle: "stable",
+		selector: ":root[data-ald-color-value-mode=\"v3\"]",
+		declarations: aldV3BaselineDeclarations
+	},
+	dark: {
+		mode: "dark",
+		title: "ALD Dark values",
+		lifecycle: "stable",
+		selector: ":root[data-ald-color-value-mode=\"dark\"]",
+		declarations: aldDarkBaselineDeclarations
+	}
+};
+var aldColorValueModes = Object.freeze(Object.keys(colorValueModeRegistry));
+function isAldColorValueMode(value) {
+	return typeof value === "string" && Object.prototype.hasOwnProperty.call(colorValueModeRegistry, value);
+}
+function copyDefinition(definition) {
+	return {
+		...definition,
+		declarations: { ...definition.declarations }
+	};
+}
+function getAldColorValueModeDefinition(mode) {
+	return copyDefinition(colorValueModeRegistry[isAldColorValueMode(mode) ? mode : "legacy"]);
+}
+function getAldColorValueModeDefinitions() {
+	return aldColorValueModes.map((mode) => getAldColorValueModeDefinition(mode));
+}
+//#endregion
+export { aldColorValueModes, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, isAldColorValueMode };
+
+//# sourceMappingURL=registry.js.map

package/dist/theme/runtime/colorValueMode/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/registry.ts"],"sourcesContent":["import { aldV3BaselineDeclarations } from './generated/v3BaselineDeclarations';\nimport { aldDarkBaselineDeclarations } from './generated/darkBaselineDeclarations';\nimport type { AldThemeCssVars } from '../types';\n\nexport type AldColorValueModeLifecycle =\n  | 'stable'\n  | 'experimental'\n  | 'deprecated';\n\nexport interface AldColorValueModeDefinition<Mode extends string = string> {\n  mode: Mode;\n  title: string;\n  lifecycle: AldColorValueModeLifecycle;\n  selector: string;\n  declarations: AldThemeCssVars;\n}\n\nconst colorValueModeRegistry = {\n  legacy: {\n    mode: 'legacy',\n    title: 'Legacy compatibility values',\n    lifecycle: 'stable',\n    selector: ':root[data-ald-color-value-mode=\"legacy\"]',\n    declarations: {},\n  },\n  v3: {\n    mode: 'v3',\n    title: 'ALD V3 values',\n    lifecycle: 'stable',\n    selector: ':root[data-ald-color-value-mode=\"v3\"]',\n    declarations: aldV3BaselineDeclarations,\n  },\n  dark: {\n    mode: 'dark',\n    title: 'ALD Dark values',\n    lifecycle: 'stable',\n    selector: ':root[data-ald-color-value-mode=\"dark\"]',\n    declarations: aldDarkBaselineDeclarations,\n  },\n} as const satisfies Record<string, AldColorValueModeDefinition>;\n\nexport type AldColorValueMode = keyof typeof colorValueModeRegistry;\n\nexport const aldColorValueModes = Object.freeze(\n  Object.keys(colorValueModeRegistry) as AldColorValueMode[],\n);\n\nexport function isAldColorValueMode(\n  value: unknown,\n): value is AldColorValueMode {\n  return (\n    typeof value === 'string' &&\n    Object.prototype.hasOwnProperty.call(colorValueModeRegistry, value)\n  );\n}\n\nfunction copyDefinition(\n  definition: AldColorValueModeDefinition<AldColorValueMode>,\n): AldColorValueModeDefinition<AldColorValueMode> {\n  return {\n    ...definition,\n    declarations: { ...definition.declarations },\n  };\n}\n\nexport function getAldColorValueModeDefinition(\n  mode: unknown,\n): AldColorValueModeDefinition<AldColorValueMode> {\n  const normalizedMode = isAldColorValueMode(mode) ? mode : 'legacy';\n\n  return copyDefinition(\n    colorValueModeRegistry[\n      normalizedMode\n    ] as AldColorValueModeDefinition<AldColorValueMode>,\n  );\n}\n\nexport function getAldColorValueModeDefinitions(): Array<\n  AldColorValueModeDefinition<AldColorValueMode>\n> {\n  return aldColorValueModes.map((mode) => getAldColorValueModeDefinition(mode));\n}\n"],"mappings":";;;AAiBA,IAAM,yBAAyB;CAC7B,QAAQ;EACN,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc,EAAE;EACjB;CACD,IAAI;EACF,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;CACD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;CACF;AAID,IAAa,qBAAqB,OAAO,OACvC,OAAO,KAAK,uBAAuB,CACpC;AAED,SAAgB,oBACd,OAC4B;AAC5B,QACE,OAAO,UAAU,YACjB,OAAO,UAAU,eAAe,KAAK,wBAAwB,MAAM;;AAIvE,SAAS,eACP,YACgD;AAChD,QAAO;EACL,GAAG;EACH,cAAc,EAAE,GAAG,WAAW,cAAc;EAC7C;;AAGH,SAAgB,+BACd,MACgD;AAGhD,QAAO,eACL,uBAHqB,oBAAoB,KAAK,GAAG,OAAO,UAMzD;;AAGH,SAAgB,kCAEd;AACA,QAAO,mBAAmB,KAAK,SAAS,+BAA+B,KAAK,CAAC"}

package/dist/theme/runtime/colorValueMode/v3.d.ts

@@ -0,0 +1 @@
+export { aldV3BaselineDeclarations as aldV3ColorValueModeVars } from './generated/v3BaselineDeclarations.js';

package/dist/theme/runtime/colorValueMode/v3.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/dist/theme/runtime/colorValueMode.d.ts

@@ -0,0 +1,2 @@
+export * from './colorValueMode/index.js';
+export { default } from './colorValueMode/index.js';

package/dist/theme/{createTheme.js → runtime/createTheme.js}

@@ -1,5 +1,5 @@
 import { defaultTheme } from "./defaultTheme.js";
-//#region src/theme/createTheme.ts
+//#region src/theme/runtime/createTheme.ts
 var colorTokenKeys = [
 	"colorPrimary",
 	"colorSuccess",

package/dist/theme/runtime/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","names":[],"sources":["../../../src/theme/runtime/createTheme.ts"],"sourcesContent":["import { defaultTheme } from './defaultTheme';\nimport type { AldThemeConfig, AldThemeToken, ResolvedAldTheme } from './types';\n\nconst colorTokenKeys: Array<\n  keyof Pick<\n    AldThemeToken,\n    | 'colorPrimary'\n    | 'colorSuccess'\n    | 'colorWarning'\n    | 'colorError'\n    | 'colorInfo'\n    | 'colorTextBase'\n    | 'colorBgBase'\n    | 'colorBorderBase'\n  >\n> = [\n  'colorPrimary',\n  'colorSuccess',\n  'colorWarning',\n  'colorError',\n  'colorInfo',\n  'colorTextBase',\n  'colorBgBase',\n  'colorBorderBase',\n];\n\nfunction normalizeThemeId(id?: string) {\n  if (!id) return defaultTheme.id;\n  return /^[A-Za-z0-9_-]+$/.test(id) ? id : 'tenant-theme';\n}\n\nfunction isHexColor(value: unknown): value is string {\n  return (\n    typeof value === 'string' && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value)\n  );\n}\n\nfunction isSafeRadius(value: unknown): value is number | string {\n  if (typeof value === 'number') return Number.isFinite(value) && value >= 0;\n  return (\n    typeof value === 'string' && /^\\d+(\\.\\d+)?(px|rem|em|%)$/.test(value.trim())\n  );\n}\n\nfunction sanitizeToken(token: AldThemeConfig['token']): AldThemeToken {\n  const next: AldThemeToken = {};\n\n  for (const key of colorTokenKeys) {\n    const value = token?.[key];\n    if (isHexColor(value)) {\n      next[key] = value;\n    }\n  }\n\n  const borderRadius = token?.borderRadius;\n  if (isSafeRadius(borderRadius)) {\n    next.borderRadius = borderRadius;\n  }\n\n  return next;\n}\n\nexport function createTheme(config: AldThemeConfig = {}): ResolvedAldTheme {\n  return {\n    id: normalizeThemeId(config.id),\n    token: {\n      ...defaultTheme.token,\n      ...sanitizeToken(config.token),\n    },\n  };\n}\n"],"mappings":";;AAGA,IAAM,iBAYF;CACF;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,iBAAiB,IAAa;AACrC,KAAI,CAAC,GAAI,QAAO,aAAa;AAC7B,QAAO,mBAAmB,KAAK,GAAG,GAAG,KAAK;;AAG5C,SAAS,WAAW,OAAiC;AACnD,QACE,OAAO,UAAU,YAAY,gCAAgC,KAAK,MAAM;;AAI5E,SAAS,aAAa,OAA0C;AAC9D,KAAI,OAAO,UAAU,SAAU,QAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AACzE,QACE,OAAO,UAAU,YAAY,6BAA6B,KAAK,MAAM,MAAM,CAAC;;AAIhF,SAAS,cAAc,OAA+C;CACpE,MAAM,OAAsB,EAAE;AAE9B,MAAK,MAAM,OAAO,gBAAgB;EAChC,MAAM,QAAQ,QAAQ;AACtB,MAAI,WAAW,MAAM,CACnB,MAAK,OAAO;;CAIhB,MAAM,eAAe,OAAO;AAC5B,KAAI,aAAa,aAAa,CAC5B,MAAK,eAAe;AAGtB,QAAO;;AAGT,SAAgB,YAAY,SAAyB,EAAE,EAAoB;AACzE,QAAO;EACL,IAAI,iBAAiB,OAAO,GAAG;EAC/B,OAAO;GACL,GAAG,aAAa;GAChB,GAAG,cAAc,OAAO,MAAM;GAC/B;EACF"}

package/dist/theme/{defaultTheme.js → runtime/defaultTheme.js}

@@ -1,4 +1,4 @@
-//#region src/theme/defaultTheme.ts
+//#region src/theme/runtime/defaultTheme.ts
 var defaultTheme = {
 	id: "default",
 	token: {

package/dist/theme/runtime/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","names":[],"sources":["../../../src/theme/runtime/defaultTheme.ts"],"sourcesContent":["import type { ResolvedAldTheme } from './types';\n\nexport const defaultTheme: ResolvedAldTheme = {\n  id: 'default',\n  token: {\n    colorPrimary: '#3062D4',\n    colorSuccess: '#1D7C4D',\n    colorWarning: '#F59638',\n    colorError: '#CF3F3F',\n    colorInfo: '#3062D4',\n    colorTextBase: '#272E35',\n    colorBgBase: '#FFFFFF',\n    colorBorderBase: '#EAEDF0',\n    borderRadius: 6,\n  },\n};\n"],"mappings":";AAEA,IAAa,eAAiC;CAC5C,IAAI;CACJ,OAAO;EACL,cAAc;EACd,cAAc;EACd,cAAc;EACd,YAAY;EACZ,WAAW;EACX,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,cAAc;EACf;CACF"}

package/dist/theme/{initAldTheme.js → runtime/initAldTheme.js}

@@ -1,7 +1,9 @@
 import { createTheme } from "./createTheme.js";
 import { themeDataAttribute, themeStyleElementId } from "./tokenMap.js";
 import { themeToCssVars } from "./themeToCssVars.js";
-//#region src/theme/initAldTheme.ts
+//#region src/theme/runtime/initAldTheme.ts
+var colorValueModeStyleElementId = "ald-color-value-mode-runtime";
+var colorValueModeDataAttribute = "data-ald-color-value-mode";
 function escapeCssString(value) {
 	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
 }
@@ -18,6 +20,9 @@ function initAldTheme(config) {
 	style.textContent = createThemeCss(theme);
 	document.getElementById(themeStyleElementId)?.remove();
 	document.head.appendChild(style);
+	const colorValueModeStyle = document.getElementById(colorValueModeStyleElementId);
+	if (colorValueModeStyle?.getAttribute(colorValueModeDataAttribute) === "dark") document.head.appendChild(colorValueModeStyle);
+	else if (colorValueModeStyle) document.head.insertBefore(colorValueModeStyle, style);
 	document.documentElement.setAttribute(themeDataAttribute, theme.id);
 }
 //#endregion

package/dist/theme/runtime/initAldTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initAldTheme.js","names":[],"sources":["../../../src/theme/runtime/initAldTheme.ts"],"sourcesContent":["import { createTheme } from './createTheme';\nimport { themeDataAttribute, themeStyleElementId } from './tokenMap';\nimport { themeToCssVars } from './themeToCssVars';\nimport type { AldThemeConfig, ResolvedAldTheme } from './types';\n\nconst colorValueModeStyleElementId = 'ald-color-value-mode-runtime';\nconst colorValueModeDataAttribute = 'data-ald-color-value-mode';\n\nfunction escapeCssString(value: string) {\n  return value.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"');\n}\n\nfunction createThemeCss(theme: ResolvedAldTheme) {\n  const vars = themeToCssVars(theme);\n  const body = Object.entries(vars)\n    .map(([name, value]) => `  ${name}: ${value};`)\n    .join('\\n');\n\n  return `:root[${themeDataAttribute}=\"${escapeCssString(\n    theme.id,\n  )}\"] {\\n${body}\\n}\\n`;\n}\n\nexport function initAldTheme(config: AldThemeConfig | ResolvedAldTheme): void {\n  if (typeof document === 'undefined') return;\n\n  const theme = createTheme(config);\n  const style = document.createElement('style');\n\n  style.id = themeStyleElementId;\n  style.textContent = createThemeCss(theme);\n\n  document.getElementById(themeStyleElementId)?.remove();\n  document.head.appendChild(style);\n\n  const colorValueModeStyle = document.getElementById(\n    colorValueModeStyleElementId,\n  );\n  if (\n    colorValueModeStyle?.getAttribute(colorValueModeDataAttribute) === 'dark'\n  ) {\n    document.head.appendChild(colorValueModeStyle);\n  } else if (colorValueModeStyle) {\n    document.head.insertBefore(colorValueModeStyle, style);\n  }\n\n  document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,IAAM,+BAA+B;AACrC,IAAM,8BAA8B;AAEpC,SAAS,gBAAgB,OAAe;AACtC,QAAO,MAAM,QAAQ,OAAO,OAAO,CAAC,QAAQ,MAAM,OAAM;;AAG1D,SAAS,eAAe,OAAyB;CAC/C,MAAM,OAAO,eAAe,MAAM;CAClC,MAAM,OAAO,OAAO,QAAQ,KAAK,CAC9B,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,SAAS,mBAAmB,IAAI,gBACrC,MAAM,GACP,CAAC,QAAQ,KAAK;;AAGjB,SAAgB,aAAa,QAAiD;AAC5E,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,QAAQ,YAAY,OAAO;CACjC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAE7C,OAAM,KAAK;AACX,OAAM,cAAc,eAAe,MAAM;AAEzC,UAAS,eAAe,oBAAoB,EAAE,QAAQ;AACtD,UAAS,KAAK,YAAY,MAAM;CAEhC,MAAM,sBAAsB,SAAS,eACnC,6BACD;AACD,KACE,qBAAqB,aAAa,4BAA4B,KAAK,OAEnE,UAAS,KAAK,YAAY,oBAAoB;UACrC,oBACT,UAAS,KAAK,aAAa,qBAAqB,MAAM;AAGxD,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}

package/dist/theme/runtime/integrationController.d.ts

@@ -0,0 +1,26 @@
+import { CssArtifact } from '../generator/cssArtifactEmitter';
+import { RuntimeAdapterResult } from './runtimeAdapter.js';
+export interface ColorPipelineIntegrationConfig {
+    enableNewColorPipeline: boolean;
+}
+export interface ColorPipelineIntegrationInput {
+    artifact: CssArtifact | null;
+    config?: ColorPipelineIntegrationConfig;
+}
+export interface ColorPipelineIntegrationResult {
+    valid: boolean;
+    enableNewColorPipeline: boolean;
+    activePipeline: 'legacy' | 'new-color-pipeline';
+    cssText: string | null;
+    adapter: RuntimeAdapterResult;
+    rollback: {
+        available: true;
+        target: 'legacy';
+    };
+    metadata: {
+        controllerStage: 'phase-3-final-controlled-integration';
+        defaultEnabled: false;
+        runtimeInjected: false;
+    } & Readonly<Record<string, unknown>>;
+}
+export declare function createColorPipelineIntegration({ artifact, config, }: ColorPipelineIntegrationInput): ColorPipelineIntegrationResult;

package/dist/theme/runtime/integrationController.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/dist/theme/runtime/runtimeAdapter.d.ts

@@ -0,0 +1,31 @@
+import { CssArtifact } from '../generator/cssArtifactEmitter';
+export type RuntimeAdapterMode = 'legacy' | 'css-artifact';
+export interface RuntimeAdapterOptions {
+    mode?: RuntimeAdapterMode;
+}
+export type RuntimeAdapterIssueCode = 'missing-css-artifact' | 'invalid-css-artifact';
+export interface RuntimeAdapterIssue {
+    code: RuntimeAdapterIssueCode;
+    severity: 'error' | 'warning';
+    message: string;
+}
+export interface RuntimeAdapterResult {
+    valid: boolean;
+    mode: RuntimeAdapterMode;
+    active: boolean;
+    cssText: string | null;
+    artifact: CssArtifact | null;
+    errors: readonly RuntimeAdapterIssue[];
+    warnings: readonly RuntimeAdapterIssue[];
+    metadata: {
+        source: 'CssArtifact';
+        adapterStage: 'phase-3-final-runtime-adapter';
+        legacyRuntimePreserved: true;
+        runtimeInjected: false;
+    } & Readonly<Record<string, unknown>>;
+}
+export interface CreateRuntimeAdapterInput {
+    artifact: CssArtifact | null;
+    options?: RuntimeAdapterOptions;
+}
+export declare function createRuntimeCssArtifactAdapter({ artifact, options, }: CreateRuntimeAdapterInput): RuntimeAdapterResult;

package/dist/theme/runtime/runtimeAdapter.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/dist/theme/{themeToCssVars.js → runtime/themeToCssVars.js}

@@ -1,5 +1,5 @@
 import { assignVars, radiusVarNames } from "./tokenMap.js";
-//#region src/theme/themeToCssVars.ts
+//#region src/theme/runtime/themeToCssVars.ts
 var tonalStops = {
 	950: .68,
 	900: .52,

package/dist/theme/runtime/themeToCssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeToCssVars.js","names":[],"sources":["../../../src/theme/runtime/themeToCssVars.ts"],"sourcesContent":["import { assignVars, radiusVarNames } from './tokenMap';\nimport type { AldThemeCssVars, ResolvedAldTheme } from './types';\n\ntype Rgb = [number, number, number];\n\nconst tonalStops = {\n  950: 0.68,\n  900: 0.52,\n  800: 0.36,\n  700: 0.18,\n  600: 0,\n  500: 0.2,\n  400: 0.38,\n  300: 0.56,\n  200: 0.72,\n  100: 0.84,\n  50: 0.92,\n  25: 0.96,\n  0: 0.98,\n} as const;\n\nfunction clampChannel(value: number) {\n  return Math.max(0, Math.min(255, Math.round(value)));\n}\n\nfunction parseHexColor(color: string): Rgb | null {\n  const normalized = color.trim();\n  const match = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (!match) return null;\n  const hex =\n    match[1].length === 3\n      ? match[1]\n          .split('')\n          .map((char) => char + char)\n          .join('')\n      : match[1];\n  return [\n    Number.parseInt(hex.slice(0, 2), 16),\n    Number.parseInt(hex.slice(2, 4), 16),\n    Number.parseInt(hex.slice(4, 6), 16),\n  ];\n}\n\nfunction rgbToHex(rgb: Rgb) {\n  return `#${rgb\n    .map((channel) => clampChannel(channel).toString(16).padStart(2, '0'))\n    .join('')}`;\n}\n\nfunction normalizeColor(color: string) {\n  const rgb = parseHexColor(color);\n  return rgb ? rgbToHex(rgb) : color.trim();\n}\n\nfunction mix(from: Rgb, to: Rgb, amount: number): Rgb {\n  return [\n    from[0] + (to[0] - from[0]) * amount,\n    from[1] + (to[1] - from[1]) * amount,\n    from[2] + (to[2] - from[2]) * amount,\n  ];\n}\n\nfunction createPaletteVars(\n  prefix: string,\n  baseColor: string,\n  globalPrefix?: string,\n  globalZeroName?: `--${string}`,\n): AldThemeCssVars {\n  const baseRgb = parseHexColor(baseColor);\n  const base = normalizeColor(baseColor);\n\n  if (!baseRgb) {\n    return {\n      [`--semantic-${prefix}-600`]: base,\n    };\n  }\n\n  const vars: AldThemeCssVars = {};\n  for (const [stop, amount] of Object.entries(tonalStops)) {\n    const target: Rgb = Number(stop) > 600 ? [0, 0, 0] : [255, 255, 255];\n    const value =\n      stop === '600' ? base : rgbToHex(mix(baseRgb, target, amount));\n    vars[`--semantic-${prefix}-${stop}`] = value;\n    if (globalPrefix) {\n      vars[`--${globalPrefix}-${stop}`] = value;\n    }\n  }\n  if (globalZeroName && vars[`--semantic-${prefix}-0`]) {\n    vars[globalZeroName] = vars[`--semantic-${prefix}-0`];\n  }\n  return vars;\n}\n\nfunction radiusToCssValue(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars {\n  const { token } = theme;\n  const vars: AldThemeCssVars = {};\n\n  assignVars(\n    vars,\n    createPaletteVars(\n      'brand',\n      token.colorPrimary,\n      'global-blue',\n      '--global-blue-blue-0',\n    ),\n  );\n  assignVars(vars, createPaletteVars('informative', token.colorInfo));\n  assignVars(\n    vars,\n    createPaletteVars(\n      'positive',\n      token.colorSuccess,\n      'global-green',\n      '--global-green-green-0',\n    ),\n  );\n  assignVars(\n    vars,\n    createPaletteVars(\n      'warning',\n      token.colorWarning,\n      'global-orange',\n      '--global-orange-orange-0',\n    ),\n  );\n  assignVars(\n    vars,\n    createPaletteVars('negative', token.colorError, 'global-red'),\n  );\n\n  const textBase = normalizeColor(token.colorTextBase);\n  const bgBase = normalizeColor(token.colorBgBase);\n  const borderBase = normalizeColor(token.colorBorderBase);\n  const radius = radiusToCssValue(token.borderRadius);\n\n  assignVars(vars, {\n    '--content-primary': textBase,\n    '--alias-colors-text-strong': textBase,\n    '--alias-colors-text-default': textBase,\n    '--background-default': bgBase,\n    '--background-neutral-surface': bgBase,\n    '--border-default': borderBase,\n    '--border-default-alpha': borderBase,\n    '--action-primary-normal': 'var(--semantic-brand-600)',\n    '--action-primary-hover': 'var(--semantic-brand-800)',\n    '--action-primary-active': 'var(--semantic-brand-900)',\n    '--action-primary-selected': 'var(--semantic-brand-800)',\n    '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n    '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n    '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n    '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n    '--content-brand-primary': 'var(--semantic-brand-900)',\n    '--content-brand-secondary': 'var(--semantic-brand-600)',\n    '--alias-colors-text-selected': 'var(--semantic-brand-900)',\n    '--alias-colors-text-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-text-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-text-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-text-success': 'var(--semantic-positive-600)',\n    '--alias-colors-text-information': 'var(--semantic-informative-600)',\n    '--alias-colors-icon-selected': 'var(--semantic-brand-600)',\n    '--alias-colors-icon-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-icon-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-icon-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-icon-success': 'var(--semantic-positive-600)',\n    '--alias-colors-icon-information': 'var(--semantic-informative-600)',\n    '--border-brand-strong': 'var(--semantic-brand-600)',\n    '--border-brand-subtle': 'var(--semantic-brand-300)',\n    '--alias-colors-border-selected': 'var(--semantic-brand-600)',\n    '--alias-colors-border-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-border-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-border-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-border-success': 'var(--semantic-positive-600)',\n    '--alias-colors-border-information': 'var(--semantic-informative-600)',\n    '--alias-colors-bg-selected-default': 'var(--semantic-brand-100)',\n    '--alias-colors-bg-selected-hover': 'var(--semantic-brand-100)',\n    '--alias-colors-bg-selected-press': 'var(--semantic-brand-300)',\n    '--alias-colors-bg-selected-strong-default': 'var(--semantic-brand-600)',\n    '--alias-colors-bg-selected-strong-hover': 'var(--semantic-brand-600)',\n    '--alias-colors-bg-selected-strong-press': 'var(--semantic-brand-900)',\n    '--background-brand-strong': 'var(--semantic-brand-600)',\n    '--background-brand-muted': 'var(--semantic-brand-200)',\n    '--background-brand-subtle': 'var(--semantic-brand-25)',\n    '--semantic-informative-informative-0': 'var(--semantic-informative-0)',\n    '--interaction-default-normal': 'var(--semantic-brand-600)',\n    '--interaction-default-hover': 'var(--semantic-brand-800)',\n    '--interaction-default-active': 'var(--semantic-brand-900)',\n    '--interaction-border-normal': 'var(--semantic-brand-400)',\n    '--interaction-border-hover': 'var(--semantic-brand-500)',\n    '--interaction-border-active': 'var(--semantic-brand-700)',\n    '--interaction-border-selected': 'var(--semantic-brand-600)',\n  });\n\n  for (const varName of radiusVarNames) {\n    vars[varName] = radius;\n  }\n\n  return vars;\n}\n"],"mappings":"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"}

package/dist/theme/{tokenMap.js → runtime/tokenMap.js}

@@ -1,4 +1,4 @@
-//#region src/theme/tokenMap.ts
+//#region src/theme/runtime/tokenMap.ts
 var themeStyleElementId = "ald-theme-runtime";
 var themeDataAttribute = "data-ald-theme";
 var radiusVarNames = ["--alias-radius-75", "--alias-radius-100"];

package/dist/theme/runtime/tokenMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenMap.js","names":[],"sources":["../../../src/theme/runtime/tokenMap.ts"],"sourcesContent":["import type { AldThemeCssVars } from './types';\n\nexport const themeStyleElementId = 'ald-theme-runtime';\nexport const themeDataAttribute = 'data-ald-theme';\n\nexport const radiusVarNames = [\n  '--alias-radius-75',\n  '--alias-radius-100',\n] as const;\n\nexport function assignVars(\n  target: AldThemeCssVars,\n  vars: AldThemeCssVars,\n): AldThemeCssVars {\n  Object.assign(target, vars);\n  return target;\n}\n"],"mappings":";AAEA,IAAa,sBAAsB;AACnC,IAAa,qBAAqB;AAElC,IAAa,iBAAiB,CAC5B,qBACA,qBACD;AAED,SAAgB,WACd,QACA,MACiB;AACjB,QAAO,OAAO,QAAQ,KAAK;AAC3B,QAAO"}

package/dist/theme/runtime/types.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/package.json

@@ -1,12 +1,26 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "3.0.20",
+  "version": "3.0.22",
   "description": "",
   "license": "MIT",
   "sideEffects": [
     "**/*.css"
   ],
   "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./css": "./dist/aloudata-design.css",
+    "./dist/*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "default": "./dist/*.js"
+    },
+    "./package.json": "./package.json"
+  },
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -14,7 +28,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build",
+    "build": "npm run tokens:check && vite build && npm run tokens:validate-dist",
     "build:watch": "vite build --watch",
     "cmt": "npx zx ./scripts/createComponentTemplate.mjs",
     "coverage": "vitest run --coverage.enabled",
@@ -35,7 +49,10 @@
     "release:stable": "npm version $(node -p \"require('./package.json').version.split('-')[0]\") -m \"chore: bump version to %s\" && npm publish --access public",
     "start": "npm run dev",
     "test": "vitest",
-    "test:storybook": "test-storybook"
+    "test:storybook": "test-storybook",
+    "tokens:check": "vite-node scripts/checkBaselineTokenValues.ts",
+    "tokens:generate": "vite-node scripts/generateBaselineTokenValues.ts",
+    "tokens:validate-dist": "vite-node scripts/validateBaselineTokenValuesDist.ts"
   },
   "lint-staged": {
     "*.{md,json}": [

package/dist/theme/createTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTheme.js","names":[],"sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { defaultTheme } from './defaultTheme';\nimport type { AldThemeConfig, AldThemeToken, ResolvedAldTheme } from './types';\n\nconst colorTokenKeys: Array<\n  keyof Pick<\n    AldThemeToken,\n    | 'colorPrimary'\n    | 'colorSuccess'\n    | 'colorWarning'\n    | 'colorError'\n    | 'colorInfo'\n    | 'colorTextBase'\n    | 'colorBgBase'\n    | 'colorBorderBase'\n  >\n> = [\n  'colorPrimary',\n  'colorSuccess',\n  'colorWarning',\n  'colorError',\n  'colorInfo',\n  'colorTextBase',\n  'colorBgBase',\n  'colorBorderBase',\n];\n\nfunction normalizeThemeId(id?: string) {\n  if (!id) return defaultTheme.id;\n  return /^[A-Za-z0-9_-]+$/.test(id) ? id : 'tenant-theme';\n}\n\nfunction isHexColor(value: unknown): value is string {\n  return (\n    typeof value === 'string' && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(value)\n  );\n}\n\nfunction isSafeRadius(value: unknown): value is number | string {\n  if (typeof value === 'number') return Number.isFinite(value) && value >= 0;\n  return (\n    typeof value === 'string' && /^\\d+(\\.\\d+)?(px|rem|em|%)$/.test(value.trim())\n  );\n}\n\nfunction sanitizeToken(token: AldThemeConfig['token']): AldThemeToken {\n  const next: AldThemeToken = {};\n\n  for (const key of colorTokenKeys) {\n    const value = token?.[key];\n    if (isHexColor(value)) {\n      next[key] = value;\n    }\n  }\n\n  const borderRadius = token?.borderRadius;\n  if (isSafeRadius(borderRadius)) {\n    next.borderRadius = borderRadius;\n  }\n\n  return next;\n}\n\nexport function createTheme(config: AldThemeConfig = {}): ResolvedAldTheme {\n  return {\n    id: normalizeThemeId(config.id),\n    token: {\n      ...defaultTheme.token,\n      ...sanitizeToken(config.token),\n    },\n  };\n}\n"],"mappings":";;AAGA,IAAM,iBAYF;CACF;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,iBAAiB,IAAa;AACrC,KAAI,CAAC,GAAI,QAAO,aAAa;AAC7B,QAAO,mBAAmB,KAAK,GAAG,GAAG,KAAK;;AAG5C,SAAS,WAAW,OAAiC;AACnD,QACE,OAAO,UAAU,YAAY,gCAAgC,KAAK,MAAM;;AAI5E,SAAS,aAAa,OAA0C;AAC9D,KAAI,OAAO,UAAU,SAAU,QAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AACzE,QACE,OAAO,UAAU,YAAY,6BAA6B,KAAK,MAAM,MAAM,CAAC;;AAIhF,SAAS,cAAc,OAA+C;CACpE,MAAM,OAAsB,EAAE;AAE9B,MAAK,MAAM,OAAO,gBAAgB;EAChC,MAAM,QAAQ,QAAQ;AACtB,MAAI,WAAW,MAAM,CACnB,MAAK,OAAO;;CAIhB,MAAM,eAAe,OAAO;AAC5B,KAAI,aAAa,aAAa,CAC5B,MAAK,eAAe;AAGtB,QAAO;;AAGT,SAAgB,YAAY,SAAyB,EAAE,EAAoB;AACzE,QAAO;EACL,IAAI,iBAAiB,OAAO,GAAG;EAC/B,OAAO;GACL,GAAG,aAAa;GAChB,GAAG,cAAc,OAAO,MAAM;GAC/B;EACF"}

package/dist/theme/defaultTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultTheme.js","names":[],"sources":["../../src/theme/defaultTheme.ts"],"sourcesContent":["import type { ResolvedAldTheme } from './types';\n\nexport const defaultTheme: ResolvedAldTheme = {\n  id: 'default',\n  token: {\n    colorPrimary: '#3062D4',\n    colorSuccess: '#1D7C4D',\n    colorWarning: '#F59638',\n    colorError: '#CF3F3F',\n    colorInfo: '#3062D4',\n    colorTextBase: '#272E35',\n    colorBgBase: '#FFFFFF',\n    colorBorderBase: '#EAEDF0',\n    borderRadius: 6,\n  },\n};\n"],"mappings":";AAEA,IAAa,eAAiC;CAC5C,IAAI;CACJ,OAAO;EACL,cAAc;EACd,cAAc;EACd,cAAc;EACd,YAAY;EACZ,WAAW;EACX,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,cAAc;EACf;CACF"}

package/dist/theme/initAldTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"initAldTheme.js","names":[],"sources":["../../src/theme/initAldTheme.ts"],"sourcesContent":["import { createTheme } from './createTheme';\nimport { themeDataAttribute, themeStyleElementId } from './tokenMap';\nimport { themeToCssVars } from './themeToCssVars';\nimport type { AldThemeConfig, ResolvedAldTheme } from './types';\n\nfunction escapeCssString(value: string) {\n  return value.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"');\n}\n\nfunction createThemeCss(theme: ResolvedAldTheme) {\n  const vars = themeToCssVars(theme);\n  const body = Object.entries(vars)\n    .map(([name, value]) => `  ${name}: ${value};`)\n    .join('\\n');\n\n  return `:root[${themeDataAttribute}=\"${escapeCssString(\n    theme.id,\n  )}\"] {\\n${body}\\n}\\n`;\n}\n\nexport function initAldTheme(config: AldThemeConfig | ResolvedAldTheme): void {\n  if (typeof document === 'undefined') return;\n\n  const theme = createTheme(config);\n  const style = document.createElement('style');\n\n  style.id = themeStyleElementId;\n  style.textContent = createThemeCss(theme);\n\n  document.getElementById(themeStyleElementId)?.remove();\n  document.head.appendChild(style);\n  document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,SAAS,gBAAgB,OAAe;AACtC,QAAO,MAAM,QAAQ,OAAO,OAAO,CAAC,QAAQ,MAAM,OAAM;;AAG1D,SAAS,eAAe,OAAyB;CAC/C,MAAM,OAAO,eAAe,MAAM;CAClC,MAAM,OAAO,OAAO,QAAQ,KAAK,CAC9B,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,SAAS,mBAAmB,IAAI,gBACrC,MAAM,GACP,CAAC,QAAQ,KAAK;;AAGjB,SAAgB,aAAa,QAAiD;AAC5E,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,QAAQ,YAAY,OAAO;CACjC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAE7C,OAAM,KAAK;AACX,OAAM,cAAc,eAAe,MAAM;AAEzC,UAAS,eAAe,oBAAoB,EAAE,QAAQ;AACtD,UAAS,KAAK,YAAY,MAAM;AAChC,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}

package/dist/theme/themeToCssVars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeToCssVars.js","names":[],"sources":["../../src/theme/themeToCssVars.ts"],"sourcesContent":["import { assignVars, radiusVarNames } from './tokenMap';\nimport type { AldThemeCssVars, ResolvedAldTheme } from './types';\n\ntype Rgb = [number, number, number];\n\nconst tonalStops = {\n  950: 0.68,\n  900: 0.52,\n  800: 0.36,\n  700: 0.18,\n  600: 0,\n  500: 0.2,\n  400: 0.38,\n  300: 0.56,\n  200: 0.72,\n  100: 0.84,\n  50: 0.92,\n  25: 0.96,\n  0: 0.98,\n} as const;\n\nfunction clampChannel(value: number) {\n  return Math.max(0, Math.min(255, Math.round(value)));\n}\n\nfunction parseHexColor(color: string): Rgb | null {\n  const normalized = color.trim();\n  const match = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (!match) return null;\n  const hex =\n    match[1].length === 3\n      ? match[1]\n          .split('')\n          .map((char) => char + char)\n          .join('')\n      : match[1];\n  return [\n    Number.parseInt(hex.slice(0, 2), 16),\n    Number.parseInt(hex.slice(2, 4), 16),\n    Number.parseInt(hex.slice(4, 6), 16),\n  ];\n}\n\nfunction rgbToHex(rgb: Rgb) {\n  return `#${rgb\n    .map((channel) => clampChannel(channel).toString(16).padStart(2, '0'))\n    .join('')}`;\n}\n\nfunction normalizeColor(color: string) {\n  const rgb = parseHexColor(color);\n  return rgb ? rgbToHex(rgb) : color.trim();\n}\n\nfunction mix(from: Rgb, to: Rgb, amount: number): Rgb {\n  return [\n    from[0] + (to[0] - from[0]) * amount,\n    from[1] + (to[1] - from[1]) * amount,\n    from[2] + (to[2] - from[2]) * amount,\n  ];\n}\n\nfunction createPaletteVars(\n  prefix: string,\n  baseColor: string,\n  globalPrefix?: string,\n  globalZeroName?: `--${string}`,\n): AldThemeCssVars {\n  const baseRgb = parseHexColor(baseColor);\n  const base = normalizeColor(baseColor);\n\n  if (!baseRgb) {\n    return {\n      [`--semantic-${prefix}-600`]: base,\n    };\n  }\n\n  const vars: AldThemeCssVars = {};\n  for (const [stop, amount] of Object.entries(tonalStops)) {\n    const target: Rgb = Number(stop) > 600 ? [0, 0, 0] : [255, 255, 255];\n    const value =\n      stop === '600' ? base : rgbToHex(mix(baseRgb, target, amount));\n    vars[`--semantic-${prefix}-${stop}`] = value;\n    if (globalPrefix) {\n      vars[`--${globalPrefix}-${stop}`] = value;\n    }\n  }\n  if (globalZeroName && vars[`--semantic-${prefix}-0`]) {\n    vars[globalZeroName] = vars[`--semantic-${prefix}-0`];\n  }\n  return vars;\n}\n\nfunction radiusToCssValue(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars {\n  const { token } = theme;\n  const vars: AldThemeCssVars = {};\n\n  assignVars(\n    vars,\n    createPaletteVars(\n      'brand',\n      token.colorPrimary,\n      'global-blue',\n      '--global-blue-blue-0',\n    ),\n  );\n  assignVars(vars, createPaletteVars('informative', token.colorInfo));\n  assignVars(\n    vars,\n    createPaletteVars(\n      'positive',\n      token.colorSuccess,\n      'global-green',\n      '--global-green-green-0',\n    ),\n  );\n  assignVars(\n    vars,\n    createPaletteVars(\n      'warning',\n      token.colorWarning,\n      'global-orange',\n      '--global-orange-orange-0',\n    ),\n  );\n  assignVars(\n    vars,\n    createPaletteVars('negative', token.colorError, 'global-red'),\n  );\n\n  const textBase = normalizeColor(token.colorTextBase);\n  const bgBase = normalizeColor(token.colorBgBase);\n  const borderBase = normalizeColor(token.colorBorderBase);\n  const radius = radiusToCssValue(token.borderRadius);\n\n  assignVars(vars, {\n    '--content-primary': textBase,\n    '--alias-colors-text-strong': textBase,\n    '--alias-colors-text-default': textBase,\n    '--background-default': bgBase,\n    '--background-neutral-surface': bgBase,\n    '--border-default': borderBase,\n    '--border-default-alpha': borderBase,\n    '--action-primary-normal': 'var(--semantic-brand-600)',\n    '--action-primary-hover': 'var(--semantic-brand-800)',\n    '--action-primary-active': 'var(--semantic-brand-900)',\n    '--action-primary-selected': 'var(--semantic-brand-800)',\n    '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n    '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n    '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n    '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n    '--content-brand-primary': 'var(--semantic-brand-900)',\n    '--content-brand-secondary': 'var(--semantic-brand-600)',\n    '--alias-colors-text-selected': 'var(--semantic-brand-900)',\n    '--alias-colors-text-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-text-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-text-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-text-success': 'var(--semantic-positive-600)',\n    '--alias-colors-text-information': 'var(--semantic-informative-600)',\n    '--alias-colors-icon-selected': 'var(--semantic-brand-600)',\n    '--alias-colors-icon-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-icon-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-icon-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-icon-success': 'var(--semantic-positive-600)',\n    '--alias-colors-icon-information': 'var(--semantic-informative-600)',\n    '--border-brand-strong': 'var(--semantic-brand-600)',\n    '--border-brand-subtle': 'var(--semantic-brand-300)',\n    '--alias-colors-border-selected': 'var(--semantic-brand-600)',\n    '--alias-colors-border-brand': 'var(--semantic-brand-600)',\n    '--alias-colors-border-danger': 'var(--semantic-negative-600)',\n    '--alias-colors-border-warning': 'var(--semantic-warning-600)',\n    '--alias-colors-border-success': 'var(--semantic-positive-600)',\n    '--alias-colors-border-information': 'var(--semantic-informative-600)',\n    '--alias-colors-bg-selected-default': 'var(--semantic-brand-100)',\n    '--alias-colors-bg-selected-hover': 'var(--semantic-brand-100)',\n    '--alias-colors-bg-selected-press': 'var(--semantic-brand-300)',\n    '--alias-colors-bg-selected-strong-default': 'var(--semantic-brand-600)',\n    '--alias-colors-bg-selected-strong-hover': 'var(--semantic-brand-600)',\n    '--alias-colors-bg-selected-strong-press': 'var(--semantic-brand-900)',\n    '--background-brand-strong': 'var(--semantic-brand-600)',\n    '--background-brand-muted': 'var(--semantic-brand-200)',\n    '--background-brand-subtle': 'var(--semantic-brand-25)',\n    '--semantic-informative-informative-0': 'var(--semantic-informative-0)',\n    '--interaction-default-normal': 'var(--semantic-brand-600)',\n    '--interaction-default-hover': 'var(--semantic-brand-800)',\n    '--interaction-default-active': 'var(--semantic-brand-900)',\n    '--interaction-border-normal': 'var(--semantic-brand-400)',\n    '--interaction-border-hover': 'var(--semantic-brand-500)',\n    '--interaction-border-active': 'var(--semantic-brand-700)',\n    '--interaction-border-selected': 'var(--semantic-brand-600)',\n  });\n\n  for (const varName of radiusVarNames) {\n    vars[varName] = radius;\n  }\n\n  return vars;\n}\n"],"mappings":"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"}

package/dist/theme/tokenMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokenMap.js","names":[],"sources":["../../src/theme/tokenMap.ts"],"sourcesContent":["import type { AldThemeCssVars } from './types';\n\nexport const themeStyleElementId = 'ald-theme-runtime';\nexport const themeDataAttribute = 'data-ald-theme';\n\nexport const radiusVarNames = [\n  '--alias-radius-75',\n  '--alias-radius-100',\n] as const;\n\nexport function assignVars(\n  target: AldThemeCssVars,\n  vars: AldThemeCssVars,\n): AldThemeCssVars {\n  Object.assign(target, vars);\n  return target;\n}\n"],"mappings":";AAEA,IAAa,sBAAsB;AACnC,IAAa,qBAAqB;AAElC,IAAa,iBAAiB,CAC5B,qBACA,qBACD;AAED,SAAgB,WACd,QACA,MACiB;AACjB,QAAO,OAAO,QAAQ,KAAK;AAC3B,QAAO"}