@aloudata/aloudata-design 3.0.21 → 3.0.23

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

@@ -1,5 +1,6 @@
-import { AldColorValueMode } from './registry.js';
+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

@@ -3,18 +3,24 @@ import { getAldColorValueModeDefinition, isAldColorValueMode } from "./registry.
 //#region src/theme/runtime/colorValueMode/index.ts
 var aldColorValueModeStyleElementId = "ald-color-value-mode-runtime";
 var aldColorValueModeDataAttribute = "data-ald-color-value-mode";
-function buildAldColorValueModeCss(mode) {
-	const definition = getAldColorValueModeDefinition(mode);
-	const entries = Object.entries(definition.vars);
+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 `:root[${aldColorValueModeDataAttribute}="${definition.mode}"] {\n${declarations}\n}\n`;
+	return `${definition.selector} {\n${declarations}\n}\n`;
+}
+function buildAldColorValueModeCss(mode) {
+	return createAldColorValueModeVars(getAldColorValueModeDefinition(mode));
 }
 function removeAldColorValueModeLayer() {
 	document.getElementById(aldColorValueModeStyleElementId)?.remove();
 }
-function appendBeforeTenantTheme(style) {
+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;
@@ -31,8 +37,8 @@ function injectAldColorValueModeLayer(mode) {
 	if (!style) {
 		style = document.createElement("style");
 		style.id = aldColorValueModeStyleElementId;
-		appendBeforeTenantTheme(style);
 	}
+	placeColorValueModeLayer(style, mode);
 	style.setAttribute(aldColorValueModeDataAttribute, mode);
 	if (style.textContent !== cssText) style.textContent = cssText;
 }
@@ -44,6 +50,6 @@ function applyAldColorValueMode(mode) {
 	return normalizedMode;
 }
 //#endregion
-export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss };
+export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss, createAldColorValueModeVars };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/index.ts"],"sourcesContent":["import {\n  getAldColorValueModeDefinition,\n  isAldColorValueMode,\n  type AldColorValueMode,\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 buildAldColorValueModeCss(mode: unknown) {\n  const definition = getAldColorValueModeDefinition(mode);\n  const entries = Object.entries(definition.vars);\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 `:root[${aldColorValueModeDataAttribute}=\"${definition.mode}\"] {\\n${declarations}\\n}\\n`;\n}\n\nfunction removeAldColorValueModeLayer() {\n  document.getElementById(aldColorValueModeStyleElementId)?.remove();\n}\n\nfunction appendBeforeTenantTheme(style: HTMLStyleElement) {\n  const tenantThemeStyle = document.getElementById(themeStyleElementId);\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    appendBeforeTenantTheme(style);\n  }\n\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":";;;AAOA,IAAa,kCAAkC;AAC/C,IAAa,iCAAiC;AAE9C,SAAgB,0BAA0B,MAAe;CACvD,MAAM,aAAa,+BAA+B,KAAK;CACvD,MAAM,UAAU,OAAO,QAAQ,WAAW,KAAK;AAE/C,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,SAAS,+BAA+B,IAAI,WAAW,KAAK,QAAQ,aAAa;;AAG1F,SAAS,+BAA+B;AACtC,UAAS,eAAe,gCAAgC,EAAE,QAAQ;;AAGpE,SAAS,wBAAwB,OAAyB;CACxD,MAAM,mBAAmB,SAAS,eAAe,oBAAoB;AAErE,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;AACX,0BAAwB,MAAM;;AAGhC,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"}
+{"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

@@ -4,26 +4,35 @@ export interface AldColorValueModeDefinition<Mode extends string = string> {
     mode: Mode;
     title: string;
     lifecycle: AldColorValueModeLifecycle;
-    vars: AldThemeCssVars;
+    selector: string;
+    declarations: AldThemeCssVars;
 }
 declare const colorValueModeRegistry: {
     readonly legacy: {
         readonly mode: "legacy";
         readonly title: "Legacy compatibility values";
         readonly lifecycle: "stable";
-        readonly vars: {};
+        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 vars: AldThemeCssVars;
+        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 ("legacy" | "v3")[];
+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 declare function createAldV3ColorValueModeVars(): AldThemeCssVars;
 export {};

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

@@ -1,17 +1,27 @@
-import { aldV3ColorValueModeVars } from "./v3.js";
+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",
-		vars: {}
+		selector: ":root[data-ald-color-value-mode=\"legacy\"]",
+		declarations: {}
 	},
 	v3: {
 		mode: "v3",
 		title: "ALD V3 values",
 		lifecycle: "stable",
-		vars: aldV3ColorValueModeVars
+		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));
@@ -21,7 +31,7 @@ function isAldColorValueMode(value) {
 function copyDefinition(definition) {
 	return {
 		...definition,
-		vars: { ...definition.vars }
+		declarations: { ...definition.declarations }
 	};
 }
 function getAldColorValueModeDefinition(mode) {
@@ -30,10 +40,7 @@ function getAldColorValueModeDefinition(mode) {
 function getAldColorValueModeDefinitions() {
 	return aldColorValueModes.map((mode) => getAldColorValueModeDefinition(mode));
 }
-function createAldV3ColorValueModeVars() {
-	return { ...aldV3ColorValueModeVars };
-}
 //#endregion
-export { aldColorValueModes, createAldV3ColorValueModeVars, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, isAldColorValueMode };
+export { aldColorValueModes, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, isAldColorValueMode };
 
 //# sourceMappingURL=registry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"registry.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/registry.ts"],"sourcesContent":["import { aldV3ColorValueModeVars } from './v3';\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  vars: AldThemeCssVars;\n}\n\nconst colorValueModeRegistry = {\n  legacy: {\n    mode: 'legacy',\n    title: 'Legacy compatibility values',\n    lifecycle: 'stable',\n    vars: {},\n  },\n  v3: {\n    mode: 'v3',\n    title: 'ALD V3 values',\n    lifecycle: 'stable',\n    vars: aldV3ColorValueModeVars,\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    vars: { ...definition.vars },\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\nexport function createAldV3ColorValueModeVars(): AldThemeCssVars {\n  return { ...aldV3ColorValueModeVars };\n}\n"],"mappings":";;AAeA,IAAM,yBAAyB;CAC7B,QAAQ;EACN,MAAM;EACN,OAAO;EACP,WAAW;EACX,MAAM,EAAE;EACT;CACD,IAAI;EACF,MAAM;EACN,OAAO;EACP,WAAW;EACX,MAAM;EACP;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,MAAM,EAAE,GAAG,WAAW,MAAM;EAC7B;;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;;AAG/E,SAAgB,gCAAiD;AAC/D,QAAO,EAAE,GAAG,yBAAyB"}
+{"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

@@ -1,98 +1 @@
-import { AldThemeCssVars } from '../types';
-export declare const aldV3ColorValueModePalette: {
-    readonly neutral: {
-        readonly 0: "#FDFEFF";
-        readonly 25: "#F6F9FB";
-        readonly 50: "#EEF1F5";
-        readonly 100: "#E3E7EC";
-        readonly 200: "#D1D6DC";
-        readonly 300: "#B4B9C1";
-        readonly 400: "#8D939B";
-        readonly 500: "#6D747C";
-        readonly 600: "#484F58";
-        readonly 700: "#313740";
-        readonly 800: "#1D232C";
-        readonly 900: "#12181F";
-        readonly 950: "#060A10";
-        readonly 1000: "#010103";
-    };
-    readonly brand: {
-        readonly 50: "#F4F8FF";
-        readonly 100: "#E7F0FF";
-        readonly 200: "#C7DBFA";
-        readonly 300: "#94B7F2";
-        readonly 400: "#6B96E8";
-        readonly 500: "#4A79DE";
-        readonly 600: "#3162D4";
-        readonly 700: "#284FAF";
-        readonly 800: "#223F8C";
-        readonly 900: "#1B336D";
-        readonly 950: "#14244A";
-    };
-    readonly blue: {
-        readonly 50: "#F2F8FF";
-        readonly 100: "#E1F0FF";
-        readonly 200: "#BFE0FF";
-        readonly 300: "#8EC8F6";
-        readonly 400: "#56A9E9";
-        readonly 500: "#2D8BD6";
-        readonly 600: "#1F72B6";
-        readonly 700: "#1B5C95";
-        readonly 800: "#1A4774";
-        readonly 900: "#173A5E";
-        readonly 950: "#0F243D";
-    };
-    readonly green: {
-        readonly 50: "#F2FBF7";
-        readonly 100: "#E3F7ED";
-        readonly 200: "#C2EBD7";
-        readonly 300: "#91D8B6";
-        readonly 400: "#5FC08F";
-        readonly 500: "#35A873";
-        readonly 600: "#25895D";
-        readonly 700: "#1F6F4D";
-        readonly 800: "#1A583F";
-        readonly 900: "#154633";
-        readonly 950: "#0D2B20";
-    };
-    readonly yellow: {
-        readonly 50: "#FFFBEB";
-        readonly 100: "#FFF4C2";
-        readonly 200: "#FFE68A";
-        readonly 300: "#F8CF48";
-        readonly 400: "#E9B323";
-        readonly 500: "#C89313";
-        readonly 600: "#9F710E";
-        readonly 700: "#7E590F";
-        readonly 800: "#64460F";
-        readonly 900: "#4B340C";
-        readonly 950: "#2F2108";
-    };
-    readonly orange: {
-        readonly 50: "#FFF7ED";
-        readonly 100: "#FFEAD2";
-        readonly 200: "#FFD0A3";
-        readonly 300: "#FFB06B";
-        readonly 400: "#F28D3A";
-        readonly 500: "#D46F1F";
-        readonly 600: "#B25516";
-        readonly 700: "#8F4215";
-        readonly 800: "#713516";
-        readonly 900: "#572A14";
-        readonly 950: "#34180B";
-    };
-    readonly red: {
-        readonly 50: "#FFF5F5";
-        readonly 100: "#FFE5E7";
-        readonly 200: "#FFC9D0";
-        readonly 300: "#F59AA7";
-        readonly 400: "#E86A7A";
-        readonly 500: "#D54355";
-        readonly 600: "#B93243";
-        readonly 700: "#982838";
-        readonly 800: "#7A2130";
-        readonly 900: "#611B28";
-        readonly 950: "#3B1018";
-    };
-};
-export declare const aldV3ColorValueModeVars: AldThemeCssVars;
+export { aldV3BaselineDeclarations as aldV3ColorValueModeVars } from './generated/v3BaselineDeclarations.js';

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

@@ -1,230 +1,2 @@
-var palette = {
-	neutral: {
-		0: "#FDFEFF",
-		25: "#F6F9FB",
-		50: "#EEF1F5",
-		100: "#E3E7EC",
-		200: "#D1D6DC",
-		300: "#B4B9C1",
-		400: "#8D939B",
-		500: "#6D747C",
-		600: "#484F58",
-		700: "#313740",
-		800: "#1D232C",
-		900: "#12181F",
-		950: "#060A10",
-		1e3: "#010103"
-	},
-	brand: {
-		50: "#F4F8FF",
-		100: "#E7F0FF",
-		200: "#C7DBFA",
-		300: "#94B7F2",
-		400: "#6B96E8",
-		500: "#4A79DE",
-		600: "#3162D4",
-		700: "#284FAF",
-		800: "#223F8C",
-		900: "#1B336D",
-		950: "#14244A"
-	},
-	blue: {
-		50: "#F2F8FF",
-		100: "#E1F0FF",
-		200: "#BFE0FF",
-		300: "#8EC8F6",
-		400: "#56A9E9",
-		500: "#2D8BD6",
-		600: "#1F72B6",
-		700: "#1B5C95",
-		800: "#1A4774",
-		900: "#173A5E",
-		950: "#0F243D"
-	},
-	green: {
-		50: "#F2FBF7",
-		100: "#E3F7ED",
-		200: "#C2EBD7",
-		300: "#91D8B6",
-		400: "#5FC08F",
-		500: "#35A873",
-		600: "#25895D",
-		700: "#1F6F4D",
-		800: "#1A583F",
-		900: "#154633",
-		950: "#0D2B20"
-	},
-	yellow: {
-		50: "#FFFBEB",
-		100: "#FFF4C2",
-		200: "#FFE68A",
-		300: "#F8CF48",
-		400: "#E9B323",
-		500: "#C89313",
-		600: "#9F710E",
-		700: "#7E590F",
-		800: "#64460F",
-		900: "#4B340C",
-		950: "#2F2108"
-	},
-	orange: {
-		50: "#FFF7ED",
-		100: "#FFEAD2",
-		200: "#FFD0A3",
-		300: "#FFB06B",
-		400: "#F28D3A",
-		500: "#D46F1F",
-		600: "#B25516",
-		700: "#8F4215",
-		800: "#713516",
-		900: "#572A14",
-		950: "#34180B"
-	},
-	red: {
-		50: "#FFF5F5",
-		100: "#FFE5E7",
-		200: "#FFC9D0",
-		300: "#F59AA7",
-		400: "#E86A7A",
-		500: "#D54355",
-		600: "#B93243",
-		700: "#982838",
-		800: "#7A2130",
-		900: "#611B28",
-		950: "#3B1018"
-	}
-};
-var aldV3ColorValueModeVars = {
-	"--content-primary": palette.neutral[800],
-	"--content-secondary": palette.neutral[600],
-	"--content-tertiary": palette.neutral[500],
-	"--content-disabled": palette.neutral[400],
-	"--content-inverted-primary": palette.neutral[0],
-	"--content-inverted-secondary": palette.neutral[200],
-	"--content-inverted-tertiary": palette.neutral[400],
-	"--content-inverted-disabled": palette.neutral[600],
-	"--content-informative-primary": palette.blue[700],
-	"--content-informative-secondary": palette.blue[600],
-	"--content-positive-primary": palette.green[700],
-	"--content-positive-secondary": palette.green[600],
-	"--content-warning-primary": palette.orange[700],
-	"--content-warning-secondary": palette.orange[600],
-	"--content-negative-primary": palette.red[700],
-	"--content-negative-secondary": palette.red[600],
-	"--content-brand-primary": palette.brand[900],
-	"--content-brand-secondary": palette.brand[600],
-	"--border-default": palette.neutral[200],
-	"--border-default-alpha": "color-mix(in srgb, #1D232C 12%, transparent)",
-	"--border-inverted": palette.neutral[0],
-	"--border-neutral-strong": palette.neutral[600],
-	"--border-neutral-subtle": palette.neutral[200],
-	"--border-informative-strong": palette.blue[600],
-	"--border-informative-subtle": palette.blue[200],
-	"--border-positive-strong": palette.green[600],
-	"--border-positive-subtle": palette.green[200],
-	"--border-warning-strong": palette.orange[600],
-	"--border-warning-subtle": palette.yellow[200],
-	"--border-negative-strong": palette.red[600],
-	"--border-negative-subtle": palette.red[200],
-	"--border-brand-strong": palette.brand[600],
-	"--border-brand-subtle": palette.brand[200],
-	"--background-default": palette.neutral[0],
-	"--background-inverted": palette.neutral[900],
-	"--background-neutral-hard": palette.neutral[800],
-	"--background-neutral-strong": palette.neutral[600],
-	"--background-neutral-muted": palette.neutral[200],
-	"--background-neutral-on-subtle": palette.neutral[100],
-	"--background-neutral-subtle": palette.neutral[25],
-	"--background-neutral-surface": palette.neutral[0],
-	"--background-informative-strong": palette.blue[600],
-	"--background-informative-muted": palette.blue[100],
-	"--background-informative-on-subtle": palette.blue[50],
-	"--background-informative-subtle": palette.blue[50],
-	"--background-informative-surface": palette.blue[50],
-	"--background-positive-strong": palette.green[600],
-	"--background-positive-muted": palette.green[100],
-	"--background-positive-on-subtle": palette.green[50],
-	"--background-positive-subtle": palette.green[50],
-	"--background-positive-surface": palette.green[50],
-	"--background-warning-strong": palette.orange[600],
-	"--background-warning-muted": palette.yellow[100],
-	"--background-warning-on-subtle": palette.yellow[50],
-	"--background-warning-subtle": palette.yellow[50],
-	"--background-warning-surface": palette.yellow[50],
-	"--background-negative-strong": palette.red[600],
-	"--background-negative-muted": palette.red[100],
-	"--background-negative-on-subtle": palette.red[50],
-	"--background-negative-subtle": palette.red[50],
-	"--background-negative-surface": palette.red[50],
-	"--background-brand-strong": palette.brand[600],
-	"--background-brand-muted": palette.brand[100],
-	"--background-brand-on-subtle": palette.brand[50],
-	"--background-brand-subtle": palette.brand[50],
-	"--background-brand-surface": palette.brand[50],
-	"--action-primary-normal": palette.brand[600],
-	"--action-primary-hover": palette.brand[700],
-	"--action-primary-active": palette.brand[800],
-	"--action-primary-selected": palette.brand[700],
-	"--action-primary-subtle-normal": palette.brand[50],
-	"--action-primary-subtle-hover": palette.brand[100],
-	"--action-primary-subtle-active": palette.brand[200],
-	"--action-primary-subtle-selected": palette.brand[100],
-	"--action-neutral-normal": palette.neutral[700],
-	"--action-neutral-hover": palette.neutral[800],
-	"--action-neutral-active": palette.neutral[900],
-	"--action-neutral-selected": palette.neutral[800],
-	"--action-neutral-subtle-normal": palette.neutral[50],
-	"--action-neutral-subtle-hover": palette.neutral[100],
-	"--action-neutral-subtle-active": palette.neutral[200],
-	"--action-neutral-subtle-selected": palette.neutral[100],
-	"--action-success-normal": palette.green[600],
-	"--action-success-hover": palette.green[700],
-	"--action-success-active": palette.green[800],
-	"--action-success-selected": palette.green[700],
-	"--action-success-subtle-normal": palette.green[50],
-	"--action-success-subtle-hover": palette.green[100],
-	"--action-success-subtle-active": palette.green[200],
-	"--action-success-subtle-selected": palette.green[100],
-	"--action-destructive-normal": palette.red[600],
-	"--action-destructive-hover": palette.red[700],
-	"--action-destructive-active": palette.red[800],
-	"--action-destructive-selected": palette.red[700],
-	"--action-destructive-subtle-normal": palette.red[50],
-	"--action-destructive-subtle-hover": palette.red[100],
-	"--action-destructive-subtle-active": palette.red[200],
-	"--action-destructive-subtle-selected": palette.red[100],
-	"--action-ghost-normal": "transparent",
-	"--action-ghost-hover": palette.neutral[50],
-	"--action-ghost-active": palette.neutral[100],
-	"--action-ghost-selected": palette.neutral[50],
-	"--action-ghost-inverted-hover": "color-mix(in srgb, #FDFEFF 8%, transparent)",
-	"--action-ghost-inverted-active": "color-mix(in srgb, #FDFEFF 10%, transparent)",
-	"--action-ghost-inverted-selected": "color-mix(in srgb, #FDFEFF 8%, transparent)",
-	"--action-ghost-destructive-hover": palette.red[50],
-	"--action-ghost-destructive-active": palette.red[100],
-	"--action-ghost-destructive-selected": palette.red[50],
-	"--action-outline-normal": palette.neutral[300],
-	"--action-outline-hover": palette.neutral[400],
-	"--action-outline-active": palette.neutral[500],
-	"--action-outline-selected": palette.neutral[400],
-	"--action-inverted-normal": palette.neutral[0],
-	"--action-inverted-hover": palette.neutral[50],
-	"--action-inverted-active": palette.neutral[100],
-	"--action-inverted-selected": palette.neutral[50],
-	"--action-reverse-inverted-normal": "color-mix(in srgb, #12181F 86%, transparent)",
-	"--action-reverse-inverted-hover": "color-mix(in srgb, #12181F 56%, transparent)",
-	"--action-reverse-inverted-active": "color-mix(in srgb, #12181F 40%, transparent)",
-	"--action-reverse-inverted-selected": "color-mix(in srgb, #12181F 56%, transparent)",
-	"--elevation-bottom-bottom-sm": "0 1px 2px 0 rgba(27 36 44 / 0.12)",
-	"--elevation-bottom-bottom-md": "0 2px 8px -1px rgba(27 36 44 / 0.08), 0 2px 2px -1px rgba(27 36 44 / 0.04)",
-	"--elevation-bottom-bottom-lg": "0 8px 16px -2px rgba(27 36 44 / 0.12), 0 2px 2px -1px rgba(27 35 44 / 0.04)",
-	"--elevation-bottom-bottom-xl": "0 16px 24px -6px rgba(27 36 44 / 0.16), 0 2px 2px -1px rgba(27 36 44 / 0.04)",
-	"--elevation-top-top-sm": "0 -1px 2px 0 rgba(27 36 44 / 0.12)",
-	"--elevation-top-top-md": "0 -2px 8px -1px rgba(27 36 44 / 0.08), 0 -2px 2px -1px rgba(27 36 44 / 0.04)",
-	"--elevation-top-top-lg": "0 -8px 16px -2px rgba(27 36 44 / 0.12), 0 -2px 2px -1px rgba(27 35 44 / 0.04)",
-	"--elevation-top-top-xl": "0 -16px 24px -6px rgba(27 36 44 / 0.16), 0 -2px 2px -1px rgba(27 36 44 / 0.04)"
-};
-//#endregion
-export { aldV3ColorValueModeVars };
-
-//# sourceMappingURL=v3.js.map
+// type-only module stub
+export {};

package/dist/theme/runtime/initAldTheme.js

@@ -2,6 +2,8 @@ import { createTheme } from "./createTheme.js";
 import { themeDataAttribute, themeStyleElementId } from "./tokenMap.js";
 import { themeToCssVars } from "./themeToCssVars.js";
 //#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

@@ -1 +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\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"}
+{"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/typography/index.d.ts

@@ -0,0 +1,75 @@
+export declare const typographyStyleIds: readonly ["body-reading", "body-dense", "heading", "label", "caption", "code", "metric-numeric"];
+export type TypographyStyleId = (typeof typographyStyleIds)[number];
+export type TypographyFamilyCapability = 'ui-sans' | 'code-mono';
+export interface FrozenTypographyStyleMapping {
+    id: TypographyStyleId;
+    style: string;
+    fontSize: string;
+    lineHeight: string;
+    fontWeight: string;
+    letterSpacing: string;
+    fontFamilyCapability: TypographyFamilyCapability;
+}
+export interface TypographyTokenStyle extends FrozenTypographyStyleMapping {
+    tokenIdentity: string;
+    frozenMappingReference: string;
+}
+export interface TypographyTokenArtifact {
+    artifactKind: 'typography-token';
+    version: 'typography-token-v1';
+    provenance: {
+        frozenMapping: '60-concrete-composite-typography-primitive-mapping-freeze.md';
+        outputContract: '63-typography-output-contract.md';
+        generator: 'typography-artifact-generator-v1';
+    };
+    styles: readonly TypographyTokenStyle[];
+}
+export interface TypographyOutputContractReference {
+    document: '63-typography-output-contract.md';
+}
+export interface TypographyGeneratorInput {
+    frozenMapping: readonly FrozenTypographyStyleMapping[];
+    outputContract: TypographyOutputContractReference;
+}
+export interface TypographyCssVariableNames {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    letterSpacing: string;
+}
+export interface TypographyCssVariablesArtifact {
+    artifactKind: 'typography-css-variables';
+    version: 'typography-css-variables-v1';
+    tokenReference: TypographyTokenArtifact['version'];
+    variables: Readonly<Record<string, string>>;
+    cssText: string;
+}
+export interface TypographyArtifactValidationIssue {
+    code: 'missing-style' | 'unexpected-style' | 'duplicate-style' | 'incomplete-style' | 'frozen-value-mismatch' | 'traceability-missing';
+    styleId?: string;
+    message: string;
+}
+export interface TypographyArtifactValidationResult {
+    valid: boolean;
+    errors: TypographyArtifactValidationIssue[];
+}
+export interface TypographyTailwindUtility {
+    [property: string]: string;
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    letterSpacing: string;
+}
+export type TypographyTailwindUtilities = Record<`.text-typography-${TypographyStyleId}`, TypographyTailwindUtility>;
+export declare const frozenTypographyCompositeMapping: readonly FrozenTypographyStyleMapping[];
+export declare const typographyGeneratorInput: TypographyGeneratorInput;
+export declare function generateTypographyToken(input?: TypographyGeneratorInput): TypographyTokenArtifact;
+export declare function validateTypographyToken(token: TypographyTokenArtifact): TypographyArtifactValidationResult;
+export declare function generateTypographyCssVariables(token?: TypographyTokenArtifact): TypographyCssVariablesArtifact;
+export declare function createTypographyTailwindUtilities(token?: TypographyTokenArtifact): TypographyTailwindUtilities;
+export declare const typographyToken: TypographyTokenArtifact;
+export declare const typographyCssVariables: TypographyCssVariablesArtifact;
+export declare const typographyTailwindUtilities: TypographyTailwindUtilities;
+export declare function getTypographyCssVariableNames(styleId: TypographyStyleId): TypographyCssVariableNames;

package/dist/theme/typography/index.js

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

package/dist/theme/typography.d.ts

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