@vectoriox/iox-ui 5.36.0 → 5.38.0

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

@@ -1106,6 +1106,21 @@ const SPEC_TIERS = {
             "name": "media-scrim-ink",
             "type": "color",
             "default": "#FFFFFF"
+        },
+        {
+            "name": "video-play-bg",
+            "type": "color",
+            "default": "var(--iox-button-primary-bg)"
+        },
+        {
+            "name": "video-play-ink",
+            "type": "color",
+            "default": "var(--iox-button-primary-ink)"
+        },
+        {
+            "name": "video-play-size",
+            "type": "size",
+            "default": "64px"
         }
     ]
 };
@@ -1775,7 +1790,8 @@ const SPEC_ELEMENT_STYLES = [
         "appliesTo": [
             "Container",
             "LinkedContainer",
-            "Card"
+            "Card",
+            "SliderSlide"
         ],
         "base": {
             "color": "inherit",
@@ -1930,7 +1946,8 @@ const SPEC_ELEMENT_STYLES = [
         "appliesTo": [
             "Image",
             "SliderSlide",
-            "Gallery"
+            "Gallery",
+            "Video"
         ],
         "base": {
             "borderRadius": "var(--iox-image-radius)",
@@ -2175,6 +2192,7 @@ const SPEC_DEFAULT_ELEMENT_STYLE = {
     "Link": "link",
     "Image": "media",
     "SliderSlide": "media",
+    "Video": "media",
     "Divider": "rule",
     "Icon": "icon",
     "Dialog": "dialog",
@@ -4270,6 +4288,27 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "components",
                 "value": "#FFFFFF"
+            },
+            {
+                "name": "video-play-bg",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-bg)"
+            },
+            {
+                "name": "video-play-ink",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-ink)"
+            },
+            {
+                "name": "video-play-size",
+                "tier": "component",
+                "type": "size",
+                "group": "components",
+                "value": "64px"
             }
         ]
     },
@@ -5892,6 +5931,27 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "components",
                 "value": "#FFFFFF"
+            },
+            {
+                "name": "video-play-bg",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-bg)"
+            },
+            {
+                "name": "video-play-ink",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-ink)"
+            },
+            {
+                "name": "video-play-size",
+                "tier": "component",
+                "type": "size",
+                "group": "components",
+                "value": "64px"
             }
         ]
     },
@@ -7506,6 +7566,27 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "components",
                 "value": "#FFFFFF"
+            },
+            {
+                "name": "video-play-bg",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-bg)"
+            },
+            {
+                "name": "video-play-ink",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-ink)"
+            },
+            {
+                "name": "video-play-size",
+                "tier": "component",
+                "type": "size",
+                "group": "components",
+                "value": "64px"
             }
         ]
     },
@@ -9162,6 +9243,27 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "components",
                 "value": "#FFFFFF"
+            },
+            {
+                "name": "video-play-bg",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-bg)"
+            },
+            {
+                "name": "video-play-ink",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-ink)"
+            },
+            {
+                "name": "video-play-size",
+                "tier": "component",
+                "type": "size",
+                "group": "components",
+                "value": "64px"
             }
         ]
     },
@@ -10780,6 +10882,27 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "components",
                 "value": "#FFFFFF"
+            },
+            {
+                "name": "video-play-bg",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-bg)"
+            },
+            {
+                "name": "video-play-ink",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-ink)"
+            },
+            {
+                "name": "video-play-size",
+                "tier": "component",
+                "type": "size",
+                "group": "components",
+                "value": "64px"
             }
         ]
     },
@@ -12405,6 +12528,27 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "components",
                 "value": "#FFFFFF"
+            },
+            {
+                "name": "video-play-bg",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-bg)"
+            },
+            {
+                "name": "video-play-ink",
+                "tier": "component",
+                "type": "color",
+                "group": "components",
+                "value": "var(--iox-button-primary-ink)"
+            },
+            {
+                "name": "video-play-size",
+                "tier": "component",
+                "type": "size",
+                "group": "components",
+                "value": "64px"
             }
         ]
     }
@@ -12943,6 +13087,31 @@ function switchElementStyle(target, fromId, toId, baseline = {}) {
     writeEntries(target, to, kept);
     return { applied: true, kept };
 }
+/**
+ * Take a node OUT of its element style (a part a recipe wants unstyled — a migrated slider's bare chevrons, CC3):
+ * every owned trait still holding the style's value goes back to `baseline` (a state trait is removed); a trait the
+ * author changed is kept. The node then wears no style (no `iox-es` marker). Returns the kept traits.
+ */
+function releaseElementStyle(target, fromId, baseline = {}) {
+    const kept = [];
+    const from = elementStyleById(fromId);
+    if (from) {
+        for (const status of ownedTraitStatus(target, from.id)) {
+            const ref = status.state ? { trait: status.trait, state: status.state } : { trait: status.trait };
+            if (status.status === OwnedTraitLink.Changed) {
+                if (status.actual !== undefined)
+                    kept.push(ref);
+                continue;
+            }
+            if (ref.state)
+                deleteState(target, ref.state, ref.trait);
+            else
+                writeBase(target, ref.trait, baseline[ref.trait]);
+        }
+    }
+    delete target.elementStyle;
+    return 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, through the one node-class helper
@@ -15870,5 +16039,5 @@ function planFontFamilyRemoval(existing, previous, family) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, 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, INHERITED_TEXT, 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, SCHEME_INK, 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_SCHEME_INK, 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, barReserveClass, 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, headingHref, 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, roleClass, sameDesignChoices, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, writeOwnedTrait };
+export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, 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, INHERITED_TEXT, 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, SCHEME_INK, 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_SCHEME_INK, 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, barReserveClass, 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, headingHref, 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, releaseElementStyle, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, writeOwnedTrait };
 //# sourceMappingURL=vectoriox-iox-ui-design-core.mjs.map