@telefonica/mistica 14.36.0 → 14.37.0

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./list.css.ts.vanilla.css-mistica.js";
-var _ = "_1y2v1nfba _1y2v1nfbs _1y2v1nfbu", f = "_1y2v1nfbj _1y2v1nfd0 _1y2v1nfce _1y2v1nfbs", y = "_1y2v1nfba _1y2v1nfbp", a = "_1y2v1nfba _1y2v1nfbx _1y2v1nfdn", b = "_2buj9gf", r = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfba _1y2v1nfbf _1y2v1nfce", u = "_2buj9gm _1y2v1nfba", c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbc _1y2v1nfbv", d = "_2buj9go _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp _1y2v1nfbu _1y2v1nfby _1y2v1nfce", i = "_1y2v1nfea", o = "_2buj9gc", g = "_2buj9gd", l = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbw", j = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbx _1y2v1nfds _1y2v1nf62 _1y2v1nfbc _1y2v1nfce", s = "_2buj9g1", h = "_2buj9g2";
-export { _ as asset, f as badge, y as center, a as content, b as detail, r as detailRight, t as disabled, e as dualActionContainer, u as dualActionDivider, c as dualActionLeft, d as dualActionRight, i as pointer, o as right, g as rightRestrictedWidth, l as rowBody, j as rowContent, s as touchableBackground, h as touchableBackgroundInverse };
+var _ = "_1y2v1nfgg _1y2v1nfgy _1y2v1nfh0", y = "_1y2v1nfgp _1y2v1nfi6 _1y2v1nfhk _1y2v1nfgy", f = "_1y2v1nfgg _1y2v1nfgv", g = "_1y2v1nfgg _1y2v1nfh3 _1y2v1nfit", a = "_2buj9gf", r = "_2buj9ge", i = "_2buj9g0", t = "_1y2v1nfgg _1y2v1nfgl _1y2v1nfhk", e = "_2buj9gm _1y2v1nfgg", o = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgi _1y2v1nfh1", h = "_2buj9go _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfgv _1y2v1nfh0 _1y2v1nfh4 _1y2v1nfhk", u = "_1y2v1nfjg", d = "_2buj9gc", b = "_2buj9gd", c = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfh2", j = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfh3 _1y2v1nfiy _1y2v1nf68 _1y2v1nfgi _1y2v1nfhk", l = "_2buj9g1", k = "_2buj9g2";
+export { _ as asset, y as badge, f as center, g as content, a as detail, r as detailRight, i as disabled, t as dualActionContainer, e as dualActionDivider, o as dualActionLeft, h as dualActionRight, u as pointer, d as right, b as rightRestrictedWidth, c as rowBody, j as rowContent, l as touchableBackground, k as touchableBackgroundInverse };

package/dist-es/loading-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-bar.css.ts.vanilla.css-mistica.js";
-var r = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", y = "_1num3qgc", a = "_1num3qg8 _1y2v1nfce", t = "_1num3qg3 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", g = "_1num3qg6 _1y2v1nfb5 _1y2v1nfce _1y2v1nfbx", m = "_1y2v1nfbx _1y2v1nfeb _1y2v1nfb4 _1y2v1nf4c _1y2v1nfch";
-export { r as TRANSITION_DURATION_MS, _ as enter, e as enterActive, f as exit, y as exitActive, a as innerProgress, t as portal, g as progress, m as progressContainer };
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", g = "_1num3qg8 _1y2v1nfhk", y = "_1num3qg3 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh", t = "_1num3qg6 _1y2v1nfgb _1y2v1nfhk _1y2v1nfh3", i = "_1y2v1nfh3 _1y2v1nfjh _1y2v1nfga _1y2v1nf4i _1y2v1nfhn";
+export { r as TRANSITION_DURATION_MS, _ as enter, e as enterActive, a as exit, f as exitActive, g as innerProgress, y as portal, t as progress, i as progressContainer };

package/dist-es/maybe-dismissable.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./maybe-dismissable.css.ts.vanilla.css-mistica.js";
-var f = "cim30m2 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb _1y2v1nfc9 _1y2v1nfcp _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", y = "cim30m4 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfc6 _1y2v1nfcm _1y2v1nfdt", _ = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbs";
+var f = "cim30m2 _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh _1y2v1nfhf _1y2v1nfhv _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", y = "cim30m4 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfhc _1y2v1nfhs _1y2v1nfiz", _ = "_1y2v1nfga _1y2v1nfgg _1y2v1nfgy";
 export { f as dismissableButton, y as dismissableCircleContainer, _ as dismissableContainer };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./menu.css.ts.vanilla.css-mistica.js";
-var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6c _1y2v1nf7l _1y2v1nf8u _1y2v1nfa3 _1y2v1nf33 _1y2v1nfe3 _1y2v1nfba _1y2v1nfbg _1y2v1nfb5", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
+var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nf36 _1y2v1nfj9 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgb", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
     enter: "_2k0k3u9",
     enterActive: "_2k0k3ua",
     exit: "_2k0k3ub",

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

@@ -0,0 +1,3 @@
+import "./mosaic.css.ts.vanilla.css-mistica.js";
+var r = "_1j2q6te2", t = "_1j2q6te1", a = "_1j2q6te0";
+export { r as fourItemsContainer, t as singleItemRowContainer, a as squareContainer };

package/dist-es/mosaic.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,2 @@
+const s = "";
+export { s as default };

package/dist-es/mosaic.js

@@ -0,0 +1,189 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx as o, jsxs as g, Fragment as M } from "react/jsx-runtime";
+import { Grid as i, GridItem as e } from "./grid.js";
+import { Carousel as v } from "./carousel.js";
+import { singleItemRowContainer as m, squareContainer as u, fourItemsContainer as w } from "./mosaic.css-mistica.js";
+const d = {
+    mobile: 8,
+    desktop: 16
+}, C = (param)=>/* @__PURE__ */ {
+    let { items: n, isEven: r } = param;
+    return o("div", {
+        className: n.length === 1 ? m : u,
+        children: /* @__PURE__ */ o(i, {
+            gap: d,
+            rows: 2,
+            columns: 2,
+            height: "100%",
+            children: n.length === 3 ? /* @__PURE__ */ g(M, {
+                children: [
+                    /* @__PURE__ */ o(e, {
+                        columnSpan: r ? 2 : void 0,
+                        children: n[0]
+                    }),
+                    /* @__PURE__ */ o(e, {
+                        children: n[1]
+                    }),
+                    /* @__PURE__ */ o(e, {
+                        columnSpan: r ? void 0 : 2,
+                        children: n[2]
+                    })
+                ]
+            }) : n.map((a, h)=>/* @__PURE__ */ o(e, {
+                    columnSpan: n.length === 4 ? void 0 : 2,
+                    rowSpan: n.length === 1 ? 2 : void 0,
+                    children: a
+                }, h))
+        })
+    });
+}, N = (param)=>{
+    let { items: n, withBullets: r, free: a, dataAttributes: h } = param;
+    const c = n.length, t = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), l = Array.from({
+        length: t
+    }, ()=>[]);
+    return n.forEach((s, p)=>{
+        const f = Math.min(t - 1, Math.floor(p / 3));
+        l[f].push(s);
+    }), /* @__PURE__ */ o(v, {
+        dataAttributes: _object_spread_props(_object_spread({}, h), {
+            "component-name": "HorizontalMosaic"
+        }),
+        items: l.map((s, p)=>/* @__PURE__ */ o(i, {
+                children: /* @__PURE__ */ o(C, {
+                    items: s,
+                    isEven: p % 2 === 0
+                }, p)
+            })),
+        withBullets: r,
+        free: a
+    });
+}, S = (param)=>{
+    let { items: n } = param;
+    switch(n.length){
+        case 1:
+        case 2:
+            return /* @__PURE__ */ o("div", {
+                className: m,
+                children: /* @__PURE__ */ o(i, {
+                    gap: d,
+                    columns: 2,
+                    height: "100%",
+                    children: n.map((r, a)=>/* @__PURE__ */ o(e, {
+                            columnSpan: n.length === 2 ? void 0 : 2,
+                            children: r
+                        }, a))
+                })
+            });
+        case 3:
+            return /* @__PURE__ */ o("div", {
+                className: u,
+                children: /* @__PURE__ */ o(i, {
+                    gap: d,
+                    columns: 2,
+                    flow: "column",
+                    height: "100%",
+                    children: n.map((r, a)=>/* @__PURE__ */ o(e, {
+                            rowSpan: a === 0 ? 2 : void 0,
+                            children: r
+                        }, a))
+                })
+            });
+        case 4:
+        default:
+            return /* @__PURE__ */ o("div", {
+                className: w,
+                children: /* @__PURE__ */ g(i, {
+                    gap: d,
+                    rows: 3,
+                    columns: 2,
+                    height: "100%",
+                    children: [
+                        /* @__PURE__ */ o(e, {
+                            rowSpan: 2,
+                            children: n[0]
+                        }),
+                        /* @__PURE__ */ o(e, {
+                            children: n[1]
+                        }),
+                        /* @__PURE__ */ o(e, {
+                            rowSpan: 2,
+                            children: n[3]
+                        }),
+                        /* @__PURE__ */ o(e, {
+                            children: n[2]
+                        })
+                    ]
+                })
+            });
+    }
+}, b = (param)=>{
+    let { items: n, dataAttributes: r } = param;
+    const a = n.length, h = Math.ceil(a / 4), c = Array.from({
+        length: h
+    }, ()=>[]);
+    return n.forEach((t, l)=>{
+        const s = Math.floor(l / 4);
+        c[s].push(t);
+    }), /* @__PURE__ */ o(i, {
+        rows: 1,
+        gap: d,
+        dataAttributes: _object_spread_props(_object_spread({}, r), {
+            "component-name": "VerticalMosaic"
+        }),
+        children: c.map((t, l)=>/* @__PURE__ */ o(S, {
+                items: t
+            }, l))
+    });
+};
+export { N as HorizontalMosaic, b as VerticalMosaic };

package/dist-es/navigation-bar.css-mistica.js

@@ -1,23 +1,23 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-bar.css.ts.vanilla.css-mistica.js";
-var y = "_1vcy5dz1 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6 _1y2v1nfes _1y2v1nfew _1y2v1nffb _1y2v1nf32", e = {
+var y = "_1vcy5dz1 _1y2v1nfga _1y2v1nfhc _1y2v1nfhs", _ = "_1vcy5dz10 _1y2v1nfgc _1y2v1nfjy _1y2v1nfk2 _1y2v1nfkh _1y2v1nf35", e = {
     entering: "_1vcy5dzt",
     entered: "_1vcy5dzu",
     exiting: "_1vcy5dzv",
     exited: "_1vcy5dzw",
     unmounted: "_1vcy5dzx"
-}, f = {
-    default: "_1vcy5dz13 _1y2v1nf1o",
-    inverse: "_1vcy5dz14 _1y2v1nf1n"
-}, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5", d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb5", c = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfb5", a = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfb5", t = "_1vcy5dz15", i = "_1y2v1nfba _1y2v1nfbj", o = {
-    default: "_1vcy5dze _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
-    noBorder: "_1vcy5dzf _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
-    menuOpen: "_1vcy5dzg _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct"
-}, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62", s = {
+}, d = {
+    default: "_1vcy5dz13 _1y2v1nf1r",
+    inverse: "_1vcy5dz14 _1y2v1nf1q"
+}, f = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfgb", r = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfgb", c = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfgb", a = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfgb", z = "_1vcy5dz15", t = "_1y2v1nfgg _1y2v1nfgp", i = {
+    default: "_1vcy5dze _1vcy5dzd _1y2v1nf6o _1y2v1nf7x _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3 _1y2v1nfhz",
+    noBorder: "_1vcy5dzf _1vcy5dzd _1y2v1nf6o _1y2v1nf7x _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3 _1y2v1nfhz",
+    menuOpen: "_1vcy5dzg _1vcy5dzd _1y2v1nf6o _1y2v1nf7x _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3 _1y2v1nfhz"
+}, o = "_1vcy5dzn", g = "_1vcy5dzo", s = "_1vcy5dzi _1y2v1nf90 _1y2v1nfa9 _1y2v1nfhz _1y2v1nfgg _1y2v1nfgv _1y2v1nfiy _1y2v1nf68", u = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, u = "_1y2v1nfct _1vcy5dzp", g = "_1vcy5dzs _1vcy5dzp", l = {
+}, h = "_1y2v1nfhz _1vcy5dzp", p = "_1vcy5dzs _1vcy5dzp", l = {
     default: "_1vcy5dzl",
     inverse: "_1vcy5dzm"
-}, x = "_1vcy5dz9 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", m = "_1vcy5dzb _1y2v1nfb6 _1y2v1nfev _1y2v1nfew _1y2v1nffb";
-export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuTransition, f as iconButtonVariants, r as iconCloseHidden, d as iconCloseOpen, c as iconMenuHidden, a as iconMenuOpen, t as lineHeightFix, i as logoContainer, o as navbarBorderColorVariants, z as navigationBarContent, b as navigationBarContentRight, p as section, s as selectedSectionVariantes, u as spacer, g as spacerLarge, l as textWrapperVariants, x as topFixed, m as topFixedBottomRow };
+}, x = "_1vcy5dz9 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh", b = "_1vcy5dzb _1y2v1nfgc _1y2v1nfk1 _1y2v1nfk2 _1y2v1nfkh";
+export { y as burgerIconContainer, _ as burgerMenu, e as burgerMenuTransition, d as iconButtonVariants, f as iconCloseHidden, r as iconCloseOpen, c as iconMenuHidden, a as iconMenuOpen, z as lineHeightFix, t as logoContainer, i as navbarBorderColorVariants, o as navigationBarContent, g as navigationBarContentRight, s as section, u as selectedSectionVariantes, h as spacer, p as spacerLarge, l as textWrapperVariants, x as topFixed, b as topFixedBottomRow };

package/dist-es/navigation-breadcrumbs.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js";
-var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u", _ = "_1y2v1nfbd";
-export { v as current, f as link, i as list, _ as listItem };
+var i = "_1fniauj3", v = "_1fniauj2", a = "_1fniauj5 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0", f = "_1y2v1nfgj";
+export { i as current, v as link, a as list, f as listItem };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "14.36.0";
+const o = "14.37.0";
 export { o as PACKAGE_VERSION };

package/dist-es/password-field.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./password-field.css.ts.vanilla.css-mistica.js";
-var f = "ptqylz1 _1y2v1nf6c _1y2v1nf7l _1y2v1nf8u _1y2v1nfa3 _1y2v1nfdt _1y2v1nf62";
+var f = "ptqylz1 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfiz _1y2v1nf68";
 export { f as shadow };

package/dist-es/pin-field.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./pin-field.css.ts.vanilla.css-mistica.js";
-var f = "_3pc6ro0", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", r = "_3pc6ro2 _1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", p = "_3pc6ro4", a = "_3pc6ro7", e = "_1y2v1nf2z", d = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf4q";
-export { f as disabled, y as field, r as focusedField, p as input, a as passwordDot, e as passwordInput, d as readOnlyField };
+var n = "_3pc6ro0", y = "_1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga _1y2v1nfhf _1y2v1nfhv _1y2v1nf36", r = "_3pc6ro2 _1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga _1y2v1nfhf _1y2v1nfhv _1y2v1nf36", a = "_3pc6ro4", o = "_3pc6ro7", p = "_1y2v1nf32", i = "_1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga _1y2v1nfhf _1y2v1nfhv _1y2v1nf4w";
+export { n as disabled, y as field, r as focusedField, a as input, o as passwordDot, p as passwordInput, i as readOnlyField };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./popover.css.ts.vanilla.css-mistica.js";
-var r = "_12igu661 _1y2v1nfb5 _1y2v1nfeh _1y2v1nfdr _1y2v1nfdu _1y2v1nf33", t = 12, a = "_12igu663 _1y2v1nfb5 _1y2v1nf2 _1y2v1nfeb", _ = "_12igu669 _1y2v1nfb5 _1y2v1nfek _1y2v1nffe", e = "_12igu665 _1y2v1nfb5 _1y2v1nfby _1y2v1nf33 _1y2v1nfdr _1y2v1nfe3", f = "bottom", o = "top", i = 20, y = 16, b = 488, g = "_1y2v1nfba _1y2v1nfbp _1y2v1nfce", p = "_12igu667";
-export { r as arrow, t as arrowSize, a as arrowWrapper, _ as closeButtonIcon, e as container, f as defaultPositionDesktop, o as defaultPositionMobile, i as distanceToTarget, y as marginLeftRightMobile, b as maxWidthDesktop, g as textAlign, p as textContent };
+var r = "_12igu661 _1y2v1nfgb _1y2v1nfjn _1y2v1nfix _1y2v1nfj0 _1y2v1nf36", t = 12, _ = "_12igu663 _1y2v1nfgb _1y2v1nf2 _1y2v1nfjh", a = "_12igu669 _1y2v1nfgb _1y2v1nfjq _1y2v1nfkk", o = "_12igu665 _1y2v1nfgb _1y2v1nfh4 _1y2v1nf36 _1y2v1nfix _1y2v1nfj9", f = "bottom", i = "top", y = 20, e = 16, g = 488, p = "_1y2v1nfgg _1y2v1nfgv _1y2v1nfhk", u = "_12igu667";
+export { r as arrow, t as arrowSize, _ as arrowWrapper, a as closeButtonIcon, o as container, f as defaultPositionDesktop, i as defaultPositionMobile, y as distanceToTarget, e as marginLeftRightMobile, g as maxWidthDesktop, p as textAlign, u as textContent };

package/dist-es/progress-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./progress-bar.css.ts.vanilla.css-mistica.js";
-var v = "_1y2v1nfce _1y2v1nfe7", e = "_1y2v1nfe7 _1y2v1nfch _1y2v1nf46", n = "j0y7r95", y = "j0y7r94", o = "j0y7r96";
-export { v as bar, e as barBackground, n as inverse, y as normal, o as progressBarSteppedContainer };
+var n = "_1y2v1nfhk _1y2v1nfjd", v = "_1y2v1nfjd _1y2v1nfhn _1y2v1nf4c", y = "j0y7r95", e = "j0y7r94", o = "j0y7r96";
+export { n as bar, v as barBackground, y as inverse, e as normal, o as progressBarSteppedContainer };

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

@@ -1,10 +1,10 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./radio-button.css.ts.vanilla.css-mistica.js";
-var v = "c6dmsud", r = "c6dmsu5 _1y2v1nfba _1y2v1nfdt", a = "c6dmsu7 _1y2v1nf47", s = {
+var d = "c6dmsud", r = "c6dmsu5 _1y2v1nfgg _1y2v1nfiz", c = "c6dmsu7 _1y2v1nf4d", i = {
     default: "c6dmsub",
     ios: "c6dmsuc"
-}, c = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfea _1y2v1nfbs _1y2v1nfdt _1y2v1nf32",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nfbb _1y2v1nfbp _1y2v1nfbj _1y2v1nfea _1y2v1nfbs _1y2v1nfdt _1y2v1nf32"
-}, e = "c6dmsu9 c6dmsu8", f = "c6dmsua c6dmsu8";
-export { v as disabled, r as innerCircle, a as innerCircleChecked, s as outerCircleCheckedVariants, c as outerCircleVariants, e as radioButton, f as radioButtonContainerDisabled };
+}, a = {
+    default: "c6dmsu2 c6dmsu1 _1y2v1nfgh _1y2v1nfgv _1y2v1nfgp _1y2v1nfjg _1y2v1nfgy _1y2v1nfiz _1y2v1nf35",
+    ios: "c6dmsu3 c6dmsu1 _1y2v1nfgh _1y2v1nfgv _1y2v1nfgp _1y2v1nfjg _1y2v1nfgy _1y2v1nfiz _1y2v1nf35"
+}, f = "c6dmsu9 c6dmsu8", s = "c6dmsua c6dmsu8";
+export { d as disabled, r as innerCircle, c as innerCircleChecked, i as outerCircleCheckedVariants, a as outerCircleVariants, f as radioButton, s as radioButtonContainerDisabled };

package/dist-es/responsive-layout.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 var o = {
-    inverse: "_1y2v1nf3b",
-    alternative: "_1y2v1nf3g"
-}, r = "_17lofg73", e = "_17lofg79 _1y2v1nfbx", v = "_17lofg74", t = "_17lofg77", i = "_17lofg72 _1y2v1nfbx";
+    inverse: "_1y2v1nf3e",
+    alternative: "_1y2v1nf3j"
+}, r = "_17lofg73", e = "_17lofg79 _1y2v1nfh3", v = "_17lofg74", t = "_17lofg77", i = "_17lofg72 _1y2v1nfh3";
 export { o as backgroundVariant, r as expandedResponsiveLayoutContainer, e as fullWidth, v as fullwidthContainer, t as responsiveLayout, i as responsiveLayoutContainer };

package/dist-es/screen-reader-only.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./screen-reader-only.css.ts.vanilla.css-mistica.js";
-var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb5 _1y2v1nfeb _1y2v1nfds";
-export { y as screenReaderOnly };
+var v = "gwdgwo1 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgb _1y2v1nfjh _1y2v1nfiy";
+export { v as screenReaderOnly };

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

@@ -1,22 +1,22 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./select.css.ts.vanilla.css-mistica.js";
-var n = "_1sqpivvo _1y2v1nfb5 _1y2v1nffg", f = "_1sqpivvq _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7l _1y2v1nf1y _1y2v1nfba _1y2v1nfbp _1y2v1nfea _1y2v1nfcp", y = "_1y2v1nf3g", i = {
+var n = "_1sqpivvo _1y2v1nfgb _1y2v1nfkm", f = "_1sqpivvq _1y2v1nf96 _1y2v1nfaf _1y2v1nf6i _1y2v1nf7r _1y2v1nf21 _1y2v1nfgg _1y2v1nfgv _1y2v1nfjg _1y2v1nfhv", i = "_1y2v1nf3j", y = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb6 _1y2v1nfe0 _1y2v1nf33", s = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nfb4 _1y2v1nfea",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfb4 _1y2v1nfea"
-}, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nfb5 _1y2v1nfeb _1y2v1nfdp _1y2v1nf1y",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb5 _1y2v1nfeb _1y2v1nfdp _1y2v1nf1y"
-}, p = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nfds _1y2v1nfeb _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfds _1y2v1nfeb _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce"
+}, a = "_1sqpivv6 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfgc _1y2v1nfj6 _1y2v1nf36", s = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nfga _1y2v1nfjg",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfga _1y2v1nfjg"
 }, r = {
+    default: "_1sqpivvl _1sqpivvk _1y2v1nfgb _1y2v1nfjh _1y2v1nfiv _1y2v1nf21",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfgb _1y2v1nfjh _1y2v1nfiv _1y2v1nf21"
+}, p = {
+    default: "_1sqpivvh _1sqpivvg _1y2v1nfiy _1y2v1nfjh _1y2v1nf21 _1y2v1nf68 _1y2v1nfh3 _1y2v1nfhk",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfiy _1y2v1nfjh _1y2v1nf21 _1y2v1nf68 _1y2v1nfh3 _1y2v1nfhk"
+}, t = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",
     transformOrigin: "var(--_1sqpivv2)",
     minWidth: "var(--_1sqpivv3)",
     maxHeight: "var(--_1sqpivv4)"
 };
-export { n as arrowDown, f as menuItem, y as menuItemSelected, i as optionsAnimationsVariants, a as optionsContainer, s as selectContainerVariants, e as selectTextVariants, p as selectVariants, r as vars };
+export { n as arrowDown, f as menuItem, i as menuItemSelected, y as optionsAnimationsVariants, a as optionsContainer, s as selectContainerVariants, r as selectTextVariants, p as selectVariants, t as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet.css.ts.vanilla.css-mistica.js";
-var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfew _1y2v1nffb _1y2v1nffq", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfeg _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", l = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", h = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeh _1y2v1nfew _1y2v1nffb _1y2v1nffq", z = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", d = "_1y2v1nfb8 _1y2v1nffq _1y2v1nf32", s = "_1y2v1nfb8 _1y2v1nfeh _1y2v1nf32", m = 400;
-export { y as Sheet, f as SheetContainer, _ as SheetContent, a as bodyContent, e as children, r as closingOverlay, t as closingSheet, c as handle, o as handleContainer, b as infoItemIcon, l as modalCloseButton, i as modalCloseButtonIcon, h as overlay, z as sheetActionRow, d as stickyButtons, s as stickyTitle, m as transitionDuration };
+var y = "cylz3v6 _1y2v1nf35", f = "cylz3v4 _1y2v1nfgc _1y2v1nfk2 _1y2v1nfkh _1y2v1nfkw", _ = "cylz3v9 _1y2v1nf6x _1y2v1nfgg _1y2v1nfgm", t = "cylz3vo", a = "_1y2v1nfjm _1y2v1nfh2 _1y2v1nfgg _1y2v1nfgm", g = "cylz3vl", o = "cylz3v7", r = "_1y2v1nf4c _1y2v1nfhc _1y2v1nfhn _1y2v1nfj0", e = "cylz3vc _1y2v1nf6i _1y2v1nf7r _1y2v1nfgb _1y2v1nfjn _1y2v1nfhx _1y2v1nfh3 _1y2v1nfgg _1y2v1nfgp", c = "_1y2v1nfgg _1y2v1nfgv _1y2v1nfhs", l = "cylz3vf _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh", h = "cylz3vh _1y2v1nfhd _1y2v1nfht _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz", i = "cylz3vk _1y2v1nfgc _1y2v1nf3g _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh _1y2v1nfkw", z = "cylz3vq _1y2v1nf6o _1y2v1nf7x _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfit _1y2v1nfgv", k = "_1y2v1nfge _1y2v1nfkw _1y2v1nf35", s = "_1y2v1nfge _1y2v1nfjn _1y2v1nf35", m = 400;
+export { y as Sheet, f as SheetContainer, _ as SheetContent, t as bodyContent, a as children, g as closingOverlay, o as closingSheet, r as handle, e as handleContainer, c as infoItemIcon, l as modalCloseButton, h as modalCloseButtonIcon, i as overlay, z as sheetActionRow, k as stickyButtons, s as stickyTitle, m as transitionDuration };

package/dist-es/sheet.js

@@ -393,9 +393,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
     return /* @__PURE__ */ e(b, {
         onClose: o,
         ref: r,
-        dataAttributes: _object_spread_props(_object_spread({}, m), {
+        dataAttributes: _object_spread({
             "component-name": "RadioListSheet"
-        }),
+        }, m),
         children: (param)=>/* @__PURE__ */ {
             let { closeModal: v, modalTitleId: L } = param;
             var _ref;
@@ -442,9 +442,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
     return /* @__PURE__ */ e(b, {
         onClose: p,
         ref: u,
-        dataAttributes: _object_spread_props(_object_spread({}, s), {
+        dataAttributes: _object_spread({
             "component-name": "ActionsListSheet"
-        }),
+        }, s),
         children: (param)=>/* @__PURE__ */ {
             let { closeModal: r, modalTitleId: c } = param;
             return e(k, {
@@ -492,9 +492,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
     return /* @__PURE__ */ e(b, {
         onClose: p,
         ref: s,
-        dataAttributes: _object_spread_props(_object_spread({}, o), {
+        dataAttributes: _object_spread({
             "component-name": "InfoSheet"
-        }),
+        }, o),
         children: (param)=>/* @__PURE__ */ {
             let { modalTitleId: m } = param;
             return e(k, {
@@ -559,9 +559,9 @@ const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>
     return /* @__PURE__ */ e(b, {
         onClose: s,
         ref: r,
-        dataAttributes: _object_spread_props(_object_spread({}, u), {
+        dataAttributes: _object_spread({
             "component-name": "ActionsSheet"
-        }),
+        }, u),
         children: (param)=>/* @__PURE__ */ {
             let { modalTitleId: d, closeModal: l } = param;
             return e(k, {

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./skeletons.css.ts.vanilla.css-mistica.js";
-var o = "zopolw2 _1y2v1nfbc", r = "_1y2v1nfbs _1y2v1nfbu", a = "zopolw6 _1y2v1nfbt", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfbj";
-export { o as animation, r as circle, a as line, b as row };
+var o = "zopolw2 _1y2v1nfgi", r = "_1y2v1nfgy _1y2v1nfh0", y = "zopolw6 _1y2v1nfgz", f = "_1y2v1nfgg _1y2v1nfgv _1y2v1nfgp";
+export { o as animation, r as circle, y as line, f as row };

package/dist-es/skins/blau.js

@@ -38,7 +38,7 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, d = ()=>({
+}, u = ()=>({
         name: a,
         colors: {
             backgroundBrand: e.blauBluePrimary,
@@ -69,6 +69,9 @@ const e = {
             buttonDangerBackground: e.blauRed,
             buttonDangerBackgroundSelected: e.blauRed70,
             buttonDangerBackgroundHover: e.blauRed70,
+            buttonLinkDangerBackgroundSelected: e.blauRed10,
+            buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundInverseSelected: e.blauRed10,
             buttonLinkBackgroundSelected: e.blauPurple10,
             buttonLinkBackgroundInverseSelected: r(e.white, 0.15),
             buttonPrimaryBackground: e.blauBlueSecondary,
@@ -178,6 +181,9 @@ const e = {
             buttonDangerBackground: e.blauRed,
             buttonDangerBackgroundSelected: e.blauRed70,
             buttonDangerBackgroundHover: e.blauRed70,
+            buttonLinkDangerBackgroundSelected: r(e.blauPurple, 0.3),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverseSelected: r(e.blauPurple, 0.3),
             buttonLinkBackgroundSelected: r(e.blauPurple, 0.3),
             buttonLinkBackgroundInverseSelected: r(e.blauPurple, 0.3),
             buttonPrimaryBackground: e.blauBlueSecondary,
@@ -332,4 +338,4 @@ const e = {
             }
         }
     });
-export { d as getBlauSkin, e as palette };
+export { u as getBlauSkin, e as palette };

package/dist-es/skins/movistar-legacy.js

@@ -1,4 +1,4 @@
-import { MOVISTAR_LEGACY_SKIN as a } from "./constants.js";
+import { MOVISTAR_LEGACY_SKIN as n } from "./constants.js";
 import { applyAlpha as r } from "../utils/color.js";
 const e = {
     movistarBlue: "#019DF4",
@@ -43,7 +43,7 @@ const e = {
     darkModeGrey: "#242424"
 }, d = (o)=>{
     const t = {
-        name: a,
+        name: n,
         colors: {
             background: e.white,
             backgroundAlternative: e.grey1,
@@ -73,6 +73,9 @@ const e = {
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper55,
             buttonDangerBackgroundHover: e.pepper55,
+            buttonLinkDangerBackgroundSelected: e.pepper10,
+            buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundInverseSelected: e.pepper10,
             buttonLinkBackgroundSelected: e.movistarBlue10,
             buttonLinkBackgroundInverseSelected: r(e.white, 0.2),
             buttonPrimaryBackground: e.movistarBlue,
@@ -182,6 +185,9 @@ const e = {
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper55,
             buttonDangerBackgroundHover: e.pepper55,
+            buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
             buttonLinkBackgroundSelected: r(e.white, 0.08),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
             buttonPrimaryBackground: e.movistarBlue,

package/dist-es/skins/movistar.js

@@ -73,6 +73,9 @@ const e = {
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper55,
             buttonDangerBackgroundHover: e.pepper55,
+            buttonLinkDangerBackgroundSelected: e.pepper10,
+            buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundInverseSelected: e.pepper10,
             buttonLinkBackgroundSelected: e.movistarBlue10,
             buttonLinkBackgroundInverseSelected: r(e.white, 0.2),
             buttonPrimaryBackground: e.movistarBlue,
@@ -182,6 +185,9 @@ const e = {
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper55,
             buttonDangerBackgroundHover: e.pepper55,
+            buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
             buttonLinkBackgroundSelected: r(e.white, 0.08),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
             buttonPrimaryBackground: e.movistarBlue,

package/dist-es/skins/o2-classic.js

@@ -85,6 +85,9 @@ const e = {
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper55,
             buttonDangerBackgroundHover: e.pepper55,
+            buttonLinkDangerBackgroundSelected: e.pepper10,
+            buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundInverseSelected: e.pepper10,
             buttonLinkBackgroundSelected: e.o2SkyBlueLight10,
             buttonLinkBackgroundInverseSelected: r(e.white, 0.2),
             buttonPrimaryBackground: e.o2SkyBlue,
@@ -201,6 +204,9 @@ const e = {
             border: e.darkModeGrey,
             borderHigh: e.grey5,
             borderSelected: e.o2SkyBlue,
+            buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
             buttonLinkBackgroundSelected: r(e.white, 0.05),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.05),
             buttonPrimaryBackgroundInverse: e.o2SkyBlue,

package/dist-es/skins/o2.js

@@ -73,6 +73,9 @@ const e = {
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper60,
             buttonDangerBackgroundHover: e.pepper60,
+            buttonLinkDangerBackgroundSelected: e.pepper10,
+            buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundInverseSelected: e.pepper10,
             buttonLinkBackgroundSelected: e.o2BluePrimary10,
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
             buttonPrimaryBackground: e.o2BluePrimary,
@@ -182,6 +185,9 @@ const e = {
             buttonDangerBackground: e.pepper,
             buttonDangerBackgroundSelected: e.pepper60,
             buttonDangerBackgroundHover: e.pepper60,
+            buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
+            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
+            buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
             buttonLinkBackgroundSelected: r(e.white, 0.08),
             buttonLinkBackgroundInverseSelected: r(e.white, 0.08),
             buttonPrimaryBackground: e.darkModeO2BluePrimary,