@aloudata/aloudata-design 3.1.0 → 3.1.2

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

@@ -0,0 +1,48 @@
+//#region src/theme/runtime/colorValueMode/legacyNeutralCompatibility.ts
+var aldLegacyNeutralCompatibilityDeclarations = Object.freeze({
+	"--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-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-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-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)",
+	"--border-default": "var(--semantic-neutral-300)",
+	"--border-default-alpha": "var(--semantic-neutral-alpha-100)",
+	"--border-inverted": "var(--global-white-alpha-950)",
+	"--border-neutral-strong": "var(--semantic-neutral-600)",
+	"--border-neutral-subtle": "var(--semantic-neutral-200)",
+	"--control-state-unselected": "var(--semantic-neutral-500)",
+	"--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-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)"
+});
+//#endregion
+export { aldLegacyNeutralCompatibilityDeclarations };
+
+//# sourceMappingURL=legacyNeutralCompatibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legacyNeutralCompatibility.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/legacyNeutralCompatibility.ts"],"sourcesContent":["import type { AldThemeCssVars } from '../types';\n\nexport const aldLegacyNeutralCompatibilityDeclarations = Object.freeze({\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-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-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-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  '--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-neutral-strong': 'var(--semantic-neutral-600)',\n  '--border-neutral-subtle': 'var(--semantic-neutral-200)',\n  '--control-state-unselected': 'var(--semantic-neutral-500)',\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-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}) as AldThemeCssVars;\n"],"mappings":";AAEA,IAAa,4CAA4C,OAAO,OAAO;CACrE,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,yBAAyB;CACzB,wBAAwB;CACxB,yBAAyB;CACzB,2BAA2B;CAC3B,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,4BAA4B;CAC5B,2BAA2B;CAC3B,4BAA4B;CAC5B,8BAA8B;CAC9B,wBAAwB;CACxB,yBAAyB;CACzB,6BAA6B;CAC7B,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,oBAAoB;CACpB,0BAA0B;CAC1B,qBAAqB;CACrB,2BAA2B;CAC3B,2BAA2B;CAC3B,8BAA8B;CAC9B,qBAAqB;CACrB,uBAAuB;CACvB,sBAAsB;CACtB,sBAAsB;CACtB,8BAA8B;CAC9B,gCAAgC;CAChC,+BAA+B;CAC/B,+BAA+B;CAChC,CAAC"}

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

@@ -13,7 +13,7 @@ declare const colorValueModeRegistry: {
         readonly title: "Legacy compatibility values";
         readonly lifecycle: "stable";
         readonly selector: ":root[data-ald-color-value-mode=\"legacy\"]";
-        readonly declarations: {};
+        readonly declarations: AldThemeCssVars;
     };
     readonly v3: {
         readonly mode: "v3";

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

@@ -1,5 +1,6 @@
 import { aldV3BaselineDeclarations } from "./generated/v3BaselineDeclarations.js";
 import { aldDarkBaselineDeclarations } from "./generated/darkBaselineDeclarations.js";
+import { aldLegacyNeutralCompatibilityDeclarations } from "./legacyNeutralCompatibility.js";
 //#region src/theme/runtime/colorValueMode/registry.ts
 var colorValueModeRegistry = {
 	legacy: {
@@ -7,7 +8,7 @@ var colorValueModeRegistry = {
 		title: "Legacy compatibility values",
 		lifecycle: "stable",
 		selector: ":root[data-ald-color-value-mode=\"legacy\"]",
-		declarations: {}
+		declarations: aldLegacyNeutralCompatibilityDeclarations
 	},
 	v3: {
 		mode: "v3",

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 { 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"}
+{"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 { aldLegacyNeutralCompatibilityDeclarations } from './legacyNeutralCompatibility';\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: aldLegacyNeutralCompatibilityDeclarations,\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":";;;;AAkBA,IAAM,yBAAyB;CAC7B,QAAQ;EACN,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;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/initAldTheme.js

@@ -3,7 +3,6 @@ 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, "\\\"");
 }
@@ -21,8 +20,7 @@ function initAldTheme(config) {
 	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);
+	if (colorValueModeStyle) document.head.appendChild(colorValueModeStyle);
 	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\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"}
+{"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';\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 (colorValueModeStyle) {\n    document.head.appendChild(colorValueModeStyle);\n  }\n\n  document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,IAAM,+BAA+B;AAErC,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,KAAI,oBACF,UAAS,KAAK,YAAY,oBAAoB;AAGhD,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}

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

@@ -0,0 +1,6 @@
+import { NeutralSourceId } from '../../neutralSourceContract';
+export declare const aldNeutralSourceDataAttribute = "data-ald-neutral-source";
+export declare const aldNeutralSources: readonly ("neutral" | "slate" | "stone")[];
+export declare function isAldNeutralSource(value: unknown): value is NeutralSourceId;
+export declare function applyAldNeutralSource(source: unknown): NeutralSourceId;
+export type { NeutralSourceId } from '../../neutralSourceContract';

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

@@ -0,0 +1,11 @@
+import { neutralSourceIds } from "../../neutralSourceContract.js";
+//#region src/theme/runtime/neutralSource/index.ts
+var aldNeutralSourceDataAttribute = "data-ald-neutral-source";
+Object.freeze([...neutralSourceIds]);
+function isAldNeutralSource(value) {
+	return typeof value === "string" && neutralSourceIds.includes(value);
+}
+//#endregion
+export { aldNeutralSourceDataAttribute, isAldNeutralSource };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/neutralSource/index.ts"],"sourcesContent":["import {\n  DEFAULT_NEUTRAL_SOURCE,\n  neutralSourceIds,\n  type NeutralSourceId,\n} from '../../neutralSourceContract';\n\nexport const aldNeutralSourceDataAttribute = 'data-ald-neutral-source';\nexport const aldNeutralSources = Object.freeze([...neutralSourceIds]);\n\nexport function isAldNeutralSource(value: unknown): value is NeutralSourceId {\n  return (\n    typeof value === 'string' &&\n    (neutralSourceIds as readonly string[]).includes(value)\n  );\n}\n\nexport function applyAldNeutralSource(source: unknown): NeutralSourceId {\n  const normalizedSource = isAldNeutralSource(source)\n    ? source\n    : DEFAULT_NEUTRAL_SOURCE;\n\n  if (typeof document === 'undefined') return normalizedSource;\n\n  if (normalizedSource === DEFAULT_NEUTRAL_SOURCE) {\n    document.documentElement.removeAttribute(aldNeutralSourceDataAttribute);\n  } else {\n    document.documentElement.setAttribute(\n      aldNeutralSourceDataAttribute,\n      normalizedSource,\n    );\n  }\n\n  return normalizedSource;\n}\n\nexport type { NeutralSourceId } from '../../neutralSourceContract';\n"],"mappings":";;AAMA,IAAa,gCAAgC;AACZ,OAAO,OAAO,CAAC,GAAG,iBAAiB,CAAC;AAErE,SAAgB,mBAAmB,OAA0C;AAC3E,QACE,OAAO,UAAU,YAChB,iBAAuC,SAAS,MAAM"}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "",
   "license": "MIT",
   "sideEffects": [
@@ -14,6 +14,12 @@
       "default": "./dist/index.js"
     },
     "./css": "./dist/aloudata-design.css",
+    "./governance/semantic": {
+      "types": "./dist/governance/semantic.d.ts",
+      "import": "./dist/governance/semantic.js",
+      "default": "./dist/governance/semantic.js"
+    },
+    "./governance/semantic.json": "./dist/governance/semantic.json",
     "./dist/*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js",
@@ -28,13 +34,17 @@
     "dist"
   ],
   "scripts": {
-    "build": "npm run tokens:check && vite build && npm run tokens:validate-dist",
+    "build": "npm run tokens:check && npm run governance:check && vite build && npm run governance:publish && npm run tokens:validate-dist && npm run governance:validate-dist",
     "build:watch": "vite build --watch",
     "cmt": "npx zx ./scripts/createComponentTemplate.mjs",
     "coverage": "vitest run --coverage.enabled",
     "dev": "storybook dev -p 6006",
     "docs:build": "storybook build",
     "gen:icon": "node ./scripts/genIcon.mjs",
+    "governance:check": "vite-node scripts/checkSemanticGovernanceContract.ts",
+    "governance:publish": "vite-node scripts/publishSemanticGovernanceContract.ts",
+    "governance:validate-dist": "vite-node scripts/validateSemanticGovernanceContractDist.ts",
+    "governance:validate-package": "vite-node scripts/validateSemanticGovernancePackage.ts",
     "lint": "npm run lint:ts && npm run lint:es",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "lint:ts": "tsc --noEmit",