@vectoriox/iox-ui 5.27.0 → 5.29.0

package/design-core/index.d.ts

@@ -1280,6 +1280,20 @@ declare const SPEC_ELEMENT_STYLES: readonly [{
     readonly hover: {
         readonly color: "var(--iox-link-hover-color)";
     };
+}, {
+    readonly id: "button-label";
+    readonly label: "Button label";
+    readonly group: "Text";
+    readonly appliesTo: readonly ["Text"];
+    readonly base: {
+        readonly fontFamily: "inherit";
+        readonly fontSize: "inherit";
+        readonly fontWeight: "inherit";
+        readonly lineHeight: "inherit";
+        readonly letterSpacing: "inherit";
+        readonly textTransform: "inherit";
+        readonly color: "inherit";
+    };
 }, {
     readonly id: "section";
     readonly label: "Section";
@@ -1511,7 +1525,8 @@ declare const SPEC_FIELD_CLASS_BASELINE: {
     readonly ".iox-es-field .iox-field__control:focus-visible": {
         readonly "border-color": "var(--iox-accent-text)";
         readonly "box-shadow": "var(--iox-field-focus)";
-        readonly outline: "none";
+        readonly outline: "2px solid transparent";
+        readonly "outline-offset": "2px";
     };
     readonly ".iox-es-field .iox-field__label": {
         readonly "font-family": "var(--iox-font-body)";
@@ -1519,6 +1534,12 @@ declare const SPEC_FIELD_CLASS_BASELINE: {
         readonly "font-weight": "var(--iox-field-label-weight)";
         readonly color: "var(--iox-text)";
     };
+    readonly ".iox-es-field .iox-field__option": {
+        readonly "font-family": "var(--iox-font-body)";
+        readonly "font-size": "var(--iox-size-body)";
+        readonly color: "var(--iox-text)";
+        readonly cursor: "pointer";
+    };
     readonly ".iox-es-field .iox-field__help": {
         readonly "font-size": "var(--iox-size-small)";
         readonly color: "var(--iox-text-muted)";
@@ -1534,11 +1555,121 @@ declare const SPEC_FIELD_CLASS_BASELINE: {
         readonly color: "var(--iox-text-muted)";
         readonly opacity: "1";
     };
-    readonly ".iox-es-field .iox-field__control:where([type='checkbox'], [type='radio'], [type='range'])": {
+    readonly ".iox-es-field .iox-field__control:disabled": {
+        readonly opacity: "0.55";
+        readonly cursor: "not-allowed";
+    };
+    readonly ".iox-es-field .iox-field__control:where(.iox-field__control--switch, [type='range'])": {
         readonly border: "none";
         readonly padding: "0";
         readonly background: "transparent";
-        readonly "accent-color": "var(--iox-accent-text)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio'])": {
+        readonly appearance: "none";
+        readonly "-webkit-appearance": "none";
+        readonly display: "inline-grid";
+        readonly "place-content": "center";
+        readonly "flex-shrink": "0";
+        readonly margin: "0";
+        readonly padding: "0";
+        readonly "inline-size": "1.25em";
+        readonly "block-size": "1.25em";
+        readonly "vertical-align": "middle";
+        readonly cursor: "pointer";
+        readonly background: "var(--iox-surface)";
+        readonly "border-color": "var(--iox-line-strong)";
+        readonly "border-radius": "var(--iox-radius-xs)";
+        readonly transition: "background var(--iox-dur-fast) var(--iox-ease-standard), border-color var(--iox-dur-fast) var(--iox-ease-standard), box-shadow var(--iox-dur-fast) var(--iox-ease-standard)";
+    };
+    readonly ".iox-es-field .iox-field__control[type='radio']": {
+        readonly "border-radius": "50%";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio'])::before": {
+        readonly content: "''";
+        readonly "inline-size": "0.28em";
+        readonly "block-size": "0.56em";
+        readonly "border-style": "solid";
+        readonly "border-color": "var(--iox-accent-ink)";
+        readonly "border-width": "0 0.14em 0.14em 0";
+        readonly transform: "translateY(-0.08em) rotate(45deg) scale(0)";
+        readonly transition: "transform var(--iox-dur-fast) var(--iox-ease-standard)";
+    };
+    readonly ".iox-es-field .iox-field__control[type='radio']::before": {
+        readonly "inline-size": "0";
+        readonly "block-size": "0";
+        readonly "border-width": "0.25em";
+        readonly "border-radius": "50%";
+        readonly transform: "scale(0)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):hover": {
+        readonly "border-color": "var(--iox-accent-text)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked": {
+        readonly background: "var(--iox-accent)";
+        readonly "border-color": "var(--iox-accent-text)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked:hover": {
+        readonly background: "var(--iox-accent-hover)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked::before": {
+        readonly transform: "translateY(-0.08em) rotate(45deg) scale(1)";
+    };
+    readonly ".iox-es-field .iox-field__control[type='radio']:checked::before": {
+        readonly transform: "scale(1)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):focus-visible": {
+        readonly "box-shadow": "var(--iox-focus-ring)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range'])": {
+        readonly appearance: "none";
+        readonly "-webkit-appearance": "none";
+        readonly "inline-size": "100%";
+        readonly "block-size": "1.25em";
+        readonly cursor: "pointer";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range'])::-webkit-slider-runnable-track": {
+        readonly "block-size": "0.25em";
+        readonly "border-radius": "var(--iox-radius-pill)";
+        readonly background: "var(--iox-line-strong)";
+        readonly outline: "1px solid transparent";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range'])::-moz-range-track": {
+        readonly "block-size": "0.25em";
+        readonly "border-radius": "var(--iox-radius-pill)";
+        readonly background: "var(--iox-line-strong)";
+        readonly outline: "1px solid transparent";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range'])::-webkit-slider-thumb": {
+        readonly appearance: "none";
+        readonly "-webkit-appearance": "none";
+        readonly "inline-size": "1.25em";
+        readonly "block-size": "1.25em";
+        readonly "border-radius": "50%";
+        readonly background: "var(--iox-accent-text)";
+        readonly border: "2px solid var(--iox-bg)";
+        readonly "box-sizing": "border-box";
+        readonly cursor: "pointer";
+        readonly "margin-block-start": "-0.5em";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range'])::-moz-range-thumb": {
+        readonly appearance: "none";
+        readonly "-webkit-appearance": "none";
+        readonly "inline-size": "1.25em";
+        readonly "block-size": "1.25em";
+        readonly "border-radius": "50%";
+        readonly background: "var(--iox-accent-text)";
+        readonly border: "2px solid var(--iox-bg)";
+        readonly "box-sizing": "border-box";
+        readonly cursor: "pointer";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range']):focus-visible": {
+        readonly "box-shadow": "none";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range']):focus-visible::-webkit-slider-thumb": {
+        readonly "box-shadow": "var(--iox-focus-ring)";
+    };
+    readonly ".iox-es-field .iox-field__control:where([type='range']):focus-visible::-moz-range-thumb": {
+        readonly "box-shadow": "var(--iox-focus-ring)";
     };
     readonly ".iox-es-field .iox-field__control--switch": {
         readonly background: "var(--iox-text-muted)";
@@ -1699,9 +1830,32 @@ declare const SPEC_CONTRAST_AUDIT: {
         readonly thumb: "var(--iox-bg)";
         readonly min: 3;
     }, {
-        readonly part: "checkbox · radio · range";
+        readonly part: "checkbox · radio edge";
+        readonly fg: "var(--iox-line-strong)";
+        readonly min: 3;
+    }, {
+        readonly part: "checkbox · radio edge on its fill";
+        readonly fg: "var(--iox-line-strong)";
+        readonly on: "var(--iox-surface)";
+        readonly min: 3;
+    }, {
+        readonly part: "checkbox · radio checked";
+        readonly fg: readonly ["var(--iox-accent-text)", "var(--iox-accent)"];
+        readonly any: true;
+        readonly min: 3;
+    }, {
+        readonly part: "check mark · radio dot";
+        readonly fg: "var(--iox-accent-ink)";
+        readonly on: "var(--iox-accent)";
+        readonly min: 3;
+    }, {
+        readonly part: "hover edge · range thumb";
         readonly fg: "var(--iox-accent-text)";
         readonly min: 3;
+    }, {
+        readonly part: "range track";
+        readonly fg: "var(--iox-line-strong)";
+        readonly min: 3;
     }];
 };
 declare const SPEC_LEGACY_ALIASES: {
@@ -9436,6 +9590,30 @@ declare function emptyImageSrc(node: {
     elementStyle?: string | null;
 } | null | undefined, src: unknown, label?: string | null): string | null;
 
+/**
+ * Where a node links (W1.1). Link and LinkedContainer always had two link types — an external URL or a
+ * website PAGE by its route — and ButtonBlock now has the same pair, so a composed "Get in touch" button
+ * is a page link the builder shows as `/contact`, not a hand-built URL. Framework-free: the composer
+ * (generation-core) writes it, the builder canvas and both engine render paths read it.
+ */
+declare enum LinkType {
+    External = "external",
+    Page = "page"
+}
+interface ButtonBlockLinkProps {
+    tag?: unknown;
+    linkType?: unknown;
+    href?: unknown;
+    pageRoute?: unknown;
+}
+/**
+ * The href a ButtonBlock renders, or `null` for none (it is a `<button>`, or a link with no target).
+ * Only an `<a>` links. A page link's route goes through `pageHref` — the engine's `resolvePageHref`
+ * (`:params` substituted, base-relative); the builder canvas passes none and shows the route as authored,
+ * as its Link does.
+ */
+declare function buttonBlockHref(props: ButtonBlockLinkProps, pageHref?: (route: string) => string): string | null;
+
 /**
  * BRAND DERIVATION (flavors plan §6, F2): one colour in, an asserted accessible ramp out.
  *
@@ -9629,7 +9807,8 @@ declare function preTintAccentGrounds(palette: FlavorPalette): {
  * - `inherit` → the container's ink, a transparent fill → what is under it, translucent fills composited,
  *   a gradient ground (Glass's mesh, Midnight's glow) checked at its worst stop;
  * - base and hover; a button's icon read through the contract's `inkScopes` (it takes the button's ink),
- *   its focus ring; the form parts the field baseline paints (`contrastAudit.formParts`).
+ *   its focus ring; the form parts the field baseline paints (`contrastAudit.formParts`); the form's
+ *   Success / Error notices, in every scheme and container.
  *
  * WCAG 2: 4.5:1 for text, 3:1 for glyphs, UI boundaries and focus indicators (1.4.11), judged on 8-bit
  * colours. The same audit gates the contract (`colour.mjs auditContrast`, every flavor × tint × a seed
@@ -10193,5 +10372,5 @@ interface FontFamilyRemoval {
  */
 declare function planFontFamilyRemoval(existing: ReadonlyArray<StoredDesignTokenRow>, previous: StoredDesign, family: string): FontFamilyRemoval;
 
-export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BUTTON_VARIANT_TO_STYLE, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, MAX_FONT_FILE_BYTES, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_TINT_DEFAULT, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, buildFlavorTokens, buildFontFaceCss, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, sameDesignChoices, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, writeOwnedTrait };
-export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, ApplyElementStyleResult, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorColours, FlavorPack, FlavorPackV2, FlavorPalette, FlavorRevertPlan, FlavorRevertSnapshot, FlavorRevertWrite, FlavorSeedOptions, FlavorSeedPlan, FlavorSpecToken, FlavorTintConfig, FlavorTokenDef, FontDescriptor, FontFamilyGroup, FontFamilyRemoval, FontFamilyToken, FontFormat, FontPair, FontRoleToken, FontStyle, FontWeight, FontWeightRange, FontsForTokensOptions, KeptEdit, LinearSpring, MissingFontRole, MotionId, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, ResolvedMode, Rgb, Rgba, SchemeId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StoredDesign, StoredDesignTokenRow, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };
+export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BUTTON_VARIANT_TO_STYLE, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, LinkType, MAX_FONT_FILE_BYTES, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_TINT_DEFAULT, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, sameDesignChoices, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, writeOwnedTrait };
+export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, ApplyElementStyleResult, ButtonBlockLinkProps, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorColours, FlavorPack, FlavorPackV2, FlavorPalette, FlavorRevertPlan, FlavorRevertSnapshot, FlavorRevertWrite, FlavorSeedOptions, FlavorSeedPlan, FlavorSpecToken, FlavorTintConfig, FlavorTokenDef, FontDescriptor, FontFamilyGroup, FontFamilyRemoval, FontFamilyToken, FontFormat, FontPair, FontRoleToken, FontStyle, FontWeight, FontWeightRange, FontsForTokensOptions, KeptEdit, LinearSpring, MissingFontRole, MotionId, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, ResolvedMode, Rgb, Rgba, SchemeId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StoredDesign, StoredDesignTokenRow, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };

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

@@ -1513,6 +1513,23 @@ const SPEC_ELEMENT_STYLES = [
             "color": "var(--iox-link-hover-color)"
         }
     },
+    {
+        "id": "button-label",
+        "label": "Button label",
+        "group": "Text",
+        "appliesTo": [
+            "Text"
+        ],
+        "base": {
+            "fontFamily": "inherit",
+            "fontSize": "inherit",
+            "fontWeight": "inherit",
+            "lineHeight": "inherit",
+            "letterSpacing": "inherit",
+            "textTransform": "inherit",
+            "color": "inherit"
+        }
+    },
     {
         "id": "section",
         "label": "Section",
@@ -1798,7 +1815,8 @@ const SPEC_FIELD_CLASS_BASELINE = {
     ".iox-es-field .iox-field__control:focus-visible": {
         "border-color": "var(--iox-accent-text)",
         "box-shadow": "var(--iox-field-focus)",
-        "outline": "none"
+        "outline": "2px solid transparent",
+        "outline-offset": "2px"
     },
     ".iox-es-field .iox-field__label": {
         "font-family": "var(--iox-font-body)",
@@ -1806,6 +1824,12 @@ const SPEC_FIELD_CLASS_BASELINE = {
         "font-weight": "var(--iox-field-label-weight)",
         "color": "var(--iox-text)"
     },
+    ".iox-es-field .iox-field__option": {
+        "font-family": "var(--iox-font-body)",
+        "font-size": "var(--iox-size-body)",
+        "color": "var(--iox-text)",
+        "cursor": "pointer"
+    },
     ".iox-es-field .iox-field__help": {
         "font-size": "var(--iox-size-small)",
         "color": "var(--iox-text-muted)"
@@ -1821,11 +1845,121 @@ const SPEC_FIELD_CLASS_BASELINE = {
         "color": "var(--iox-text-muted)",
         "opacity": "1"
     },
-    ".iox-es-field .iox-field__control:where([type='checkbox'], [type='radio'], [type='range'])": {
+    ".iox-es-field .iox-field__control:disabled": {
+        "opacity": "0.55",
+        "cursor": "not-allowed"
+    },
+    ".iox-es-field .iox-field__control:where(.iox-field__control--switch, [type='range'])": {
         "border": "none",
         "padding": "0",
-        "background": "transparent",
-        "accent-color": "var(--iox-accent-text)"
+        "background": "transparent"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio'])": {
+        "appearance": "none",
+        "-webkit-appearance": "none",
+        "display": "inline-grid",
+        "place-content": "center",
+        "flex-shrink": "0",
+        "margin": "0",
+        "padding": "0",
+        "inline-size": "1.25em",
+        "block-size": "1.25em",
+        "vertical-align": "middle",
+        "cursor": "pointer",
+        "background": "var(--iox-surface)",
+        "border-color": "var(--iox-line-strong)",
+        "border-radius": "var(--iox-radius-xs)",
+        "transition": "background var(--iox-dur-fast) var(--iox-ease-standard), border-color var(--iox-dur-fast) var(--iox-ease-standard), box-shadow var(--iox-dur-fast) var(--iox-ease-standard)"
+    },
+    ".iox-es-field .iox-field__control[type='radio']": {
+        "border-radius": "50%"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio'])::before": {
+        "content": "''",
+        "inline-size": "0.28em",
+        "block-size": "0.56em",
+        "border-style": "solid",
+        "border-color": "var(--iox-accent-ink)",
+        "border-width": "0 0.14em 0.14em 0",
+        "transform": "translateY(-0.08em) rotate(45deg) scale(0)",
+        "transition": "transform var(--iox-dur-fast) var(--iox-ease-standard)"
+    },
+    ".iox-es-field .iox-field__control[type='radio']::before": {
+        "inline-size": "0",
+        "block-size": "0",
+        "border-width": "0.25em",
+        "border-radius": "50%",
+        "transform": "scale(0)"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):hover": {
+        "border-color": "var(--iox-accent-text)"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked": {
+        "background": "var(--iox-accent)",
+        "border-color": "var(--iox-accent-text)"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked:hover": {
+        "background": "var(--iox-accent-hover)"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):checked::before": {
+        "transform": "translateY(-0.08em) rotate(45deg) scale(1)"
+    },
+    ".iox-es-field .iox-field__control[type='radio']:checked::before": {
+        "transform": "scale(1)"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox']:not(.iox-field__control--switch), [type='radio']):focus-visible": {
+        "box-shadow": "var(--iox-focus-ring)"
+    },
+    ".iox-es-field .iox-field__control:where([type='range'])": {
+        "appearance": "none",
+        "-webkit-appearance": "none",
+        "inline-size": "100%",
+        "block-size": "1.25em",
+        "cursor": "pointer"
+    },
+    ".iox-es-field .iox-field__control:where([type='range'])::-webkit-slider-runnable-track": {
+        "block-size": "0.25em",
+        "border-radius": "var(--iox-radius-pill)",
+        "background": "var(--iox-line-strong)",
+        "outline": "1px solid transparent"
+    },
+    ".iox-es-field .iox-field__control:where([type='range'])::-moz-range-track": {
+        "block-size": "0.25em",
+        "border-radius": "var(--iox-radius-pill)",
+        "background": "var(--iox-line-strong)",
+        "outline": "1px solid transparent"
+    },
+    ".iox-es-field .iox-field__control:where([type='range'])::-webkit-slider-thumb": {
+        "appearance": "none",
+        "-webkit-appearance": "none",
+        "inline-size": "1.25em",
+        "block-size": "1.25em",
+        "border-radius": "50%",
+        "background": "var(--iox-accent-text)",
+        "border": "2px solid var(--iox-bg)",
+        "box-sizing": "border-box",
+        "cursor": "pointer",
+        "margin-block-start": "-0.5em"
+    },
+    ".iox-es-field .iox-field__control:where([type='range'])::-moz-range-thumb": {
+        "appearance": "none",
+        "-webkit-appearance": "none",
+        "inline-size": "1.25em",
+        "block-size": "1.25em",
+        "border-radius": "50%",
+        "background": "var(--iox-accent-text)",
+        "border": "2px solid var(--iox-bg)",
+        "box-sizing": "border-box",
+        "cursor": "pointer"
+    },
+    ".iox-es-field .iox-field__control:where([type='range']):focus-visible": {
+        "box-shadow": "none"
+    },
+    ".iox-es-field .iox-field__control:where([type='range']):focus-visible::-webkit-slider-thumb": {
+        "box-shadow": "var(--iox-focus-ring)"
+    },
+    ".iox-es-field .iox-field__control:where([type='range']):focus-visible::-moz-range-thumb": {
+        "box-shadow": "var(--iox-focus-ring)"
     },
     ".iox-es-field .iox-field__control--switch": {
         "background": "var(--iox-text-muted)",
@@ -2029,9 +2163,40 @@ const SPEC_CONTRAST_AUDIT = {
             "min": 3
         },
         {
-            "part": "checkbox · radio · range",
+            "part": "checkbox · radio edge",
+            "fg": "var(--iox-line-strong)",
+            "min": 3
+        },
+        {
+            "part": "checkbox · radio edge on its fill",
+            "fg": "var(--iox-line-strong)",
+            "on": "var(--iox-surface)",
+            "min": 3
+        },
+        {
+            "part": "checkbox · radio checked",
+            "fg": [
+                "var(--iox-accent-text)",
+                "var(--iox-accent)"
+            ],
+            "any": true,
+            "min": 3
+        },
+        {
+            "part": "check mark · radio dot",
+            "fg": "var(--iox-accent-ink)",
+            "on": "var(--iox-accent)",
+            "min": 3
+        },
+        {
+            "part": "hover edge · range thumb",
             "fg": "var(--iox-accent-text)",
             "min": 3
+        },
+        {
+            "part": "range track",
+            "fg": "var(--iox-line-strong)",
+            "min": 3
         }
     ]
 };
@@ -11269,6 +11434,31 @@ function emptyImageSrc(node, src, label) {
     return emptyImagePlaceholder(node, label);
 }
 
+/**
+ * Where a node links (W1.1). Link and LinkedContainer always had two link types — an external URL or a
+ * website PAGE by its route — and ButtonBlock now has the same pair, so a composed "Get in touch" button
+ * is a page link the builder shows as `/contact`, not a hand-built URL. Framework-free: the composer
+ * (generation-core) writes it, the builder canvas and both engine render paths read it.
+ */
+var LinkType;
+(function (LinkType) {
+    LinkType["External"] = "external";
+    LinkType["Page"] = "page";
+})(LinkType || (LinkType = {}));
+const ANCHOR_TAG = 'a';
+/**
+ * The href a ButtonBlock renders, or `null` for none (it is a `<button>`, or a link with no target).
+ * Only an `<a>` links. A page link's route goes through `pageHref` — the engine's `resolvePageHref`
+ * (`:params` substituted, base-relative); the builder canvas passes none and shows the route as authored,
+ * as its Link does.
+ */
+function buttonBlockHref(props, pageHref = route => route) {
+    if (props.tag !== ANCHOR_TAG)
+        return null;
+    const href = props.linkType === LinkType.Page ? pageHref(String(props.pageRoute ?? '')) : String(props.href ?? '');
+    return href || null;
+}
+
 function parseHexColor(hex) {
     const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec((hex ?? '').trim());
     if (!m)
@@ -11999,11 +12189,11 @@ function auditDesignContrast(rows, mode) {
                     check(FIELD, `${part.part} thumb`, parseCssColour(resolveIn(values, part.thumb), boxInk), bgs.map(b => compositeOver(paint, b)), part.min);
                 }
             }
-            if (box === null && schemeId === DEFAULT_SCHEME) {
-                for (const n of notices) {
-                    const fill = paintColours(resolveIn(values, ownStyle(n)['backgroundColor']), boxInk);
-                    check(n.id, 'text', parseCssColour(resolveIn(values, ownStyle(n)['color']), boxInk), overAll(fill, bgs), WCAG_AA_TEXT);
-                }
+            // A form's Success / Error notice sits wherever its form does — on the section in every scheme
+            // AND inside every container (the Studio's contact form lives in a Card): W1.1.
+            for (const n of notices) {
+                const fill = paintColours(resolveIn(values, ownStyle(n)['backgroundColor']), boxInk);
+                check(n.id, 'text', parseCssColour(resolveIn(values, ownStyle(n)['color']), boxInk), overAll(fill, bgs), WCAG_AA_TEXT);
             }
         }
     }
@@ -13276,5 +13466,5 @@ function planFontFamilyRemoval(existing, previous, family) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BUTTON_VARIANT_TO_STYLE, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, MAX_FONT_FILE_BYTES, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_TINT_DEFAULT, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, buildFlavorTokens, buildFontFaceCss, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, sameDesignChoices, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, writeOwnedTrait };
+export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BUTTON_VARIANT_TO_STYLE, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, LinkType, MAX_FONT_FILE_BYTES, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_TINT_DEFAULT, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, sameDesignChoices, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, writeOwnedTrait };
 //# sourceMappingURL=vectoriox-iox-ui-design-core.mjs.map