@aloudata/aloudata-design 3.0.27 → 3.1.1

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/dist/theme/runtime/themeToCssVars.js

@@ -95,6 +95,9 @@ function themeToCssVars(theme) {
 		"--action-primary-subtle-hover": "var(--semantic-brand-100)",
 		"--action-primary-subtle-active": "var(--semantic-brand-300)",
 		"--action-primary-subtle-selected": "var(--semantic-brand-100)",
+		"--control-state-selected": "var(--semantic-brand-600)",
+		"--control-state-unselected": "var(--semantic-neutral-500)",
+		"--focus-ring": "var(--semantic-brand-600)",
 		"--content-brand-primary": "var(--semantic-brand-900)",
 		"--content-brand-secondary": "var(--semantic-brand-600)",
 		"--alias-colors-text-selected": "var(--semantic-brand-900)",

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

@@ -1 +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":";;AAKA,IAAM,aAAa;CACjB,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,GAAG;CACJ;AAED,SAAS,aAAa,OAAe;AACnC,QAAO,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAM,MAAM,CAAC,CAAC;;AAGtD,SAAS,cAAc,OAA2B;CAEhD,MAAM,QADa,MAAM,MAAM,CACN,MAAM,gCAAgC;AAC/D,KAAI,CAAC,MAAO,QAAO;CACnB,MAAM,MACJ,MAAM,GAAG,WAAW,IAChB,MAAM,GACH,MAAM,GAAG,CACT,KAAK,SAAS,OAAO,KAAK,CAC1B,KAAK,GAAG,GACX,MAAM;AACZ,QAAO;EACL,OAAO,SAAS,IAAI,MAAM,GAAG,EAAE,EAAE,GAAG;EACpC,OAAO,SAAS,IAAI,MAAM,GAAG,EAAE,EAAE,GAAG;EACpC,OAAO,SAAS,IAAI,MAAM,GAAG,EAAE,EAAE,GAAG;EACrC;;AAGH,SAAS,SAAS,KAAU;AAC1B,QAAO,IAAI,IACR,KAAK,YAAY,aAAa,QAAQ,CAAC,SAAS,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,CACrE,KAAK,GAAG;;AAGb,SAAS,eAAe,OAAe;CACrC,MAAM,MAAM,cAAc,MAAM;AAChC,QAAO,MAAM,SAAS,IAAI,GAAG,MAAM,MAAM;;AAG3C,SAAS,IAAI,MAAW,IAAS,QAAqB;AACpD,QAAO;EACL,KAAK,MAAM,GAAG,KAAK,KAAK,MAAM;EAC9B,KAAK,MAAM,GAAG,KAAK,KAAK,MAAM;EAC9B,KAAK,MAAM,GAAG,KAAK,KAAK,MAAM;EAC/B;;AAGH,SAAS,kBACP,QACA,WACA,cACA,gBACiB;CACjB,MAAM,UAAU,cAAc,UAAU;CACxC,MAAM,OAAO,eAAe,UAAU;AAEtC,KAAI,CAAC,QACH,QAAO,GACJ,cAAc,OAAO,QAAQ,MAC/B;CAGH,MAAM,OAAwB,EAAE;AAChC,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,WAAW,EAAE;EACvD,MAAM,SAAc,OAAO,KAAK,GAAG,MAAM;GAAC;GAAG;GAAG;GAAE,GAAG;GAAC;GAAK;GAAK;GAAI;EACpE,MAAM,QACJ,SAAS,QAAQ,OAAO,SAAS,IAAI,SAAS,QAAQ,OAAO,CAAC;AAChE,OAAK,cAAc,OAAO,GAAG,UAAU;AACvC,MAAI,aACF,MAAK,KAAK,aAAa,GAAG,UAAU;;AAGxC,KAAI,kBAAkB,KAAK,cAAc,OAAO,KAC9C,MAAK,kBAAkB,KAAK,cAAc,OAAO;AAEnD,QAAO;;AAGT,SAAS,iBAAiB,OAAwB;AAChD,QAAO,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;;AAGpD,SAAgB,eAAe,OAA0C;CACvE,MAAM,EAAE,UAAU;CAClB,MAAM,OAAwB,EAAE;AAEhC,YACE,MACA,kBACE,SACA,MAAM,cACN,eACA,uBACD,CACF;AACD,YAAW,MAAM,kBAAkB,eAAe,MAAM,UAAU,CAAC;AACnE,YACE,MACA,kBACE,YACA,MAAM,cACN,gBACA,yBACD,CACF;AACD,YACE,MACA,kBACE,WACA,MAAM,cACN,iBACA,2BACD,CACF;AACD,YACE,MACA,kBAAkB,YAAY,MAAM,YAAY,aAAa,CAC9D;CAED,MAAM,WAAW,eAAe,MAAM,cAAc;CACpD,MAAM,SAAS,eAAe,MAAM,YAAY;CAChD,MAAM,aAAa,eAAe,MAAM,gBAAgB;CACxD,MAAM,SAAS,iBAAiB,MAAM,aAAa;AAEnD,YAAW,MAAM;EACf,qBAAqB;EACrB,8BAA8B;EAC9B,+BAA+B;EAC/B,wBAAwB;EACxB,gCAAgC;EAChC,oBAAoB;EACpB,0BAA0B;EAC1B,2BAA2B;EAC3B,0BAA0B;EAC1B,2BAA2B;EAC3B,6BAA6B;EAC7B,kCAAkC;EAClC,iCAAiC;EACjC,kCAAkC;EAClC,oCAAoC;EACpC,2BAA2B;EAC3B,6BAA6B;EAC7B,gCAAgC;EAChC,6BAA6B;EAC7B,8BAA8B;EAC9B,+BAA+B;EAC/B,+BAA+B;EAC/B,mCAAmC;EACnC,gCAAgC;EAChC,6BAA6B;EAC7B,8BAA8B;EAC9B,+BAA+B;EAC/B,+BAA+B;EAC/B,mCAAmC;EACnC,yBAAyB;EACzB,yBAAyB;EACzB,kCAAkC;EAClC,+BAA+B;EAC/B,gCAAgC;EAChC,iCAAiC;EACjC,iCAAiC;EACjC,qCAAqC;EACrC,sCAAsC;EACtC,oCAAoC;EACpC,oCAAoC;EACpC,6CAA6C;EAC7C,2CAA2C;EAC3C,2CAA2C;EAC3C,6BAA6B;EAC7B,4BAA4B;EAC5B,6BAA6B;EAC7B,wCAAwC;EACxC,gCAAgC;EAChC,+BAA+B;EAC/B,gCAAgC;EAChC,+BAA+B;EAC/B,8BAA8B;EAC9B,+BAA+B;EAC/B,iCAAiC;EAClC,CAAC;AAEF,MAAK,MAAM,WAAW,eACpB,MAAK,WAAW;AAGlB,QAAO"}
+{"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    '--control-state-selected': 'var(--semantic-brand-600)',\n    '--control-state-unselected': 'var(--semantic-neutral-500)',\n    '--focus-ring': 'var(--semantic-brand-600)',\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "3.0.27",
+  "version": "3.1.1",
   "description": "",
   "license": "MIT",
   "sideEffects": [