@telefonica/mistica 17.0.0 → 17.1.0

package/dist-es/button.js

@@ -78,27 +78,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as N, Fragment as U } from "react/jsx-runtime";
+import { jsx as e, jsxs as B, Fragment as U } from "react/jsx-runtime";
 import v from "classnames";
 import * as l from "react";
 import q from "./box.js";
-import { smallLink as K, linkMinWidth as G, buttonMinWidth as J, small as Q, borderSize as I, buttonPaddingY as x, buttonPaddingRight as E, buttonPaddingLeft as V, buttonVars as X, overMediaButtonVariants as p, overBrandButtonVariants as tt, overNegativeButtonVariants as et, buttonVariants as nt, smallTouchableVisual as it, smallTouchableArea as at, smallTouchableContainer as rt, textContent as lt, iconMargin as k, iconSize as _, chevronMarginLeft as ot, spinnerSize as F, loadingFiller as st, loadingContent as dt, isLoading as ct } from "./button.css-mistica.js";
+import { smallLink as K, linkMinWidth as G, buttonMinWidth as J, small as Q, borderSize as w, buttonPaddingY as I, buttonPaddingRight as x, buttonPaddingLeft as E, buttonVars as X, overMediaButtonVariants as p, overBrandButtonVariants as tt, overNegativeButtonVariants as et, buttonVariants as nt, smallTouchableVisual as at, smallTouchableArea as it, smallTouchableContainer as rt, textContent as lt, iconMargin as T, iconSize as F, chevronMarginLeft as ot, spinnerSize as M, loadingFiller as st, loadingContent as dt, isLoading as ct } from "./button.css-mistica.js";
 import { useForm as ut } from "./form-context.js";
-import { useTheme as R } from "./hooks.js";
+import { useTheme as S } from "./hooks.js";
 import { VIVO_SKIN as mt, VIVO_EVOLUTION_SKIN as ft } from "./skins/constants.js";
 import { flattenChildren as ht } from "./skins/utils.js";
 import gt from "./spinner.js";
 import { Text as bt, Text3 as vt } from "./text.js";
 import { useThemeVariant as yt } from "./theme-variant-context.js";
-import { BaseTouchable as T } from "./touchable.js";
-import { useTrackingConfig as Ct, eventNames as Lt, eventCategories as Tt, eventActions as M } from "./utils/analytics.js";
+import { BaseTouchable as L } from "./touchable.js";
+import { useTrackingConfig as Ct, eventNames as kt, eventCategories as Lt, eventActions as R } from "./utils/analytics.js";
 import { getTextFromChildren as W } from "./utils/common.js";
-import { applyCssVars as kt, pxToRem as Bt } from "./utils/css.js";
-import { getPlatform as wt } from "./utils/platform.js";
-const Nt = (param)=>{
-    let { element: t, small: i } = param;
-    const { textPresets: n } = R();
-    return i ? /* @__PURE__ */ e(bt, {
+import { applyCssVars as Tt, pxToRem as Nt } from "./utils/css.js";
+import { getPlatform as Bt } from "./utils/platform.js";
+const wt = (param)=>{
+    let { element: t, small: a } = param;
+    const { textPresets: n } = S();
+    return a ? /* @__PURE__ */ e(bt, {
         size: 14,
         lineHeight: 20,
         weight: n.button.weight,
@@ -114,37 +114,37 @@ const Nt = (param)=>{
         children: t
     });
 }, j = (param)=>{
-    let { small: t, content: i, defaultIconSize: n } = param;
-    const a = ht(i), g = a.length, r = [];
-    let d = [];
-    const f = ()=>{
+    let { small: t, content: a, defaultIconSize: n } = param;
+    const i = ht(a), m = i.length, r = [];
+    let c = [];
+    const g = ()=>{
         r.push(/* @__PURE__ */ e(l.Fragment, {
-            children: /* @__PURE__ */ e(Nt, {
-                element: d,
+            children: /* @__PURE__ */ e(wt, {
+                element: c,
                 small: t
             })
-        }, r.length)), d = [];
+        }, r.length)), c = [];
     };
-    return a.forEach((o, b)=>{
-        const m = b === 0, c = b === g - 1;
+    return i.forEach((o, b)=>{
+        const f = b === 0, u = b === m - 1;
         if (/*#__PURE__*/ l.isValidElement(o)) {
-            d.length && f();
-            const s = o.props.size !== void 0 ? Bt(o.props.size) : n;
+            c.length && g();
+            const s = o.props.size !== void 0 ? Nt(o.props.size) : n;
             r.push(/* @__PURE__ */ e("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: m ? 0 : k,
-                    marginRight: c ? 0 : k
+                    marginLeft: f ? 0 : T,
+                    marginRight: u ? 0 : T
                 },
                 children: /*#__PURE__*/ l.cloneElement(o, {
                     size: s
                 })
             }, r.length));
-        } else d.push(o), c && f();
+        } else c.push(o), u && g();
     }), r;
 }, It = ()=>{
-    const { skinName: t } = R();
+    const { skinName: t } = S();
     return t === mt || t === ft ? /* @__PURE__ */ e("svg", {
         width: "0.5em",
         height: "0.5em",
@@ -164,35 +164,35 @@ const Nt = (param)=>{
         })
     });
 }, xt = (param)=>{
-    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: r, StartIcon: d, EndIcon: f, withChevron: o, platformOverrides: b } = param;
-    const m = n ? _.small : _.default, c = n ? F.small : F.default, y = j({
+    let { showSpinner: t, children: a, small: n, loadingText: i, shouldRenderSpinner: m, setShouldRenderSpinner: r, StartIcon: c, EndIcon: g, withChevron: o, platformOverrides: b } = param;
+    const f = n ? F.small : F.default, u = n ? M.small : M.default, y = j({
         small: n,
-        content: i,
-        defaultIconSize: m
+        content: a,
+        defaultIconSize: f
     }), s = j({
         small: n,
-        content: a,
-        defaultIconSize: m
+        content: i,
+        defaultIconSize: f
     });
-    return /* @__PURE__ */ N(U, {
+    return /* @__PURE__ */ B(U, {
         children: [
-            /* @__PURE__ */ N("div", {
+            /* @__PURE__ */ B("div", {
                 "aria-hidden": t ? !0 : void 0,
                 className: lt,
                 children: [
-                    d && /* @__PURE__ */ e("div", {
+                    c && /* @__PURE__ */ e("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginRight: k
+                            marginRight: T
                         },
                         "data-testid": "startIcon",
-                        children: /* @__PURE__ */ e(d, {
-                            size: m,
+                        children: /* @__PURE__ */ e(c, {
+                            size: f,
                             color: "currentColor"
                         })
                     }),
-                    /* @__PURE__ */ N("div", {
+                    /* @__PURE__ */ B("div", {
                         style: {
                             display: "flex",
                             alignItems: "baseline"
@@ -209,15 +209,15 @@ const Nt = (param)=>{
                             })
                         ]
                     }),
-                    f && !o && /* @__PURE__ */ e("div", {
+                    g && !o && /* @__PURE__ */ e("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: k
+                            marginLeft: T
                         },
                         "data-testid": "endIcon",
-                        children: /* @__PURE__ */ e(f, {
-                            size: m,
+                        children: /* @__PURE__ */ e(g, {
+                            size: f,
                             color: "currentColor"
                         })
                     })
@@ -226,33 +226,33 @@ const Nt = (param)=>{
             /* @__PURE__ */ e("div", {
                 className: st,
                 "aria-hidden": !0,
-                style: a ? {
-                    paddingLeft: c,
-                    paddingRight: `calc(${k} + ${n ? V.small : V.default} + ${n ? E.small : E.default})`
+                style: i ? {
+                    paddingLeft: u,
+                    paddingRight: `calc(${T} + ${n ? E.small : E.default} + ${n ? x.small : x.default})`
                 } : void 0,
                 children: s
             }),
-            /* @__PURE__ */ N("div", {
+            /* @__PURE__ */ B("div", {
                 "aria-hidden": t ? void 0 : !0,
                 className: dt,
                 onTransitionEnd: ()=>{
-                    t !== g && r(t);
+                    t !== m && r(t);
                 },
                 children: [
-                    g ? /* @__PURE__ */ e(gt, {
-                        "aria-hidden": !!a,
-                        "aria-live": wt(b) === "android" ? "polite" : "off",
+                    m ? /* @__PURE__ */ e(gt, {
+                        "aria-hidden": !!i,
+                        "aria-live": Bt(b) === "android" ? "polite" : "off",
                         color: "currentcolor",
                         delay: "0s",
-                        size: c
+                        size: u
                     }) : /* @__PURE__ */ e("div", {
                         style: {
                             display: "inline-block",
-                            width: c,
-                            height: c
+                            width: u,
+                            height: u
                         }
                     }),
-                    a ? /* @__PURE__ */ e(q, {
+                    i ? /* @__PURE__ */ e(q, {
                         paddingLeft: 8,
                         dataAttributes: {
                             testid: "loadingText"
@@ -263,70 +263,73 @@ const Nt = (param)=>{
             })
         ]
     });
-}, B = /*#__PURE__*/ l.forwardRef((t, i)=>{
+}, V = /*#__PURE__*/ l.forwardRef((t, a)=>{
     var _t_withChevron;
-    const { eventFormat: n } = Ct(), { formStatus: a, formId: g } = ut(), r = yt(), { loadingText: d } = t, f = !!t.submit, o = a === "sending", { isDarkMode: b, platformOverrides: m } = R(), [c, y] = l.useState(!1), s = t.showSpinner || o && f || c, Y = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [P, S] = l.useState(!!s);
+    const { eventFormat: n } = Ct(), { formStatus: i, formId: m } = ut(), r = yt(), { loadingText: c } = t, g = !!t.submit, o = i === "sending", { isDarkMode: b, platformOverrides: f } = S(), [u, y] = l.useState(!1), s = t.showSpinner || o && g || u, Y = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [P, z] = l.useState(!!s);
     l.useEffect(()=>{
-        s && !P && S(!0);
+        s && !P && z(!0);
     }, [
         s,
         P,
-        a
+        i
     ]);
     var _t_trackingEvent;
     const Z = ()=>{
-        let u, h;
+        let d, h;
         switch(t.buttonType){
             case "link":
-                u = "link", h = M.linkTapped;
+                d = "link", h = R.linkTapped;
                 break;
             case "linkDanger":
-                u = "danger_link", h = M.linkTapped;
+                d = "danger_link", h = R.linkTapped;
+                break;
+            case "linkNeutral":
+                d = "neutral_link", h = R.linkTapped;
                 break;
             default:
-                u = `${t.buttonType}_button`, h = `${t.buttonType}_button_tapped`;
+                d = `${t.buttonType}_button`, h = `${t.buttonType}_button_tapped`;
                 break;
         }
         return n === "google-analytics-4" ? {
-            name: Lt.userInteraction,
-            component_type: u,
+            name: kt.userInteraction,
+            component_type: d,
             component_copy: W(t.children)
         } : {
-            category: Tt.userInteraction,
+            category: Lt.userInteraction,
             action: h,
             label: W(t.children)
         };
-    }, z = t.buttonType.startsWith("link") ? G : J, w = t.buttonType === "linkDanger" && b && r === "brand" ? "linkDangerDark" : t.buttonType, A = r === "media" ? p[w] : r === "brand" ? tt[w] : r === "negative" ? et[w] : nt[w], D = {
+    }, A = t.buttonType.startsWith("link") ? G : J, N = t.buttonType === "linkDanger" && b && r === "brand" ? "linkDangerDark" : t.buttonType, D = r === "media" ? p[N] : r === "brand" ? tt[N] : r === "negative" ? et[N] : nt[N], O = {
         [Q]: t.small,
         [ct]: s
-    }, O = xt({
+    }, $ = xt({
         showSpinner: s,
         shouldRenderSpinner: P,
-        setShouldRenderSpinner: S,
+        setShouldRenderSpinner: z,
         children: t.children,
-        loadingText: d,
+        loadingText: c,
         small: t.small,
         StartIcon: t.StartIcon,
         EndIcon: t.EndIcon,
         withChevron: Y,
-        platformOverrides: m
-    }), $ = _object_spread(_object_spread_props(_object_spread({}, kt({
-        [X.minWidth]: t.small ? z.small : z.default
+        platformOverrides: f
+    }), _ = _object_spread(_object_spread_props(_object_spread({}, Tt({
+        [X.minWidth]: t.small ? A.small : A.default
     }), t.bleedLeft ? {
-        marginLeft: `calc(-1 * (${I} + ${t.small ? V.small : V.default}))`
+        marginLeft: `calc(-1 * (${w} + ${t.small ? E.small : E.default}))`
     } : void 0, t.bleedRight ? {
-        marginRight: `calc(-1 * (${I} + ${t.small ? E.small : E.default}))`
+        marginRight: `calc(-1 * (${w} + ${t.small ? x.small : x.default}))`
     } : void 0, t.bleedY ? {
-        marginTop: `calc(-1 * (${I} + ${t.small ? x.small : x.default}))`,
-        marginBottom: `calc(-1 * (${I} + ${t.small ? x.small : x.default}))`
+        marginTop: `calc(-1 * (${w} + ${t.small ? I.small : I.default}))`,
+        marginBottom: `calc(-1 * (${w} + ${t.small ? I.small : I.default}))`
     } : void 0), {
         cursor: t.fake ? "pointer" : void 0
     }), t.style), C = {
-        ref: i,
-        className: t.small ? v(at, D) : v(A, t.className, D),
+        ref: a,
+        className: t.small ? v(it, O) : v(D, t.className, O),
         style: t.small ? {
             cursor: t.fake ? "pointer" : void 0
-        } : $,
+        } : _,
         trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? Z() : void 0,
         dataAttributes: t.dataAttributes,
         "aria-label": t["aria-label"],
@@ -339,38 +342,38 @@ const Nt = (param)=>{
         "aria-describedby": t["aria-describedby"],
         tabIndex: t.tabIndex,
         children: t.small ? /* @__PURE__ */ e("div", {
-            className: v(A, it),
-            children: O
-        }) : O,
+            className: v(D, at),
+            children: $
+        }) : $,
         disabled: t.disabled || s || o,
         role: t.role
-    }, H = v(rt, t.className), L = (u)=>t.small ? /* @__PURE__ */ e("div", {
+    }, H = v(rt, t.className), k = (d)=>t.small ? /* @__PURE__ */ e("div", {
             className: H,
-            style: $,
-            children: u
-        }) : u;
+            style: _,
+            children: d
+        }) : d;
     if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
-    if (t.fake) return L(/* @__PURE__ */ e(T, _object_spread({
+    if (t.fake) return k(/* @__PURE__ */ e(L, _object_spread({
         maybe: !0
     }, C)));
-    if (t.submit) return L(/* @__PURE__ */ e(T, _object_spread({
+    if (t.submit) return k(/* @__PURE__ */ e(L, _object_spread({
         type: "submit",
-        formId: g,
+        formId: m,
         onPress: ()=>{}
     }, C)));
-    if (t.onPress) return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
-        onPress: (u)=>{
-            const h = t.onPress(u);
+    if (t.onPress) return k(/* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, C), {
+        onPress: (d)=>{
+            const h = t.onPress(d);
             h && (y(!0), h.finally(()=>y(!1)));
         }
     })));
-    if (t.to || t.to === "") return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
+    if (t.to || t.to === "") return k(/* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, C), {
         to: t.to,
         newTab: t.newTab,
         fullPageOnWebView: t.fullPageOnWebView,
         onNavigate: t.onNavigate
     })));
-    if (t.href || t.href === "") return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
+    if (t.href || t.href === "") return k(/* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, C), {
         href: t.href,
         newTab: t.newTab,
         loadOnTop: t.loadOnTop,
@@ -378,74 +381,76 @@ const Nt = (param)=>{
     })));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Yt = /*#__PURE__*/ l.forwardRef((_param, a)=>{
-    var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
+}), Et = /*#__PURE__*/ l.forwardRef((_param, m)=>{
+    var { dataAttributes: t, className: a, type: n = "default" } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
-        "className"
+        "className",
+        "type"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
+    const r = n === "danger" ? "linkDanger" : n === "neutral" ? "linkNeutral" : "link";
+    return /* @__PURE__ */ e(V, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             testid: "ButtonLink"
         }, t),
-        className: v(i, {
-            [K]: n.small
+        className: v(a, {
+            [K]: i.small
         })
-    }, n), {
-        ref: a,
-        buttonType: "link"
+    }, i), {
+        ref: m,
+        buttonType: r
     }));
-}), Zt = /*#__PURE__*/ l.forwardRef((_param, a)=>{
-    var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
+}), Zt = /*#__PURE__*/ l.forwardRef((_param, i)=>{
+    var { dataAttributes: t, className: a } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(Et, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             testid: "ButtonLinkDanger"
         }, t),
-        className: v(i, {
+        className: v(a, {
             [K]: n.small
         })
     }, n), {
         withChevron: !1,
-        ref: a,
-        buttonType: "linkDanger"
+        ref: i,
+        type: "danger"
     }));
 }), Ht = /*#__PURE__*/ l.forwardRef((_param, n)=>{
-    var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(V, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             testid: "ButtonPrimary"
         }, t)
-    }, i), {
+    }, a), {
         ref: n,
         buttonType: "primary"
     }));
 }), Ut = /*#__PURE__*/ l.forwardRef((_param, n)=>{
-    var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(V, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             testid: "ButtonSecondary"
         }, t)
-    }, i), {
+    }, a), {
         ref: n,
         buttonType: "secondary"
     }));
 }), qt = /*#__PURE__*/ l.forwardRef((_param, n)=>{
-    var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
+    var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ e(V, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             testid: "ButtonDanger"
         }, t)
-    }, i), {
+    }, a), {
         ref: n,
         buttonType: "danger"
     }));
 });
-export { qt as ButtonDanger, Yt as ButtonLink, Zt as ButtonLinkDanger, Ht as ButtonPrimary, Ut as ButtonSecondary };
+export { qt as ButtonDanger, Et as ButtonLink, Zt as ButtonLinkDanger, Ht as ButtonPrimary, Ut as ButtonSecondary };

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

@@ -1,13 +1,13 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                   */ var n = "v17_14g0jmy1 v17_14g0jmy0 v17_1y2v1nfgc v17_1y2v1nfhl v17_1y2v1nfiu v17_1y2v1nfk3 v17_1y2v1nfq4 v17_1y2v1nfsw v17_1y2v1nft7", e = "v17_14g0jmy3 v17_14g0jmy2 v17_1y2v1nfqq v17_1y2v1nfpy", a = "v17_14g0jmy5 v17_14g0jmy4 v17_1y2v1nfpz v17_1y2v1nfu7", m = "v17_14g0jmy6", g = {
-    "default-over-brand": "v17_14g0jmyh v17_14g0jmy7 v17_1y2v1nf83",
-    "default-over-negative": "v17_14g0jmyi v17_14g0jmy8 v17_1y2v1nf83",
-    "default-over-alternative": "v17_14g0jmyj v17_14g0jmy9 v17_1y2v1nf83",
-    "default-over-default": "v17_14g0jmyk v17_14g0jmya v17_1y2v1nf8d",
-    "default-over-media": "v17_14g0jmyl v17_14g0jmyb v17_1y2v1nf83",
-    "brand-over-brand": "v17_14g0jmym v17_14g0jmyc v17_1y2v1nf8a",
-    "brand-over-negative": "v17_14g0jmyn v17_14g0jmyd v17_1y2v1nf8a",
-    "brand-over-alternative": "v17_14g0jmyo v17_14g0jmye v17_1y2v1nf87",
-    "brand-over-default": "v17_14g0jmyp v17_14g0jmyf v17_1y2v1nf87",
-    "brand-over-media": "v17_14g0jmyq v17_14g0jmyg v17_1y2v1nf87"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                   */ var n = "v17_1_14g0jmy1 v17_1_14g0jmy0 v17_1_1y2v1nfhi v17_1_1y2v1nfir v17_1_1y2v1nfk0 v17_1_1y2v1nfl9 v17_1_1y2v1nfra v17_1_1y2v1nfu2 v17_1_1y2v1nfud", r = "v17_1_14g0jmy3 v17_1_14g0jmy2 v17_1_1y2v1nfrw v17_1_1y2v1nfr4", e = "v17_1_14g0jmy5 v17_1_14g0jmy4 v17_1_1y2v1nfr5 v17_1_1y2v1nfvd", a = "v17_1_14g0jmy6", m = {
+    "default-over-brand": "v17_1_14g0jmyh v17_1_14g0jmy7 v17_1_1y2v1nf8x",
+    "default-over-negative": "v17_1_14g0jmyi v17_1_14g0jmy8 v17_1_1y2v1nf8x",
+    "default-over-alternative": "v17_1_14g0jmyj v17_1_14g0jmy9 v17_1_1y2v1nf8x",
+    "default-over-default": "v17_1_14g0jmyk v17_1_14g0jmya v17_1_1y2v1nf97",
+    "default-over-media": "v17_1_14g0jmyl v17_1_14g0jmyb v17_1_1y2v1nf8x",
+    "brand-over-brand": "v17_1_14g0jmym v17_1_14g0jmyc v17_1_1y2v1nf94",
+    "brand-over-negative": "v17_1_14g0jmyn v17_1_14g0jmyd v17_1_1y2v1nf94",
+    "brand-over-alternative": "v17_1_14g0jmyo v17_1_14g0jmye v17_1_1y2v1nf91",
+    "brand-over-default": "v17_1_14g0jmyp v17_1_14g0jmyf v17_1_1y2v1nf91",
+    "brand-over-media": "v17_1_14g0jmyq v17_1_14g0jmyg v17_1_1y2v1nf91"
 };
-export { g as background, a as closeButtonContainer, m as closeButtonContainerSize, n as container, e as content };
+export { m as background, e as closeButtonContainer, a as closeButtonContainerSize, n as container, r as content };