@vectoriox/iox-ui 5.85.0 → 5.86.1

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

@@ -6104,7 +6104,9 @@ const NODE_BASELINES = {
             "pageRoute": "",
             "target": "_self",
             "type": "button",
-            "ariaLabel": ""
+            "ariaLabel": "",
+            "tooltip": "",
+            "tooltipPlacement": "above"
         },
         "styleProps": {
             "position": "static",
@@ -6200,7 +6202,9 @@ const NODE_BASELINES = {
             "target",
             "type",
             "__accessibilityLabel",
-            "ariaLabel"
+            "ariaLabel",
+            "tooltip",
+            "tooltipPlacement"
         ],
         "styleTraits": [
             "position",
@@ -7281,7 +7285,9 @@ const NODE_BASELINES = {
             "url": "https://",
             "pageRoute": "",
             "target": "_self",
-            "ariaLabel": ""
+            "ariaLabel": "",
+            "tooltip": "",
+            "tooltipPlacement": "above"
         },
         "styleProps": {
             "position": "static",
@@ -7376,7 +7382,9 @@ const NODE_BASELINES = {
             "pageRoute",
             "target",
             "__accessibilityLabel",
-            "ariaLabel"
+            "ariaLabel",
+            "tooltip",
+            "tooltipPlacement"
         ],
         "styleTraits": [
             "position",
@@ -7481,7 +7489,9 @@ const NODE_BASELINES = {
             "pageRoute": "",
             "target": "_self",
             "colorScheme": "default",
-            "ariaLabel": ""
+            "ariaLabel": "",
+            "tooltip": "",
+            "tooltipPlacement": "above"
         },
         "styleProps": {
             "position": "static",
@@ -7576,7 +7586,9 @@ const NODE_BASELINES = {
             "target",
             "colorScheme",
             "__accessibilityLabel",
-            "ariaLabel"
+            "ariaLabel",
+            "tooltip",
+            "tooltipPlacement"
         ],
         "styleTraits": [
             "position",
@@ -9547,7 +9559,7 @@ const NODE_BASELINES = {
             "name": "Contact form",
             "formId": "",
             "feedback": "smart",
-            "resetAfterSubmit": false,
+            "afterSend": "message",
             "focusFirstProblem": true,
             "announceFailure": true,
             "honeypot": true,
@@ -9643,7 +9655,7 @@ const NODE_BASELINES = {
             "name",
             "formId",
             "feedback",
-            "resetAfterSubmit",
+            "afterSend",
             "focusFirstProblem",
             "announceFailure",
             "__spamLabel",
@@ -10933,6 +10945,200 @@ const NODE_BASELINES = {
         ],
         "container": true
     },
+    "Popover": {
+        "props": {
+            "placement": "below",
+            "ariaLabel": "",
+            "colorScheme": "default"
+        },
+        "styleProps": {
+            "position": "static",
+            "top": "auto",
+            "right": "auto",
+            "bottom": "auto",
+            "left": "auto",
+            "zIndex": "0",
+            "display": "block",
+            "flexDirection": "row",
+            "flexWrap": "nowrap",
+            "justifyContent": "flex-start",
+            "alignItems": "stretch",
+            "gap": "0px",
+            "gridTemplateColumns": "1fr",
+            "gridTemplateRows": "auto",
+            "justifyItems": "stretch",
+            "alignContent": "stretch",
+            "alignSelf": "auto",
+            "order": "0",
+            "flexGrow": "0",
+            "flexShrink": "1",
+            "flexBasis": "auto",
+            "justifySelf": "auto",
+            "gridColumn": "auto",
+            "gridRow": "auto",
+            "width": "320px",
+            "height": "auto",
+            "minWidth": "auto",
+            "minHeight": "auto",
+            "maxWidth": "auto",
+            "maxHeight": "auto",
+            "aspectRatio": "auto",
+            "objectFit": "cover",
+            "overflow": "visible",
+            "fontFamily": "Poppins, sans-serif",
+            "fontSize": "16px",
+            "fontWeight": "400",
+            "color": "#000000",
+            "lineHeight": "1.5",
+            "letterSpacing": "0px",
+            "textTransform": "none",
+            "textAlign": "start",
+            "fontStyle": "normal",
+            "textDecoration": "none",
+            "fontVariantNumeric": "normal",
+            "WebkitTextStrokeWidth": "0px",
+            "WebkitTextStrokeColor": "transparent",
+            "margin": "0px 0px 0px 0px",
+            "padding": "16px",
+            "borderWidth": "0px",
+            "borderStyle": "solid",
+            "borderColor": "#CCCCCC",
+            "borderRadius": "12px",
+            "backgroundColor": "#ffffff",
+            "opacity": "1",
+            "mixBlendMode": "normal",
+            "cursor": "auto",
+            "boxShadow": "0 12px 32px rgba(0, 0, 0, 0.18)",
+            "textShadow": "",
+            "translateX": "0px",
+            "translateY": "0px",
+            "scaleX": "1",
+            "scaleY": "1",
+            "rotate": "0deg",
+            "skewX": "0deg",
+            "skewY": "0deg",
+            "transformOrigin": "center",
+            "filterBlur": "0px",
+            "filterHueRotate": "0deg",
+            "filterBrightness": "1",
+            "filterContrast": "1",
+            "filterSaturate": "1",
+            "filterGrayscale": "0",
+            "filterSepia": "0",
+            "filterInvert": "0",
+            "backdropFilter": "none",
+            "backdropBlur": "0px",
+            "backdropBrightness": "1",
+            "backdropContrast": "1",
+            "backdropSaturate": "1",
+            "clipPath": "none",
+            "transitionProperty": "",
+            "transitionDuration": "0ms",
+            "transitionDelay": "0ms",
+            "transitionTimingFunction": "ease"
+        },
+        "traits": [
+            "placement",
+            "__accessibilityLabel",
+            "ariaLabel",
+            "colorScheme"
+        ],
+        "styleTraits": [
+            "position",
+            "top",
+            "right",
+            "bottom",
+            "left",
+            "zIndex",
+            "display",
+            "flexDirection",
+            "flexWrap",
+            "justifyContent",
+            "alignItems",
+            "gap",
+            "gridTemplateColumns",
+            "gridTemplateRows",
+            "justifyItems",
+            "alignContent",
+            "textDirection",
+            "alignSelf",
+            "order",
+            "flexGrow",
+            "flexShrink",
+            "flexBasis",
+            "justifySelf",
+            "gridColumn",
+            "gridRow",
+            "width",
+            "height",
+            "minWidth",
+            "minHeight",
+            "maxWidth",
+            "maxHeight",
+            "aspectRatio",
+            "objectFit",
+            "overflow",
+            "fontFamily",
+            "fontSize",
+            "fontWeight",
+            "color",
+            "lineHeight",
+            "letterSpacing",
+            "textTransform",
+            "textAlign",
+            "fontStyle",
+            "textDecoration",
+            "fontVariantNumeric",
+            "_sep_stroke",
+            "WebkitTextStrokeWidth",
+            "WebkitTextStrokeColor",
+            "margin",
+            "padding",
+            "borderWidth",
+            "borderStyle",
+            "borderColor",
+            "borderRadius",
+            "backgroundColor",
+            "opacity",
+            "mixBlendMode",
+            "cursor",
+            "_sep_shadow",
+            "boxShadow",
+            "textShadow",
+            "_sep_transform",
+            "translateX",
+            "translateY",
+            "scaleX",
+            "scaleY",
+            "rotate",
+            "skewX",
+            "skewY",
+            "transformOrigin",
+            "_sep_filter",
+            "filterBlur",
+            "filterHueRotate",
+            "filterBrightness",
+            "filterContrast",
+            "filterSaturate",
+            "filterGrayscale",
+            "filterSepia",
+            "filterInvert",
+            "_sep_backdrop",
+            "backdropFilter",
+            "backdropBlur",
+            "backdropBrightness",
+            "backdropContrast",
+            "backdropSaturate",
+            "_sep_clip",
+            "clipPath",
+            "_sep_transition",
+            "transitionProperty",
+            "transitionDuration",
+            "transitionDelay",
+            "transitionTimingFunction"
+        ],
+        "container": true
+    },
     "Video": {
         "props": {
             "videoSource": "youtube",
@@ -11227,6 +11433,7 @@ const BASELINE_ROLES = {
     FormSuccess: { width: Behaviour, color: Look, padding: Look, borderRadius: Look, backgroundColor: Look },
     FormError: { width: Behaviour, color: Look, padding: Look, borderRadius: Look, backgroundColor: Look },
     Dialog: { width: Behaviour, padding: Look, borderRadius: Look, backgroundColor: Look, boxShadow: Look },
+    Popover: { width: Behaviour, padding: Look, borderRadius: Look, backgroundColor: Look, boxShadow: Look },
     // CC3: a Video fills its column at 16 / 9 — the shape the poster and the player take.
     Video: { width: Behaviour, aspectRatio: Behaviour },
 };
@@ -17500,13 +17707,17 @@ const SCRIM_LEVELS = [ScrimLevel.Soft, ScrimLevel.Firm, ScrimLevel.Full];
 /** What each level writes on the scrim node (`backgroundColor`, token references only) — `null`: the style's own. */
 const SCRIM_BACKGROUND = {
     [ScrimLevel.Soft]: null,
-    [ScrimLevel.Firm]: 'linear-gradient(180deg, transparent 0%, var(--iox-media-scrim) 18%)',
+    [ScrimLevel.Firm]: 'linear-gradient(180deg, color-mix(in srgb, var(--iox-media-scrim) 75%, transparent) 0%, var(--iox-media-scrim) 35%)',
     [ScrimLevel.Full]: 'var(--iox-media-scrim)',
 };
-/** The least share of the scrim's own strength under the first line of words, at each level (the gradient's ramp). */
+/**
+ * The least share of the scrim's own strength under the FIRST line of words, at each level — read from where the words
+ * start in the box (its top padding) against the gradient's ramp, on a phone (the tallest box): the element style's own
+ * ramp (`transparent 0%` → full at 45%) has only about a quarter of its strength there; Firm starts at three quarters.
+ */
 const SCRIM_COVER = {
-    [ScrimLevel.Soft]: 0.5,
-    [ScrimLevel.Firm]: 0.85,
+    [ScrimLevel.Soft]: 0.25,
+    [ScrimLevel.Firm]: 0.75,
     [ScrimLevel.Full]: 1,
 };
 /** WCAG AA for body text — the words over a picture include a lead and a button label, never only a headline. */