@telefonica/mistica 16.71.0 → 16.72.0

package/dist-es/header.js

@@ -78,234 +78,235 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as s, Fragment as B } from "react/jsx-runtime";
-import h from "./box.js";
-import b from "./stack.js";
-import v from "./responsive-layout.js";
-import k from "./grid-layout.js";
-import { useSetOverscrollColor as T } from "./overscroll-color-context.js";
-import { Text2 as A, Text3 as g, Text7 as C, Text6 as S } from "./text.js";
+import { jsx as t, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import p from "./box.js";
+import h from "./stack.js";
+import f from "./responsive-layout.js";
+import B from "./grid-layout.js";
+import { useSetOverscrollColor as k } from "./overscroll-color-context.js";
+import { Text2 as C, Text3 as g, Text7 as H, Text6 as L } from "./text.js";
 import { vars as c } from "./skins/skin-contract.css-mistica.js";
-import { flexColumn as L, hideOnTabletOrSmaller as M, hideOnDesktop as N, breadcrumbs as P } from "./header.css-mistica.js";
+import { flexColumn as S, hideOnTabletOrSmaller as M, hideOnDesktop as N, breadcrumbs as P } from "./header.css-mistica.js";
 import { getPrefixedDataAttributes as j } from "./utils/dom.js";
 import { Title3 as O, Title4 as R } from "./title.js";
 import { isBiggerHeading as V } from "./utils/headings.js";
-const X = (param)=>{
-    let { headline: n, pretitle: d, pretitleAs: i, title: e, titleAs: r = "h2", description: o, dataAttributes: f, small: u = !1 } = param;
-    const l = (()=>{
-        if (!d) return null;
-        const y = {
+const W = (param)=>{
+    let { headline: a, pretitle: r, pretitleAs: o, title: e, titleAs: n = "h2", description: d, dataAttributes: b, small: m = !1 } = param;
+    const i = (()=>{
+        if (!r) return null;
+        const x = {
             regular: !0,
             color: c.colors.textPrimary,
-            as: i,
+            as: o,
             dataAttributes: {
                 testid: "pretitle"
             }
         };
-        if (typeof d == "string") return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, y), {
-            children: d
+        if (typeof r == "string") return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, x), {
+            children: r
         }));
-        const { text: x } = d, H = _object_without_properties(d, [
+        const { text: T } = r, A = _object_without_properties(r, [
             "text"
         ]);
-        return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, y, H), {
-            children: x
+        return /* @__PURE__ */ t(g, _object_spread_props(_object_spread({}, x, A), {
+            children: T
         }));
-    })(), a = e ? u ? /* @__PURE__ */ t(O, {
-        as: r,
+    })(), s = e ? m ? /* @__PURE__ */ t(O, {
+        as: n,
         dataAttributes: {
             testid: "title"
         },
         children: e
     }) : /* @__PURE__ */ t(R, {
-        as: r,
+        as: n,
         dataAttributes: {
             testid: "title"
         },
         children: e
-    }) : void 0, m = n ? /* @__PURE__ */ t("div", {
+    }) : void 0, v = a ? /* @__PURE__ */ t("div", {
         style: {
-            paddingBottom: d || e || o ? 8 : 0,
+            paddingBottom: r || e || d ? 8 : 0,
             order: -1
         },
         "data-testid": "headline",
-        children: n
+        children: a
     }) : void 0;
-    return /* @__PURE__ */ t(b, {
+    return /* @__PURE__ */ t(h, {
         space: {
             mobile: 24,
             desktop: 32
         },
         dataAttributes: _object_spread({
             testid: "Header"
-        }, f),
-        children: (e || d || o) && /* @__PURE__ */ t(h, {
+        }, b),
+        children: (e || r || d) && /* @__PURE__ */ t(p, {
             paddingRight: 16,
-            children: /* @__PURE__ */ s("div", {
-                className: L,
+            children: /* @__PURE__ */ l("div", {
+                className: S,
                 children: [
-                    V(r, i) ? /* @__PURE__ */ s(B, {
+                    V(n, o) ? /* @__PURE__ */ l(y, {
                         children: [
-                            a && /* @__PURE__ */ t("div", {
+                            s && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: o ? 8 : 0
+                                    paddingBottom: d ? 8 : 0
                                 },
-                                children: a
+                                children: s
                             }),
-                            m,
-                            l && /* @__PURE__ */ t("div", {
+                            v,
+                            i && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: e || o ? 8 : 0,
+                                    paddingBottom: e || d ? 8 : 0,
                                     order: -1
                                 },
-                                children: l
+                                children: i
                             })
                         ]
-                    }) : /* @__PURE__ */ s(B, {
+                    }) : /* @__PURE__ */ l(y, {
                         children: [
-                            l && /* @__PURE__ */ t("div", {
+                            i && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: e || o ? 8 : 0
+                                    paddingBottom: e || d ? 8 : 0
                                 },
-                                children: l
+                                children: i
                             }),
-                            m,
-                            a && /* @__PURE__ */ t("div", {
+                            v,
+                            s && /* @__PURE__ */ t("div", {
                                 style: {
-                                    paddingBottom: o ? 8 : 0
+                                    paddingBottom: d ? 8 : 0
                                 },
-                                children: a
+                                children: s
                             })
                         ]
                     }),
-                    o && /* @__PURE__ */ t("div", {
+                    d && /* @__PURE__ */ t("div", {
                         style: {
                             order: 1
                         },
-                        children: u ? /* @__PURE__ */ t(A, {
+                        children: m ? /* @__PURE__ */ t(C, {
                             regular: !0,
                             color: c.colors.textSecondary,
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: o
+                            children: d
                         }) : /* @__PURE__ */ t(g, {
                             regular: !0,
                             color: c.colors.textSecondary,
                             dataAttributes: {
                                 testid: "description"
                             },
-                            children: o
+                            children: d
                         })
                     })
                 ]
             })
         })
     });
-}, Z = (param)=>{
-    let { title: n, titleAs: d = "h1", description: i, button: e, dataAttributes: r } = param;
-    return /* @__PURE__ */ s(b, {
+}, X = (param)=>{
+    let { title: a, titleAs: r = "h1", description: o, button: e, dataAttributes: n } = param;
+    return /* @__PURE__ */ l(h, {
         space: 32,
         dataAttributes: _object_spread({
             testid: "MainSectionHeader"
-        }, r),
+        }, n),
         children: [
-            /* @__PURE__ */ s(b, {
+            /* @__PURE__ */ l(h, {
                 space: {
                     mobile: 12,
                     desktop: 16
                 },
                 children: [
-                    n && /* @__PURE__ */ t(C, {
-                        as: d,
+                    a && /* @__PURE__ */ t(H, {
+                        as: r,
                         dataAttributes: {
                             testid: "title"
                         },
-                        children: n
+                        children: a
                     }),
-                    i && /* @__PURE__ */ t(S, {
+                    o && /* @__PURE__ */ t(L, {
                         dataAttributes: {
                             testid: "description"
                         },
-                        children: i
+                        children: o
                     })
                 ]
             }),
             e
         ]
     });
-}, _ = (param)=>{
-    let { isInverse: n = !1, variant: d = "default", breadcrumbs: i, header: e, extra: r, sideBySideExtraOnDesktop: o = !1, dataAttributes: f, bleed: u = !1, noPaddingY: p = !1 } = param;
-    const l = n || d === "brand", a = u && l && r, m = /* @__PURE__ */ s("div", {
+}, Z = (param)=>{
+    let { variant: a = "default", breadcrumbs: r, header: o, slot: e, sideBySideSlotOnDesktop: n = !1, dataAttributes: d, bleed: b = !1, noPaddingY: m = !1 } = param;
+    const u = a === "brand", i = b && u && e, s = /* @__PURE__ */ l("div", {
         children: [
-            i && /* @__PURE__ */ t("div", {
+            r && /* @__PURE__ */ t("div", {
                 className: P,
-                children: i
+                children: r
             }),
-            e
+            o
         ]
     });
-    return T(l ? {
+    return k(u ? {
         topColor: c.colors.backgroundBrandTop
-    } : {}), /* @__PURE__ */ s("div", _object_spread_props(_object_spread({}, j(f, "HeaderLayout")), {
+    } : {}), /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, j(_object_spread({
+        testid: "HeaderLayout"
+    }, d))), {
         children: [
-            /* @__PURE__ */ t(v, {
-                variant: l ? "brand" : void 0,
-                children: /* @__PURE__ */ t(h, {
-                    paddingTop: p ? 0 : {
-                        mobile: e ? 32 : 0,
-                        desktop: i ? 16 : 48
+            /* @__PURE__ */ t(f, {
+                variant: u ? "brand" : void 0,
+                children: /* @__PURE__ */ t(p, {
+                    paddingTop: m ? 0 : {
+                        mobile: o ? 32 : 0,
+                        desktop: r ? 16 : 48
                     },
                     paddingBottom: {
-                        mobile: p && !a ? 0 : 24,
-                        desktop: a && !o ? 32 : p ? 0 : 48
+                        mobile: m && !i ? 0 : 24,
+                        desktop: i && !n ? 32 : m ? 0 : 48
                     },
-                    children: o ? /* @__PURE__ */ t(k, {
+                    children: n ? /* @__PURE__ */ t(B, {
                         template: "6+6",
-                        left: m,
+                        left: s,
                         right: /* @__PURE__ */ t("div", {
-                            className: a ? M : "",
-                            children: /* @__PURE__ */ t(h, {
+                            className: i ? M : "",
+                            children: /* @__PURE__ */ t(p, {
                                 paddingTop: {
-                                    mobile: e ? 24 : 0,
+                                    mobile: o ? 24 : 0,
                                     desktop: 0
                                 },
-                                children: r
+                                children: e
                             })
                         })
-                    }) : /* @__PURE__ */ s(b, {
-                        space: e ? {
+                    }) : /* @__PURE__ */ l(h, {
+                        space: o ? {
                             mobile: 24,
                             desktop: 32
                         } : 0,
                         children: [
-                            m,
-                            !a && r
+                            s,
+                            !i && e
                         ]
                     })
                 })
             }),
-            a && /* @__PURE__ */ t(v, {
-                className: o ? N : "",
+            i && /* @__PURE__ */ t(f, {
+                className: n ? N : "",
                 backgroundColor: `linear-gradient(to bottom, ${c.colors.backgroundBrandBottom} 40px, ${c.colors.background} 0%)`,
-                children: r
+                children: e
             })
         ]
     }));
-}, $ = (param)=>{
-    let { isInverse: n = !1, variant: d = "default", children: i, dataAttributes: e } = param;
-    const r = n || d === "brand";
-    return T(r ? {
+}, _ = (param)=>{
+    let { variant: a = "default", children: r, dataAttributes: o } = param;
+    const e = a === "brand";
+    return k(e ? {
         topColor: c.colors.backgroundBrandTop
-    } : {}), /* @__PURE__ */ t(v, {
-        variant: r ? "brand" : void 0,
+    } : {}), /* @__PURE__ */ t(f, {
+        variant: e ? "brand" : void 0,
         dataAttributes: _object_spread({
-            "component-name": "MainSectionHeaderLayout",
             testid: "MainSectionHeaderLayout"
-        }, e),
-        children: /* @__PURE__ */ t(k, {
+        }, o),
+        children: /* @__PURE__ */ t(B, {
             template: "6+6",
-            left: /* @__PURE__ */ t(h, {
+            left: /* @__PURE__ */ t(p, {
                 paddingTop: {
                     mobile: 12,
                     desktop: 48
@@ -314,10 +315,10 @@ const X = (param)=>{
                     mobile: 24,
                     desktop: 48
                 },
-                children: i
+                children: r
             }),
             right: null
         })
     });
 };
-export { X as Header, _ as HeaderLayout, Z as MainSectionHeader, $ as MainSectionHeaderLayout };
+export { W as Header, Z as HeaderLayout, X as MainSectionHeader, _ as MainSectionHeaderLayout };

package/dist-es/hero.css-mistica.js

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                */ var r = {
-    height: "var(--v16_71_16rbpto0)"
-}, n = "v16_71_16rbpto1 v16_71_1y2v1nfr8", t = "v16_71_16rbpto3 v16_71_16rbpto2 v16_71_1y2v1nfq4", o = "v16_71_16rbpto4 v16_71_1y2v1nfr8 v16_71_1y2v1nfq4 v16_71_1y2v1nfqg v16_71_1y2v1nfqa", a = "v16_71_16rbpto5", p = "v16_71_16rbpto6 v16_71_1y2v1nfqa", e = "v16_71_16rbpto7 v16_71_1y2v1nfqj v16_71_1y2v1nfr8", b = "v16_71_16rbpto9 v16_71_16rbpto8 v16_71_1y2v1nfq4 v16_71_1y2v1nfqq v16_71_1y2v1nfqk", f = "v16_71_16rbptoa", y = "v16_71_16rbptob", i = "v16_71_16rbptoc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa";
+    height: "var(--v16_72_16rbpto0)"
+}, n = "v16_72_16rbpto1 v16_72_1y2v1nfr8", t = "v16_72_16rbpto3 v16_72_16rbpto2 v16_72_1y2v1nfq4", o = "v16_72_16rbpto4 v16_72_1y2v1nfr8 v16_72_1y2v1nfq4 v16_72_1y2v1nfqg v16_72_1y2v1nfqa", a = "v16_72_16rbpto5", p = "v16_72_16rbpto6 v16_72_1y2v1nfqa", e = "v16_72_16rbpto7 v16_72_1y2v1nfqj v16_72_1y2v1nfr8", b = "v16_72_16rbpto9 v16_72_16rbpto8 v16_72_1y2v1nfq4 v16_72_1y2v1nfqq v16_72_1y2v1nfqk", f = "v16_72_16rbptoa", y = "v16_72_16rbptob", i = "v16_72_16rbptoc v16_72_1y2v1nfq4 v16_72_1y2v1nfqa";
 export { b as actions, t as container, e as containerDesktop, a as containerMinHeight, p as containerMobile, o as contentContainer, y as expandedContent, i as flexColumn, n as hero, f as layout, r as vars };

package/dist-es/hero.js

@@ -113,7 +113,7 @@ const L = {
         children: t
     });
 }, x = (param)=>{
-    let { headline: t, title: r, titleAs: n = "h1", pretitle: d, pretitleAs: c, description: a, descriptionLinesMax: m, extra: p, button: h, secondaryButton: C, buttonLink: s } = param;
+    let { headline: t, title: r, titleAs: n = "h1", pretitle: d, pretitleAs: c, description: a, descriptionLinesMax: m, slot: p, button: h, secondaryButton: C, buttonLink: s } = param;
     const u = r ? /* @__PURE__ */ e(G, {
         as: n,
         dataAttributes: {
@@ -219,7 +219,9 @@ const L = {
             style: y({
                 [b.mediaBorderRadius]: "0px"
             }),
-            children: /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, k(c, "Hero")), {
+            children: /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, k(_object_spread({
+                testid: "Hero"
+            }, c))), {
                 ref: p,
                 style: _object_spread({}, t === "100vh" ? {
                     maxHeight: "-webkit-fill-available"
@@ -258,7 +260,9 @@ const L = {
         paddingLeft: 24,
         children: /* @__PURE__ */ e(x, _object_spread({}, m))
     });
-    return /* @__PURE__ */ e("div", _object_spread_props(_object_spread({}, k(c, "Hero")), {
+    return /* @__PURE__ */ e("div", _object_spread_props(_object_spread({}, k(_object_spread({
+        testid: "Hero"
+    }, c))), {
         ref: p,
         style: _object_spread_props(_object_spread({}, t === "100vh" ? {
             maxHeight: "-webkit-fill-available"

package/dist-es/horizontal-scroll.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v16_71_1gl3gmv1 v16_71_1gl3gmv0 v16_71_1y2v1nfq4", o = "v16_71_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v16_72_1gl3gmv1 v16_72_1gl3gmv0 v16_72_1y2v1nfq4", o = "v16_72_1gl3gmv2";
 export { o as noScrollbar, l as scroll };

package/dist-es/iban-field.js

@@ -96,7 +96,7 @@ const b = {
     let n = 0;
     for(let r = 0; r < t.length; r++)n = (n * 10 + Number(t[r])) % e;
     return n;
-}, A = (t)=>/^[A-Z]{2}$/.test(t), z = (t)=>/^\d{2}$/.test(t), F = (t)=>{
+}, A = (t)=>/^[A-Z]{2}$/.test(t), z = (t)=>/^\d{2}$/.test(t), Z = (t)=>{
     let e = t.substr(4) + t.substr(0, 4);
     const n = 65;
     return e = Array.from(e).map((r)=>{
@@ -106,17 +106,17 @@ const b = {
         }
         return r;
     }).join(""), T(e, 97) === 1;
-}, Z = (t)=>{
+}, j = (t)=>{
     const e = t.substr(0, 2), n = t.substr(2, 2);
     if (!A(e) || !z(n)) return !1;
     const r = b[e];
-    return !(r && r !== t.length || !F(t));
-}, j = (t)=>{
+    return !(r && r !== t.length || !Z(t));
+}, D = (t)=>{
     var _e_match;
     const e = t.replace(/[^\dA-Za-z]/g, "");
     var _e_match_join;
     return (_e_match_join = (_e_match = e.match(/.{1,4}/g)) === null || _e_match === void 0 ? void 0 : _e_match.join(" ")) !== null && _e_match_join !== void 0 ? _e_match_join : e;
-}, D = (t)=>{
+}, F = (t)=>{
     const e = t.substr(0, 2);
     let n = S;
     if (e && A(e)) {
@@ -138,14 +138,14 @@ const b = {
         c,
         r
     ]), a = x({
-        format: j,
+        format: D,
         value: p,
         onChange: d,
         replace: (o)=>o.toUpperCase(),
         accept: /[\dA-Za-z]+/g
     });
     return /* @__PURE__ */ C("input", _object_spread_props(_object_spread({}, s), {
-        maxLength: D(a.value),
+        maxLength: F(a.value),
         value: a.value,
         onChange: (o)=>{
             var _o_nativeEvent;
@@ -172,7 +172,7 @@ const b = {
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: v, t: I } = k(), y = N({
+    const { texts: v, t: y } = k(), I = N({
         name: r,
         label: s,
         value: a,
@@ -183,15 +183,14 @@ const b = {
         error: e,
         disabled: t,
         onBlur: d,
-        validate: (l, V)=>Z(l !== null && l !== void 0 ? l : "") ? m === null || m === void 0 ? void 0 : m(l, V) : v.formIbanError || I(R),
+        validate: (l, V)=>j(l !== null && l !== void 0 ? l : "") ? m === null || m === void 0 ? void 0 : m(l, V) : v.formIbanError || y(R),
         validateOnBlurInsideForm: u,
         onChange: c,
         onChangeValue: p
     });
-    return /* @__PURE__ */ C(E, _object_spread_props(_object_spread({}, i, y), {
+    return /* @__PURE__ */ C(E, _object_spread_props(_object_spread({}, i, I), {
         inputComponent: M,
         dataAttributes: _object_spread({
-            "component-name": "IbanField",
             testid: "IbanField"
         }, g)
     }));

package/dist-es/icon-button.css-mistica.js

@@ -1,62 +1,62 @@
 /* empty css                                     */ /* empty css                                       */ var t = {
-    "brand-solid-default": "v16_71_yqt1oe4",
-    "brand-solid-brand": "v16_71_yqt1oe5",
-    "brand-solid-negative": "v16_71_yqt1oe6",
-    "brand-solid-alternative": "v16_71_yqt1oe7",
-    "brand-soft-default": "v16_71_yqt1oe8",
-    "brand-soft-brand": "v16_71_yqt1oe9",
-    "brand-soft-negative": "v16_71_yqt1oea",
-    "brand-soft-alternative": "v16_71_yqt1oeb",
-    "brand-transparent-default": "v16_71_yqt1oec",
-    "brand-transparent-brand": "v16_71_yqt1oed",
-    "brand-transparent-negative": "v16_71_yqt1oee",
-    "brand-transparent-alternative": "v16_71_yqt1oef",
-    "neutral-solid-default": "v16_71_yqt1oeg",
-    "neutral-solid-brand": "v16_71_yqt1oeh",
-    "neutral-solid-negative": "v16_71_yqt1oei",
-    "neutral-solid-alternative": "v16_71_yqt1oej",
-    "neutral-soft-default": "v16_71_yqt1oek",
-    "neutral-soft-brand": "v16_71_yqt1oel",
-    "neutral-soft-negative": "v16_71_yqt1oem",
-    "neutral-soft-alternative": "v16_71_yqt1oen",
-    "neutral-transparent-default": "v16_71_yqt1oeo",
-    "neutral-transparent-brand": "v16_71_yqt1oep",
-    "neutral-transparent-negative": "v16_71_yqt1oeq",
-    "neutral-transparent-alternative": "v16_71_yqt1oer",
-    "danger-solid-default": "v16_71_yqt1oes",
-    "danger-solid-brand": "v16_71_yqt1oet",
-    "danger-solid-negative": "v16_71_yqt1oeu",
-    "danger-solid-alternative": "v16_71_yqt1oev",
-    "danger-soft-default": "v16_71_yqt1oew",
-    "danger-soft-brand": "v16_71_yqt1oex",
-    "danger-soft-negative": "v16_71_yqt1oey",
-    "danger-soft-alternative": "v16_71_yqt1oez",
-    "danger-transparent-default": "v16_71_yqt1oe10",
-    "danger-transparent-brand": "v16_71_yqt1oe11",
-    "danger-transparent-negative": "v16_71_yqt1oe12",
-    "danger-transparent-alternative": "v16_71_yqt1oe13",
-    "brand-media": "v16_71_yqt1oe14",
-    "neutral-media": "v16_71_yqt1oe15",
-    "danger-media": "v16_71_yqt1oe16"
-}, a = "v16_71_yqt1oe17", v = "v16_71_yqt1oe18", n = "v16_71_yqt1oe19", r = {
+    "brand-solid-default": "v16_72_yqt1oe4",
+    "brand-solid-brand": "v16_72_yqt1oe5",
+    "brand-solid-negative": "v16_72_yqt1oe6",
+    "brand-solid-alternative": "v16_72_yqt1oe7",
+    "brand-soft-default": "v16_72_yqt1oe8",
+    "brand-soft-brand": "v16_72_yqt1oe9",
+    "brand-soft-negative": "v16_72_yqt1oea",
+    "brand-soft-alternative": "v16_72_yqt1oeb",
+    "brand-transparent-default": "v16_72_yqt1oec",
+    "brand-transparent-brand": "v16_72_yqt1oed",
+    "brand-transparent-negative": "v16_72_yqt1oee",
+    "brand-transparent-alternative": "v16_72_yqt1oef",
+    "neutral-solid-default": "v16_72_yqt1oeg",
+    "neutral-solid-brand": "v16_72_yqt1oeh",
+    "neutral-solid-negative": "v16_72_yqt1oei",
+    "neutral-solid-alternative": "v16_72_yqt1oej",
+    "neutral-soft-default": "v16_72_yqt1oek",
+    "neutral-soft-brand": "v16_72_yqt1oel",
+    "neutral-soft-negative": "v16_72_yqt1oem",
+    "neutral-soft-alternative": "v16_72_yqt1oen",
+    "neutral-transparent-default": "v16_72_yqt1oeo",
+    "neutral-transparent-brand": "v16_72_yqt1oep",
+    "neutral-transparent-negative": "v16_72_yqt1oeq",
+    "neutral-transparent-alternative": "v16_72_yqt1oer",
+    "danger-solid-default": "v16_72_yqt1oes",
+    "danger-solid-brand": "v16_72_yqt1oet",
+    "danger-solid-negative": "v16_72_yqt1oeu",
+    "danger-solid-alternative": "v16_72_yqt1oev",
+    "danger-soft-default": "v16_72_yqt1oew",
+    "danger-soft-brand": "v16_72_yqt1oex",
+    "danger-soft-negative": "v16_72_yqt1oey",
+    "danger-soft-alternative": "v16_72_yqt1oez",
+    "danger-transparent-default": "v16_72_yqt1oe10",
+    "danger-transparent-brand": "v16_72_yqt1oe11",
+    "danger-transparent-negative": "v16_72_yqt1oe12",
+    "danger-transparent-alternative": "v16_72_yqt1oe13",
+    "brand-media": "v16_72_yqt1oe14",
+    "neutral-media": "v16_72_yqt1oe15",
+    "danger-media": "v16_72_yqt1oe16"
+}, a = "v16_72_yqt1oe17", v = "v16_72_yqt1oe18", n = "v16_72_yqt1oe19", r = {
     default: "1.5rem",
     small: "1.25rem"
 }, o = {
     small: "calc(1.25rem + 12px)"
-}, y = "v16_71_yqt1oe1a v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfsm v16_71_1y2v1nffw v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd", q = {
-    default: "v16_71_yqt1oe1c v16_71_yqt1oe1b",
-    small: "v16_71_yqt1oe1d v16_71_yqt1oe1b"
-}, d = "v16_71_yqt1oe1f", l = {
-    default: "v16_71_yqt1oe1g",
-    small: "v16_71_yqt1oe1h"
+}, y = "v16_72_yqt1oe1a v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfif v16_72_1y2v1nfjo v16_72_1y2v1nfsm v16_72_1y2v1nffw v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd", q = {
+    default: "v16_72_yqt1oe1c v16_72_yqt1oe1b",
+    small: "v16_72_yqt1oe1d v16_72_yqt1oe1b"
+}, d = "v16_72_yqt1oe1f", l = {
+    default: "v16_72_yqt1oe1g",
+    small: "v16_72_yqt1oe1h"
 }, f = {
-    default: "v16_71_yqt1oe1i",
-    small: "v16_71_yqt1oe1j"
+    default: "v16_72_yqt1oe1i",
+    small: "v16_72_yqt1oe1j"
 }, i = {
-    default: "v16_71_yqt1oe1k",
-    small: "v16_71_yqt1oe1l"
+    default: "v16_72_yqt1oe1k",
+    small: "v16_72_yqt1oe1l"
 }, s = {
-    default: "v16_71_yqt1oe1o v16_71_yqt1oe1n v16_71_yqt1oe1m v16_71_1y2v1nfso v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft8 v16_71_1y2v1nfpy",
-    small: "v16_71_yqt1oe1p v16_71_yqt1oe1n v16_71_yqt1oe1m v16_71_1y2v1nfso v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nft8 v16_71_1y2v1nfpy"
-}, u = "v16_71_yqt1oe1q", b = "v16_71_yqt1oe1s v16_71_yqt1oe1r v16_71_1y2v1nfpy v16_71_1y2v1nfq5", g = "v16_71_yqt1oe1u v16_71_yqt1oe1t v16_71_1y2v1nfpz";
+    default: "v16_72_yqt1oe1o v16_72_yqt1oe1n v16_72_yqt1oe1m v16_72_1y2v1nfso v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft7 v16_72_1y2v1nfpy",
+    small: "v16_72_yqt1oe1p v16_72_yqt1oe1n v16_72_yqt1oe1m v16_72_1y2v1nfso v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nft7 v16_72_1y2v1nfpy"
+}, u = "v16_72_yqt1oe1q", b = "v16_72_yqt1oe1s v16_72_yqt1oe1r v16_72_1y2v1nfpy v16_72_1y2v1nfq5", g = "v16_72_yqt1oe1u v16_72_yqt1oe1t v16_72_1y2v1nfpz";
 export { l as bleedLeft, f as bleedRight, i as bleedY, y as button, q as buttonContainer, a as disabled, b as icon, t as iconButtonTokens, s as iconContainer, o as iconContainerSize, r as iconSize, v as isLoading, d as minimumInteractiveArea, u as overlay, n as overlayContainer, g as spinner };