@vectoriox/iox-ui 5.12.1 → 5.13.0

package/design-core/index.d.ts

@@ -1330,6 +1330,18 @@ declare const SPEC_ELEMENT_STYLES: readonly [{
         readonly borderStyle: "solid";
         readonly borderColor: "var(--iox-dialog-border)";
     };
+}, {
+    readonly id: "form";
+    readonly label: "Form";
+    readonly group: "Forms";
+    readonly appliesTo: readonly ["Form"];
+    readonly base: {};
+}, {
+    readonly id: "field";
+    readonly label: "Field";
+    readonly group: "Forms";
+    readonly appliesTo: readonly ["Field"];
+    readonly base: {};
 }, {
     readonly id: "notice-success";
     readonly label: "Success message";
@@ -1371,6 +1383,8 @@ declare const SPEC_DEFAULT_ELEMENT_STYLE: {
     readonly Divider: "rule";
     readonly Icon: "icon";
     readonly Dialog: "dialog";
+    readonly Form: "form";
+    readonly Field: "field";
     readonly FormSuccess: "notice-success";
     readonly FormError: "notice-error";
 };
@@ -1412,7 +1426,7 @@ declare const SPEC_PALETTE_PRESETS: readonly [{
     };
 }];
 declare const SPEC_FIELD_CLASS_BASELINE: {
-    readonly ".iox-field__control": {
+    readonly ".iox-es-field .iox-field__control": {
         readonly background: "var(--iox-field-bg)";
         readonly color: "var(--iox-field-ink)";
         readonly "border-width": "var(--iox-field-border-width)";
@@ -1424,26 +1438,26 @@ declare const SPEC_FIELD_CLASS_BASELINE: {
         readonly "font-size": "var(--iox-size-body)";
         readonly transition: "border-color var(--iox-dur-base) var(--iox-ease-standard), box-shadow var(--iox-dur-base) var(--iox-ease-standard)";
     };
-    readonly ".iox-field__control:focus-visible": {
+    readonly ".iox-es-field .iox-field__control:focus-visible": {
         readonly "border-color": "var(--iox-accent)";
         readonly "box-shadow": "var(--iox-field-focus)";
         readonly outline: "none";
     };
-    readonly ".iox-field__label": {
+    readonly ".iox-es-field .iox-field__label": {
         readonly "font-family": "var(--iox-font-body)";
         readonly "font-size": "var(--iox-field-label-size)";
         readonly "font-weight": "var(--iox-field-label-weight)";
         readonly color: "var(--iox-text)";
     };
-    readonly ".iox-field__help": {
+    readonly ".iox-es-field .iox-field__help": {
         readonly "font-size": "var(--iox-size-small)";
         readonly color: "var(--iox-text-muted)";
     };
-    readonly ".iox-field__error": {
+    readonly ".iox-es-field .iox-field__error": {
         readonly "font-size": "var(--iox-size-small)";
         readonly color: "var(--iox-danger)";
     };
-    readonly ".iox-invalid .iox-field__control": {
+    readonly ".iox-es-field.iox-invalid .iox-field__control": {
         readonly "border-color": "var(--iox-danger)";
     };
 };
@@ -8363,6 +8377,32 @@ declare function ownedTraitStatus(target: ElementStyleTarget, id: string): Owned
  * Then the new style is written. Traits neither style owns are never touched.
  */
 declare function switchElementStyle(target: ElementStyleTarget, fromId: string | null | undefined, toId: string, baseline?: Readonly<Record<string, unknown>>): SwitchElementStyleResult;
+/**
+ * The element-style MARKER (design-system §3b-bis, spec `elementStyleMarker`). A node that wears an
+ * element style renders `iox-es iox-es-<id>` in BOTH renderers; every piece of component CSS that
+ * carries the system look is scoped to it, so a node saved before DS2 (no `elementStyle`) keeps its
+ * exact pre-DS2 component CSS no matter which tokens the org holds. This is the ONLY thing a
+ * renderer reads `elementStyle` for.
+ */
+declare const ELEMENT_STYLE_MARKER_CLASS = "iox-es";
+/** `iox-es-<id>` for a known style, else null — an unknown id never reaches a class attribute. */
+declare function elementStyleClass(id: string | null | undefined): string | null;
+/** The marker classes a node renders: `'iox-es iox-es-<id>'`, or `''` for a node with no (known) style. */
+declare function elementStyleClasses(node: {
+    elementStyle?: string | null;
+} | null | undefined): string;
+/** Make an element's marker match `elementStyle` — the live switch on the canvas, and the
+ *  component path's one-time stamp. Removes a stale `iox-es-<old>`; touches no other class. */
+declare function syncElementStyleMarker(el: {
+    classList: DOMTokenList;
+} | null | undefined, elementStyle: string | null | undefined): void;
+/**
+ * The spec's `headingLevelRule`: changing a Heading's level moves it to the new level's DEFAULT
+ * style only when it still wears its old level's default (author changes kept, via
+ * `switchElementStyle`); a Heading wearing any other style — or none — is left alone. Returns null
+ * when nothing switched.
+ */
+declare function applyHeadingLevelRule(target: ElementStyleTarget, oldLevel: string | null | undefined, newLevel: string | null | undefined, baseline?: Readonly<Record<string, unknown>>): SwitchElementStyleResult | null;
 
 /**
  * BRAND DERIVATION (flavors plan §6, F2): one colour in, an asserted accessible ramp out.
@@ -8542,5 +8582,25 @@ declare function parseFontFamilies(stack: string): string[];
  */
 declare function fontsForTokens(tokens: ReadonlyArray<DesignTokenLike> | null | undefined): string[];
 
-export { ACCENT_TOKEN_NAMES, BUTTON_VARIANT_TO_STYLE, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, ELEMENT_STYLES, ELEMENT_STYLE_STATES, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, OwnedTraitLink, PALETTE_PRESETS, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SWISS_FLAVOR, USER_TOKEN_SOURCE, WCAG_AA_TEXT, apcaLc, applyElementStyle, buildFlavorTokens, buildFontFaceCss, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, elementStyleById, elementStylesFor, flavorSourceStamp, fontsForTokens, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, oklabToRgb, ownedTraitStatus, parseFontFamilies, parseHexColor, planFlavorRevert, planFlavorSeed, relativeLuminance, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, springToLinear, styleKeyToKebab, switchElementStyle, toHexColor, tokensToDarkVarMap, tokensToVarMap, userFontStack, validateFlavorPack, wcagContrastRatio };
+/**
+ * Which `--iox-<name>` a piece of COMPONENT CSS may reference (design-system §3b-bis: "component CSS
+ * may reference ONLY tokens defined in this spec"). DS2 shipped seven names nobody defines
+ * (`card-media-gap`, `gallery-overlay`, `dialog-close-bg`…): a token the contract does not define can
+ * never be set by a flavor, so it is a literal wearing a costume. One guard, run over BOTH
+ * renderers' component CSS (iox-ui's spec; the engine's `verify:token-names`).
+ */
+/** The 161 names of the contract's two tiers, plus its legacy aliases. */
+declare function specTokenNames(): ReadonlySet<string>;
+/**
+ * Names a PRE-DS2 rule still reads, because changing them would restyle a saved legacy page (D5):
+ * the brand ramp F2 shipped (`deriveBrandTokens`, e.g. the legacy switch's `brand-500`). Computed
+ * from the shipped function — never retyped — and only ever legitimate in an UNMARKED rule.
+ */
+declare function legacyTokenNames(): ReadonlySet<string>;
+/** Every distinct token a stylesheet READS (`var(--iox-x…)`), in first-seen order. */
+declare function tokenReferences(css: string): string[];
+/** The referenced names that are neither spec tokens, legacy names, nor in `alsoAllowed`. */
+declare function unknownTokenReferences(css: string, alsoAllowed?: Iterable<string>): string[];
+
+export { ACCENT_TOKEN_NAMES, BUTTON_VARIANT_TO_STYLE, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, OwnedTraitLink, PALETTE_PRESETS, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SWISS_FLAVOR, USER_TOKEN_SOURCE, WCAG_AA_TEXT, apcaLc, applyElementStyle, applyHeadingLevelRule, buildFlavorTokens, buildFontFaceCss, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, elementStyleById, elementStyleClass, elementStyleClasses, elementStylesFor, flavorSourceStamp, fontsForTokens, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, legacyTokenNames, oklabToRgb, ownedTraitStatus, parseFontFamilies, parseHexColor, planFlavorRevert, planFlavorSeed, relativeLuminance, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, specTokenNames, springToLinear, styleKeyToKebab, switchElementStyle, syncElementStyleMarker, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, userFontStack, validateFlavorPack, wcagContrastRatio };
 export type { AccentBackgrounds, AccentTokenName, ApplyElementStyleResult, DensityId, DesignChoices, DesignMode, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorPack, FlavorPackV2, FlavorRevertPlan, FlavorRevertSnapshot, FlavorSeedPlan, FlavorSpecToken, FlavorTokenDef, FontDescriptor, FontFormat, FontPair, FontRoleToken, FontStyle, LinearSpring, MotionId, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, ResolvedMode, Rgb, SchemeId, ShapeId, StoredDesignTokenRow, SwitchElementStyleResult, TokenCssBlocks, TokenCssOptions };

package/fesm2022/vectoriox-iox-ui-design-core.mjs

@@ -1598,6 +1598,24 @@ const SPEC_ELEMENT_STYLES = [
             "borderColor": "var(--iox-dialog-border)"
         }
     },
+    {
+        "id": "form",
+        "label": "Form",
+        "group": "Forms",
+        "appliesTo": [
+            "Form"
+        ],
+        "base": {}
+    },
+    {
+        "id": "field",
+        "label": "Field",
+        "group": "Forms",
+        "appliesTo": [
+            "Field"
+        ],
+        "base": {}
+    },
     {
         "id": "notice-success",
         "label": "Success message",
@@ -1645,6 +1663,8 @@ const SPEC_DEFAULT_ELEMENT_STYLE = {
     "Divider": "rule",
     "Icon": "icon",
     "Dialog": "dialog",
+    "Form": "form",
+    "Field": "field",
     "FormSuccess": "notice-success",
     "FormError": "notice-error"
 };
@@ -1690,7 +1710,7 @@ const SPEC_PALETTE_PRESETS = [
     }
 ];
 const SPEC_FIELD_CLASS_BASELINE = {
-    ".iox-field__control": {
+    ".iox-es-field .iox-field__control": {
         "background": "var(--iox-field-bg)",
         "color": "var(--iox-field-ink)",
         "border-width": "var(--iox-field-border-width)",
@@ -1702,26 +1722,26 @@ const SPEC_FIELD_CLASS_BASELINE = {
         "font-size": "var(--iox-size-body)",
         "transition": "border-color var(--iox-dur-base) var(--iox-ease-standard), box-shadow var(--iox-dur-base) var(--iox-ease-standard)"
     },
-    ".iox-field__control:focus-visible": {
+    ".iox-es-field .iox-field__control:focus-visible": {
         "border-color": "var(--iox-accent)",
         "box-shadow": "var(--iox-field-focus)",
         "outline": "none"
     },
-    ".iox-field__label": {
+    ".iox-es-field .iox-field__label": {
         "font-family": "var(--iox-font-body)",
         "font-size": "var(--iox-field-label-size)",
         "font-weight": "var(--iox-field-label-weight)",
         "color": "var(--iox-text)"
     },
-    ".iox-field__help": {
+    ".iox-es-field .iox-field__help": {
         "font-size": "var(--iox-size-small)",
         "color": "var(--iox-text-muted)"
     },
-    ".iox-field__error": {
+    ".iox-es-field .iox-field__error": {
         "font-size": "var(--iox-size-small)",
         "color": "var(--iox-danger)"
     },
-    ".iox-invalid .iox-field__control": {
+    ".iox-es-field.iox-invalid .iox-field__control": {
         "border-color": "var(--iox-danger)"
     }
 };
@@ -9484,7 +9504,7 @@ const REDUCED_MOTION_OVERRIDES = SPEC_A11Y.reducedMotion;
 const REDUCED_TRANSPARENCY_OVERRIDES = SPEC_A11Y.reducedTransparency;
 const ROOT = ':root';
 const DEFAULT_SCHEME = 'default';
-const REFERENCE = 'var(';
+const REFERENCE$1 = 'var(';
 const MEDIA_DARK = '(prefers-color-scheme: dark)';
 const ACCESSIBILITY_MEDIA = [
     { query: '(prefers-reduced-motion: reduce)', overrides: REDUCED_MOTION_OVERRIDES },
@@ -9594,7 +9614,7 @@ function compileSchemeCss(tokens, scope) {
     const resolved = resolveTokenValues(rows, LIGHT);
     return nonDefaultSchemes().map(([id, set]) => rule(schemeSelector(id, scope), [
         ...schemeEntries(set, resolved),
-        ...rows.filter(t => !(t.name in set) && t.value.includes(REFERENCE))
+        ...rows.filter(t => !(t.name in set) && t.value.includes(REFERENCE$1))
             .map((t) => [t.name, t.value]),
     ])).filter(Boolean).join('\n');
 }
@@ -9605,7 +9625,7 @@ function darkSchemeRules(rows, scope) {
     const dark = resolveTokenValues(rows, DARK);
     const redeclared = rows.filter(t => {
         const d = darkOf(t);
-        return d !== null && (t.value.includes(REFERENCE) || d.includes(REFERENCE));
+        return d !== null && (t.value.includes(REFERENCE$1) || d.includes(REFERENCE$1));
     });
     return nonDefaultSchemes().map(([id, set]) => {
         const swapped = Object.fromEntries(Object.entries(set).filter(([, v]) => hasPlaceholder(v)));
@@ -9868,6 +9888,51 @@ function switchElementStyle(target, fromId, toId, baseline = {}) {
     writeEntries(target, to, kept);
     return { applied: true, kept };
 }
+/**
+ * The element-style MARKER (design-system §3b-bis, spec `elementStyleMarker`). A node that wears an
+ * element style renders `iox-es iox-es-<id>` in BOTH renderers; every piece of component CSS that
+ * carries the system look is scoped to it, so a node saved before DS2 (no `elementStyle`) keeps its
+ * exact pre-DS2 component CSS no matter which tokens the org holds. This is the ONLY thing a
+ * renderer reads `elementStyle` for.
+ */
+const ELEMENT_STYLE_MARKER_CLASS = 'iox-es';
+const MARKER_PREFIX = `${ELEMENT_STYLE_MARKER_CLASS}-`;
+/** `iox-es-<id>` for a known style, else null — an unknown id never reaches a class attribute. */
+function elementStyleClass(id) {
+    return elementStyleById(id) ? `${MARKER_PREFIX}${id}` : null;
+}
+/** The marker classes a node renders: `'iox-es iox-es-<id>'`, or `''` for a node with no (known) style. */
+function elementStyleClasses(node) {
+    const own = elementStyleClass(node?.elementStyle);
+    return own ? `${ELEMENT_STYLE_MARKER_CLASS} ${own}` : '';
+}
+/** Make an element's marker match `elementStyle` — the live switch on the canvas, and the
+ *  component path's one-time stamp. Removes a stale `iox-es-<old>`; touches no other class. */
+function syncElementStyleMarker(el, elementStyle) {
+    if (!el?.classList)
+        return;
+    const stale = Array.from(el.classList).filter(c => c === ELEMENT_STYLE_MARKER_CLASS || c.startsWith(MARKER_PREFIX));
+    for (const c of stale)
+        el.classList.remove(c);
+    const classes = elementStyleClasses({ elementStyle });
+    if (classes)
+        el.classList.add(...classes.split(' '));
+}
+/**
+ * The spec's `headingLevelRule`: changing a Heading's level moves it to the new level's DEFAULT
+ * style only when it still wears its old level's default (author changes kept, via
+ * `switchElementStyle`); a Heading wearing any other style — or none — is left alone. Returns null
+ * when nothing switched.
+ */
+function applyHeadingLevelRule(target, oldLevel, newLevel, baseline = {}) {
+    if (target.type !== 'Heading' || oldLevel === newLevel)
+        return null;
+    const from = defaultElementStyleFor('Heading', { level: oldLevel });
+    const to = defaultElementStyleFor('Heading', { level: newLevel });
+    if (!from || !to || target.elementStyle !== from || from === to)
+        return null;
+    return switchElementStyle(target, from, to, baseline);
+}
 
 function parseHexColor(hex) {
     const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec((hex ?? '').trim());
@@ -10456,6 +10521,42 @@ function springToLinear(stiffness, damping) {
     return { easing: `linear(${points.join(', ')})`, duration: `${durationMs}ms` };
 }
 
+/**
+ * Which `--iox-<name>` a piece of COMPONENT CSS may reference (design-system §3b-bis: "component CSS
+ * may reference ONLY tokens defined in this spec"). DS2 shipped seven names nobody defines
+ * (`card-media-gap`, `gallery-overlay`, `dialog-close-bg`…): a token the contract does not define can
+ * never be set by a flavor, so it is a literal wearing a costume. One guard, run over BOTH
+ * renderers' component CSS (iox-ui's spec; the engine's `verify:token-names`).
+ */
+/** The 161 names of the contract's two tiers, plus its legacy aliases. */
+function specTokenNames() {
+    return new Set([
+        ...SPEC_TIERS.semantic.map(t => t.name),
+        ...SPEC_TIERS.component.map(t => t.name),
+        ...Object.keys(SPEC_LEGACY_ALIASES),
+    ]);
+}
+/**
+ * Names a PRE-DS2 rule still reads, because changing them would restyle a saved legacy page (D5):
+ * the brand ramp F2 shipped (`deriveBrandTokens`, e.g. the legacy switch's `brand-500`). Computed
+ * from the shipped function — never retyped — and only ever legitimate in an UNMARKED rule.
+ */
+function legacyTokenNames() {
+    return new Set(deriveBrandTokens('#808080', {}).map(t => t.name));
+}
+const REFERENCE = /var\(\s*--iox-([a-z0-9-]+)/gi;
+/** Every distinct token a stylesheet READS (`var(--iox-x…)`), in first-seen order. */
+function tokenReferences(css) {
+    return [...new Set(Array.from(css.matchAll(REFERENCE), m => m[1]))];
+}
+/** The referenced names that are neither spec tokens, legacy names, nor in `alsoAllowed`. */
+function unknownTokenReferences(css, alsoAllowed = []) {
+    const spec = specTokenNames();
+    const legacy = legacyTokenNames();
+    const extra = new Set(alsoAllowed);
+    return tokenReferences(css).filter(name => !spec.has(name) && !legacy.has(name) && !extra.has(name));
+}
+
 /**
  * @vectoriox/iox-ui/design-core — the shared, FRAMEWORK-FREE core of the design system
  * (design-system plan §3e): the token vocabulary, the flavor contract (generated 1:1 from
@@ -10471,5 +10572,5 @@ function springToLinear(stiffness, damping) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCENT_TOKEN_NAMES, BUTTON_VARIANT_TO_STYLE, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, ELEMENT_STYLES, ELEMENT_STYLE_STATES, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, OwnedTraitLink, PALETTE_PRESETS, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SWISS_FLAVOR, USER_TOKEN_SOURCE, WCAG_AA_TEXT, apcaLc, applyElementStyle, buildFlavorTokens, buildFontFaceCss, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, elementStyleById, elementStylesFor, flavorSourceStamp, fontsForTokens, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, oklabToRgb, ownedTraitStatus, parseFontFamilies, parseHexColor, planFlavorRevert, planFlavorSeed, relativeLuminance, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, springToLinear, styleKeyToKebab, switchElementStyle, toHexColor, tokensToDarkVarMap, tokensToVarMap, userFontStack, validateFlavorPack, wcagContrastRatio };
+export { ACCENT_TOKEN_NAMES, BUTTON_VARIANT_TO_STYLE, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, OwnedTraitLink, PALETTE_PRESETS, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SWISS_FLAVOR, USER_TOKEN_SOURCE, WCAG_AA_TEXT, apcaLc, applyElementStyle, applyHeadingLevelRule, buildFlavorTokens, buildFontFaceCss, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, elementStyleById, elementStyleClass, elementStyleClasses, elementStylesFor, flavorSourceStamp, fontsForTokens, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, legacyTokenNames, oklabToRgb, ownedTraitStatus, parseFontFamilies, parseHexColor, planFlavorRevert, planFlavorSeed, relativeLuminance, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, specTokenNames, springToLinear, styleKeyToKebab, switchElementStyle, syncElementStyleMarker, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, userFontStack, validateFlavorPack, wcagContrastRatio };
 //# sourceMappingURL=vectoriox-iox-ui-design-core.mjs.map