@telefonica/mistica 12.9.1 → 12.10.0

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-var o = "12.9.1";
+var o = "12.10.0";
 export { o as PACKAGE_VERSION };

package/dist-es/placeholder.js

@@ -1,36 +1,35 @@
 import { applyAlpha as r } from "./utils/color.js";
-import { useTheme as l } from "./hooks.js";
-import { jsx as o, jsxs as s } from "./_virtual/jsx-runtime.js";
-var a = function(param) {
+import { vars as o } from "./skins/skin-contract.css-mistica.js";
+import { jsx as e, jsxs as l } from "./_virtual/jsx-runtime.js";
+var n = function(param) {
     var tmp = param.width, t = tmp === void 0 ? "auto" : tmp, tmp1 = param.height, i = tmp1 === void 0 ? 120 : tmp1;
-    var ref = l(), e = ref.colors;
-    return /* @__PURE__ */ o("div", {
+    return /* @__PURE__ */ e("div", {
         style: {
             height: i,
             width: t,
             boxSizing: "border-box",
-            background: r(e.neutralHigh, 0.08),
-            border: "2px solid ".concat(r(e.neutralHigh, 0.3)),
+            background: r(o.rawColors.neutralHigh, 0.08),
+            border: "2px solid ".concat(r(o.rawColors.neutralHigh, 0.3)),
             position: "relative"
         },
-        children: /* @__PURE__ */ s("svg", {
+        children: /* @__PURE__ */ l("svg", {
             width: "100%",
             height: "100%",
             children: [
-                /* @__PURE__ */ o("line", {
+                /* @__PURE__ */ e("line", {
                     style: {
                         strokeWidth: 2,
-                        stroke: r(e.neutralHigh, 0.1)
+                        stroke: r(o.rawColors.neutralHigh, 0.1)
                     },
                     x1: 0,
                     y1: 0,
                     x2: "100%",
                     y2: "100%"
                 }),
-                /* @__PURE__ */ o("line", {
+                /* @__PURE__ */ e("line", {
                     style: {
                         strokeWidth: 2,
-                        stroke: r(e.neutralHigh, 0.1)
+                        stroke: r(o.rawColors.neutralHigh, 0.1)
                     },
                     x1: "100%",
                     y1: 0,
@@ -41,4 +40,4 @@ var a = function(param) {
         })
     });
 };
-export { a as Placeholder };
+export { n as Placeholder };

package/dist-es/radio-button.js

@@ -115,6 +115,10 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
 function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -123,19 +127,19 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import * as d from "react";
-import { createUseStyles as w } from "./jss.js";
-import { UP as I, LEFT as N, DOWN as D, RIGHT as $, SPACE as q } from "./utils/key-codes.js";
+import * as s from "react";
+import { createUseStyles as I } from "./jss.js";
+import { UP as N, LEFT as D, DOWN as $, RIGHT as q, SPACE as B } from "./utils/key-codes.js";
 import { useControlProps as E } from "./form-context.js";
-import { combineRefs as B } from "./utils/common.js";
+import { combineRefs as K } from "./utils/common.js";
 import { Text3 as V } from "./text.js";
-import K from "./inline.js";
-import P from "classnames";
-import { useAriaId as T, useTheme as j } from "./hooks.js";
-import { getPrefixedDataAttributes as O } from "./utils/dom.js";
-import { jsx as c, jsxs as F } from "./_virtual/jsx-runtime.js";
-var G = w(function(param) {
-    var e = param.colors, o = param.isIos;
+import T from "./inline.js";
+import A from "classnames";
+import { useAriaId as j, useTheme as O } from "./hooks.js";
+import { getPrefixedDataAttributes as F } from "./utils/dom.js";
+import { jsx as i, jsxs as G } from "./_virtual/jsx-runtime.js";
+var U = I(function(param) {
+    var e = param.colors, a = param.isIos;
     return {
         outerCircle: {
             cursor: "pointer",
@@ -147,13 +151,13 @@ var G = w(function(param) {
             alignItems: "center",
             justifyContent: "center",
             verticalAlign: "middle",
-            boxShadow: "inset 0 0 0 ".concat(o ? 1 : 2, "px ").concat(e.control),
+            boxShadow: "inset 0 0 0 ".concat(a ? 1 : 2, "px ").concat(e.control),
             background: e.background,
             transition: "background 0.3s, box-shadow 0.3s"
         },
         outerCircleChecked: {
-            boxShadow: "inset 0 0 0 ".concat(o ? 5 : 2, "px ").concat(e.controlActivated),
-            background: o ? "radial-gradient(circle, ".concat(e.iosControlKnob, " 0%, ").concat(e.iosControlKnob, " 64%, transparent 64%, transparent 100%)") : e.background
+            boxShadow: "inset 0 0 0 ".concat(a ? 5 : 2, "px ").concat(e.controlActivated),
+            background: a ? "radial-gradient(circle, ".concat(e.iosControlKnob, " 0%, ").concat(e.iosControlKnob, " 64%, transparent 64%, transparent 100%)") : e.background
         },
         innerCircle: {
             display: "flex",
@@ -177,145 +181,145 @@ var G = w(function(param) {
             cursor: "default"
         }
     };
-}), A = /*#__PURE__*/ d.createContext({
+}), w = /*#__PURE__*/ s.createContext({
     disabled: !1,
     selectedValue: null,
     focusableValue: null,
     select: function() {},
     selectNext: function() {},
     selectPrev: function() {}
-}), U = function() {
-    return d.useContext(A);
-}, _ = function(_param) {
-    var e = _param.value, o = _param.id, x = _param.dataAttributes, C = _param["aria-labelledby"], h = _objectWithoutProperties(_param, [
+}), H = function() {
+    return s.useContext(w);
+}, ee = function(_param) {
+    var e = _param.value, a = _param.id, x = _param.dataAttributes, y = _param["aria-labelledby"], u = _objectWithoutProperties(_param, [
         "value",
         "id",
         "dataAttributes",
         "aria-labelledby"
     ]);
     var _obj;
-    var ref = U(), i = ref.disabled, s = ref.selectedValue, p = ref.focusableValue, f = ref.select, y = ref.selectNext, k = ref.selectPrev, r = T(C), R = d.useRef(null), u = e === s, v = p === e ? 0 : -1, n = G({
-        checked: u
-    }), ref1 = j(), g = ref1.isIos, a = function(l) {
-        switch(l.keyCode){
-            case q:
-                f(e), l.preventDefault(), l.stopPropagation();
+    var ref = H(), n = ref.disabled, k = ref.selectedValue, c = ref.focusableValue, f = ref.select, h = ref.selectNext, R = ref.selectPrev, b = j(y), o = s.useRef(null), d = e === k, v = c === e ? 0 : -1, l = U({
+        checked: d
+    }), ref1 = O(), C = ref1.isIos, g = function(t) {
+        switch(t.keyCode){
+            case B:
+                f(e), t.preventDefault(), t.stopPropagation();
                 break;
+            case q:
             case $:
-            case D:
-                y(), l.preventDefault(), l.stopPropagation();
+                h(), t.preventDefault(), t.stopPropagation();
                 break;
+            case D:
             case N:
-            case I:
-                k(), l.preventDefault(), l.stopPropagation();
+                R(), t.preventDefault(), t.stopPropagation();
                 break;
         }
-    }, t = /* @__PURE__ */ c("div", {
-        className: P(n.outerCircle, (_obj = {}, _defineProperty(_obj, n.outerCircleChecked, u), _defineProperty(_obj, n.disabled, i), _obj)),
-        children: !g && /* @__PURE__ */ c("div", {
-            className: P(n.innerCircle, _defineProperty({}, n.innerCircleChecked, u))
+    }, r = /* @__PURE__ */ i("div", {
+        className: A(l.outerCircle, (_obj = {}, _defineProperty(_obj, l.outerCircleChecked, d), _defineProperty(_obj, l.disabled, n), _obj)),
+        children: !C && /* @__PURE__ */ i("div", {
+            className: A(l.innerCircle, _defineProperty({}, l.innerCircleChecked, d))
         })
     });
-    return /* @__PURE__ */ c("span", _objectSpreadProps(_objectSpread({
-        ref: R,
-        id: o,
-        tabIndex: i ? void 0 : v,
+    return /* @__PURE__ */ i("span", _objectSpreadProps(_objectSpread({
+        ref: o,
+        id: a,
+        tabIndex: n ? void 0 : v,
         role: "radio",
         "data-value": e,
-        "aria-checked": u,
-        "aria-disabled": i,
-        "aria-labelledby": r,
-        onClick: i ? void 0 : function() {
+        "aria-checked": d,
+        "aria-disabled": n,
+        "aria-labelledby": b,
+        onClick: n ? void 0 : function() {
             return f(e);
         },
-        onKeyDown: i ? void 0 : a,
-        className: n.radioButton
-    }, O(x)), {
-        children: h.render ? h.render({
-            controlElement: t,
-            disabled: !!i,
-            checked: u,
-            labelId: r
-        }) : /* @__PURE__ */ F(K, {
+        onKeyDown: n ? void 0 : g,
+        className: l.radioButton
+    }, F(x)), {
+        children: u.render ? u.render({
+            controlElement: r,
+            disabled: !!n,
+            checked: d,
+            labelId: b
+        }) : /* @__PURE__ */ G(T, {
             space: 16,
             children: [
-                /* @__PURE__ */ c(V, {
+                /* @__PURE__ */ i(V, {
                     regular: !0,
                     as: "div",
-                    children: /* @__PURE__ */ c("div", {
+                    children: /* @__PURE__ */ i("div", {
                         style: {
                             position: "relative",
                             top: -2
                         },
-                        children: t
+                        children: r
                     })
                 }),
-                /* @__PURE__ */ c(V, {
+                /* @__PURE__ */ i(V, {
                     regular: !0,
                     as: "div",
-                    id: r,
-                    children: /* @__PURE__ */ c("span", {
-                        className: i ? n.disabled : "",
-                        children: h.children
+                    id: b,
+                    children: /* @__PURE__ */ i("span", {
+                        className: n ? l.disabled : "",
+                        children: u.children
                     })
                 })
             ]
         })
     }));
-}, ee = function(e) {
-    var n, g;
+}, te = function(e) {
+    var C, g;
     var ref = E({
         name: e.name,
         value: e.value,
         defaultValue: e.defaultValue,
         onChange: e.onChange,
         disabled: e.disabled
-    }), o = ref.value, x = ref.defaultValue, C = ref.onChange, h = ref.focusableRef, i = ref.disabled, ref1 = _slicedToArray(d.useState((n = o != null ? o : x) != null ? n : ""), 2), s = ref1[0], p = ref1[1];
-    d.useEffect(function() {
-        o !== void 0 && p(o);
+    }), a = ref.value, x = ref.defaultValue, y = ref.onChange, u = ref.focusableRef, n = ref.disabled, k = (typeof a === "undefined" ? "undefined" : _typeof(a)) < "u", ref1 = _slicedToArray(s.useState((C = a != null ? a : x) != null ? C : ""), 2), c = ref1[0], f = ref1[1];
+    s.useEffect(function() {
+        a !== void 0 && f(a);
     }, [
-        o
+        a
     ]);
-    var f = function(a) {
-        p(a), C(a);
-    }, ref2 = _slicedToArray(d.useState(null), 2), y = ref2[0], k = ref2[1], r = d.useRef(null), R = function() {
-        if (r.current) {
-            var a = r.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(r.current.querySelectorAll("[role=radio]"));
+    var h = function(r) {
+        k || f(r), y(r);
+    }, ref2 = _slicedToArray(s.useState(null), 2), R = ref2[0], b = ref2[1], o = s.useRef(null), d = function() {
+        if (o.current) {
+            var r = o.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(o.current.querySelectorAll("[role=radio]"));
             if (t.length === 0) return;
-            var S = ((a ? t.indexOf(a) : 0) + 1) % t.length, b = t[S], m = b.dataset.value;
-            m && (b.focus(), f(m));
+            var S = ((r ? t.indexOf(r) : 0) + 1) % t.length, m = t[S], p = m.dataset.value;
+            p && (m.focus(), h(p));
         }
-    }, u = function() {
-        if (r.current) {
-            var a = r.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(r.current.querySelectorAll("[role=radio]"));
+    }, v = function() {
+        if (o.current) {
+            var r = o.current.querySelector("[role=radio][aria-checked=true]"), t = Array.from(o.current.querySelectorAll("[role=radio]"));
             if (t.length === 0) return;
-            var l = a ? t.indexOf(a) : 0, S = (t.length + l - 1) % t.length, b = t[S], m = b.dataset.value;
-            m && (b.focus(), f(m));
+            var P = r ? t.indexOf(r) : 0, S = (t.length + P - 1) % t.length, m = t[S], p = m.dataset.value;
+            p && (m.focus(), h(p));
         }
     };
-    d.useEffect(function() {
-        var a;
-        if (r.current) {
-            var t = r.current.querySelector("[role=radio]");
-            t && k((a = t.dataset.value) != null ? a : null);
+    s.useEffect(function() {
+        var r;
+        if (o.current) {
+            var t = o.current.querySelector("[role=radio]");
+            t && b((r = t.dataset.value) != null ? r : null);
         }
     }, []);
-    var v = (g = s != null ? s : y) != null ? g : null;
-    return /* @__PURE__ */ c("div", {
-        ref: B(r, h),
+    var l = (g = c != null ? c : R) != null ? g : null;
+    return /* @__PURE__ */ i("div", {
+        ref: K(o, u),
         role: "radiogroup",
         "aria-labelledby": e["aria-labelledby"],
-        children: /* @__PURE__ */ c(A.Provider, {
+        children: /* @__PURE__ */ i(w.Provider, {
             value: {
-                disabled: i,
-                selectedValue: s != null ? s : x,
-                focusableValue: v,
-                select: f,
-                selectNext: R,
-                selectPrev: u
+                disabled: n,
+                selectedValue: c != null ? c : x,
+                focusableValue: l,
+                select: h,
+                selectNext: d,
+                selectPrev: v
             },
             children: e.children
         })
     });
 };
-export { ee as RadioGroup, _ as default, U as useRadioContext };
+export { te as RadioGroup, ee as default, H as useRadioContext };

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

@@ -0,0 +1,6 @@
+import "./sprinkles.css.ts.vanilla.js";
+import "./responsive-layout.css.ts.vanilla.js";
+var o = "_1y2v1nf9h", v = "_17lofg74 _1y2v1nf9h", i = "_17lofg72", f = {
+    sideMargin: "var(--_17lofg70)"
+};
+export { o as container, v as fullWidth, i as responsiveLayout, f as vars };

package/dist-es/responsive-layout.css.ts.vanilla.js

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

package/dist-es/responsive-layout.js

@@ -50,61 +50,25 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-import * as c from "react";
-import { createUseStyles as x } from "./jss.js";
-import r from "classnames";
-import { useScreenSize as v } from "./hooks.js";
-import { getPrefixedDataAttributes as y } from "./utils/dom.js";
-import h from "./container-type-context.js";
+import a from "classnames";
+import { useScreenSize as l } from "./hooks.js";
+import { getPrefixedDataAttributes as c } from "./utils/dom.js";
+import p from "./container-type-context.js";
+import { container as u, fullWidth as d, responsiveLayout as f } from "./responsive-layout.css-mistica.js";
 import { jsx as e } from "./_virtual/jsx-runtime.js";
-var a = 16, i = 32, l = 40, M = 1224, S = x(function(t) {
-    var _obj;
-    return {
-        container: {
-            width: "100%"
-        },
-        layout: (_obj = {
-            margin: "auto",
-            paddingLeft: "env(safe-area-inset-left)",
-            paddingRight: "env(safe-area-inset-right)"
-        }, _defineProperty(_obj, t.mq.largeDesktop, {
-            width: M
-        }), _defineProperty(_obj, t.mq.desktop, {
-            width: "calc(100% - ".concat(l * 2, "px)"),
-            margin: "0 ".concat(l, "px")
-        }), _defineProperty(_obj, t.mq.tablet, {
-            width: "calc(100% - ".concat(i * 2, "px)"),
-            margin: "0 ".concat(i, "px")
-        }), _defineProperty(_obj, t.mq.mobile, {
-            width: "calc(100% - ".concat(a * 2, "px)"),
-            margin: "0 ".concat(a, "px")
-        }), _obj),
-        layoutFullWidth: _defineProperty({
-            width: "100%",
-            margin: 0
-        }, t.mq.largeDesktop, {
-            width: "auto",
-            margin: "auto"
-        })
-    };
-}), m = /*#__PURE__*/ c.createContext(0), E = function() {
-    return c.useContext(m);
-}, I = function(param) {
-    var t = param.children, d = param.className, u = param.fullWidth, p = param.dataAttributes;
-    var o = S(), ref = v(), n = ref.isMobile, s = ref.isTablet, g = n ? a : s ? i : null, f = n ? "mobile-column" : s ? "tablet-column" : "desktop-wide-column";
-    return /* @__PURE__ */ e(m.Provider, {
-        value: g,
-        children: /* @__PURE__ */ e(h.Provider, {
-            value: f,
-            children: /* @__PURE__ */ e("div", _objectSpreadProps(_objectSpread({
-                className: r(o.container, d)
-            }, y(p)), {
-                children: /* @__PURE__ */ e("div", {
-                    className: r(o.layout, _defineProperty({}, o.layoutFullWidth, u)),
-                    children: t
-                })
-            }))
-        })
+var C = function(param) {
+    var o = param.children, t = param.className, i = param.fullWidth, r = param.dataAttributes;
+    var ref = l(), s = ref.isMobile, n = ref.isTablet, m = s ? "mobile-column" : n ? "tablet-column" : "desktop-wide-column";
+    return /* @__PURE__ */ e(p.Provider, {
+        value: m,
+        children: /* @__PURE__ */ e("div", _objectSpreadProps(_objectSpread({
+            className: a(u, t)
+        }, c(r)), {
+            children: /* @__PURE__ */ e("div", {
+                className: i ? d : f,
+                children: o
+            })
+        }))
     });
 };
-export { I as default, E as useResonsiveLayoutMargin };
+export { C as default };

package/dist-es/skins/skin-contract.css-mistica.js

@@ -84,6 +84,92 @@ var r = {
         warningHigh: "var(--_1vqcj1i29)",
         errorHigh: "var(--_1vqcj1i2a)",
         promoHigh: "var(--_1vqcj1i2b)"
+    },
+    rawColors: {
+        appBarBackground: "var(--_1vqcj1i2c)",
+        background: "var(--_1vqcj1i2d)",
+        backgroundContainer: "var(--_1vqcj1i2e)",
+        backgroundBrand: "var(--_1vqcj1i2f)",
+        backgroundOverlay: "var(--_1vqcj1i2g)",
+        backgroundSkeleton: "var(--_1vqcj1i2h)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i2i)",
+        backgroundAlternative: "var(--_1vqcj1i2j)",
+        backgroundFeedbackBottom: "var(--_1vqcj1i2k)",
+        navigationBarBackground: "var(--_1vqcj1i2l)",
+        skeletonWave: "var(--_1vqcj1i2m)",
+        border: "var(--_1vqcj1i2n)",
+        borderLight: "var(--_1vqcj1i2o)",
+        borderDark: "var(--_1vqcj1i2p)",
+        borderSelected: "var(--_1vqcj1i2q)",
+        buttonDangerBackground: "var(--_1vqcj1i2r)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1i2s)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1i2t)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1i2u)",
+        buttonLinkBackgroundSelectedInverse: "var(--_1vqcj1i2v)",
+        buttonPrimaryBackground: "var(--_1vqcj1i2w)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i2x)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i2y)",
+        buttonPrimaryBackgroundSelectedInverse: "var(--_1vqcj1i2z)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1i30)",
+        buttonSecondaryBackground: "var(--_1vqcj1i31)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i32)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1i33)",
+        buttonSecondaryBorderSelectedInverse: "var(--_1vqcj1i34)",
+        control: "var(--_1vqcj1i35)",
+        controlActivated: "var(--_1vqcj1i36)",
+        controlError: "var(--_1vqcj1i37)",
+        loadingBar: "var(--_1vqcj1i38)",
+        loadingBarBackground: "var(--_1vqcj1i39)",
+        toggleAndroidInactive: "var(--_1vqcj1i3a)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i3b)",
+        iosControlKnob: "var(--_1vqcj1i3c)",
+        divider: "var(--_1vqcj1i3d)",
+        dividerInverse: "var(--_1vqcj1i3e)",
+        navigationBarDivider: "var(--_1vqcj1i3f)",
+        badge: "var(--_1vqcj1i3g)",
+        feedbackErrorBackground: "var(--_1vqcj1i3h)",
+        feedbackInfoBackground: "var(--_1vqcj1i3i)",
+        brand: "var(--_1vqcj1i3j)",
+        brandHigh: "var(--_1vqcj1i3k)",
+        inverse: "var(--_1vqcj1i3l)",
+        neutralHigh: "var(--_1vqcj1i3m)",
+        neutralLow: "var(--_1vqcj1i3n)",
+        neutralMedium: "var(--_1vqcj1i3o)",
+        promo: "var(--_1vqcj1i3p)",
+        error: "var(--_1vqcj1i3q)",
+        highlight: "var(--_1vqcj1i3r)",
+        success: "var(--_1vqcj1i3s)",
+        warning: "var(--_1vqcj1i3t)",
+        textPrimary: "var(--_1vqcj1i3u)",
+        textPrimaryInverse: "var(--_1vqcj1i3v)",
+        textSecondary: "var(--_1vqcj1i3w)",
+        textSecondaryInverse: "var(--_1vqcj1i3x)",
+        textButtonPrimary: "var(--_1vqcj1i3y)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i3z)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i40)",
+        textButtonSecondary: "var(--_1vqcj1i41)",
+        textButtonSecondarySelected: "var(--_1vqcj1i42)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i43)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i44)",
+        textLink: "var(--_1vqcj1i45)",
+        textLinkInverse: "var(--_1vqcj1i46)",
+        textLinkDanger: "var(--_1vqcj1i47)",
+        textLinkSnackbar: "var(--_1vqcj1i48)",
+        textNavigationBarPrimary: "var(--_1vqcj1i49)",
+        textNavigationBarSecondary: "var(--_1vqcj1i4a)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i4b)",
+        textNavigationSearchBarText: "var(--_1vqcj1i4c)",
+        textAppBar: "var(--_1vqcj1i4d)",
+        textAppBarSelected: "var(--_1vqcj1i4e)",
+        successLow: "var(--_1vqcj1i4f)",
+        warningLow: "var(--_1vqcj1i4g)",
+        errorLow: "var(--_1vqcj1i4h)",
+        promoLow: "var(--_1vqcj1i4i)",
+        brandLow: "var(--_1vqcj1i4j)",
+        successHigh: "var(--_1vqcj1i4k)",
+        warningHigh: "var(--_1vqcj1i4l)",
+        errorHigh: "var(--_1vqcj1i4m)",
+        promoHigh: "var(--_1vqcj1i4n)"
     }
 };
 export { r as vars };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.js";
 import "./snackbar.css.ts.vanilla.js";
-var n = 300, a = "o7bjb09", b = "_1y2v1nf1j", o = "_1y2v1nf1w", t = "_1y2v1nf4v _1y2v1nf57", p = "o7bjb0a", _ = "o7bjb01 _1y2v1nf70 _1y2v1nf4v _1y2v1nf54", f = "o7bjb02", y = "o7bjb04 _1y2v1nf4s _1y2v1nf8p", e = "_1y2v1nf3i", j = "_1y2v1nf3j", i = "o7bjb07";
-export { n as TRANSITION_TIME_IN_MS, a as button, b as buttonCritical, o as buttonInfo, t as content, p as longButton, _ as snackbar, f as snackbarOpen, y as wrapper, e as wrapperCritical, j as wrapperInfo, i as wrapperOpen };
+var a = 300, v = "o7bjb09", b = "_1y2v1nf1j", o = "_1y2v1nf1w", t = "_1y2v1nf7b _1y2v1nf7n", _ = "o7bjb0a", f = "o7bjb01 _1y2v1nf9h _1y2v1nf7b _1y2v1nf7k", p = "o7bjb02", y = "o7bjb04 _1y2v1nf78 _1y2v1nfbb", e = "_1y2v1nf5x", j = "_1y2v1nf5y", i = "o7bjb07";
+export { a as TRANSITION_TIME_IN_MS, v as button, b as buttonCritical, o as buttonInfo, t as content, _ as longButton, f as snackbar, p as snackbarOpen, y as wrapper, e as wrapperCritical, j as wrapperInfo, i as wrapperOpen };