@telefonica/mistica 12.11.1 → 12.13.0

package/dist/icons/icon-error.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return s;
+    }
+});
+var s = "";

package/dist/icons/icon-error.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return y;
+        return v;
     }
 });
 var _animationJs = require("../utils/animation.js");
-var _jssJs = require("../jss.js");
 var _hooksJs = require("../hooks.js");
 var _constantsJs = require("../skins/constants.js");
+var _skinContractCssMisticaJs = require("../skins/skin-contract.css-mistica.js");
+var _iconErrorCssMisticaJs = require("./icon-error.css-mistica.js");
 var _jsxRuntimeJs = require("../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -41,32 +42,20 @@ function _objectSpread(target) {
     }
     return target;
 }
-var c = (0, _jssJs.createUseStyles)(function(r) {
-    return _objectSpread({
-        iconContainerFill: {
-            stroke: r.colors.error,
-            fill: r.colors.error
-        },
-        iconContainer: {
-            stroke: r.colors.error,
-            fill: "none"
-        }
-    }, (0, _animationJs.animateShakeStyles)(r.platformOverrides));
-}), h = function h() {
-    var r = c({
-        delay: 0.8
-    }), ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
+var d = function d() {
+    var ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-            className: r.iconContainerFill,
+            stroke: _skinContractCssMisticaJs.vars.colors.error,
+            fill: _skinContractCssMisticaJs.vars.colors.error,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-                    className: r.outerAnimation,
+                    className: _iconErrorCssMisticaJs.outerAnimation,
                     children: [
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", _objectSpread({
                             strokeWidth: "2",
@@ -81,7 +70,7 @@ var c = (0, _jssJs.createUseStyles)(function(r) {
                     ]
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-                    className: r.innerAnimation,
+                    className: _iconErrorCssMisticaJs.innerAnimation,
                     children: [
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("line", _objectSpread({
                             strokeWidth: "2",
@@ -96,29 +85,28 @@ var c = (0, _jssJs.createUseStyles)(function(r) {
                             cx: "32",
                             cy: "46.25",
                             r: "1.72"
-                        }, (0, _animationJs.getAnimateFadeInProps)("0.8", o)))
+                        }, (0, _animationJs.getAnimateFadeInProps)("0.8s", o)))
                     ]
                 })
             ]
         })
     });
-}, f = function f() {
-    var r = c({
-        delay: 0.8
-    }), ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
+}, h = function h() {
+    var ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
         width: "72",
         height: "64",
         viewBox: "0 0 72 64",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-            className: r.iconContainer,
+            stroke: _skinContractCssMisticaJs.vars.colors.error,
+            fill: "none",
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
             strokeMiterlimit: "10",
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("g", {
-                    className: r.outerAnimation,
+                    className: _iconErrorCssMisticaJs.outerAnimation,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", _objectSpread({
                         fill: "none",
                         strokeWidth: "2",
@@ -128,7 +116,7 @@ var c = (0, _jssJs.createUseStyles)(function(r) {
                     }, (0, _animationJs.getAnimateDrawLineProps)("202", "0.3s", o)))
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-                    className: r.innerAnimation,
+                    className: _iconErrorCssMisticaJs.innerAnimation,
                     children: [
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("line", _objectSpread({
                             x1: "31.9",
@@ -137,18 +125,19 @@ var c = (0, _jssJs.createUseStyles)(function(r) {
                             y2: "36.9"
                         }, (0, _animationJs.getAnimateDrawLineProps)("17", "0.7s", o))),
                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("circle", _objectSpread({
-                            className: r.iconContainerFill,
+                            stroke: _skinContractCssMisticaJs.vars.colors.error,
+                            fill: _skinContractCssMisticaJs.vars.colors.error,
                             strokeWidth: "1",
                             cx: "31.9",
                             cy: "43.9",
                             r: "1.5"
-                        }, (0, _animationJs.getAnimateFadeInProps)("1", o)))
+                        }, (0, _animationJs.getAnimateFadeInProps)("1s", o)))
                     ]
                 })
             ]
         })
     });
-}, y = function y() {
-    var ref = (0, _hooksJs.useTheme)(), r = ref.skinName;
-    return r === _constantsJs.O2_SKIN || r === _constantsJs.O2_CLASSIC_SKIN ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(h, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(f, {});
+}, v = function v() {
+    var ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
+    return o === _constantsJs.O2_SKIN || o === _constantsJs.O2_CLASSIC_SKIN ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(d, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(h, {});
 };

package/dist/icons/icon-info.js

@@ -5,53 +5,42 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return k;
     }
 });
-var _jssJs = require("../jss.js");
 var _hooksJs = require("../hooks.js");
 var _constantsJs = require("../skins/constants.js");
+var _skinContractCssMisticaJs = require("../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../_virtual/jsx-runtime.js");
-var s = (0, _jssJs.createUseStyles)(function(o) {
-    return {
-        iconContainer: {
-            stroke: function stroke(e) {
-                return e ? o.colors.inverse : o.colors.brand;
-            },
-            fill: function fill(e) {
-                return e ? o.colors.inverse : o.colors.brand;
-            }
-        }
-    };
-}), d = function d(param) {
-    var tmp = param.size, o = tmp === void 0 ? 64 : tmp, e = param.color;
-    var r = s();
+var d = function d(param) {
+    var tmp = param.size, e = tmp === void 0 ? 64 : tmp, o = param.color;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
-        width: o,
-        height: o,
+        width: e,
+        height: e,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-            className: r.iconContainer,
+            stroke: _skinContractCssMisticaJs.vars.colors.brand,
+            fill: _skinContractCssMisticaJs.vars.colors.brand,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                     fill: "none",
                     strokeWidth: "2",
-                    stroke: e || void 0,
+                    stroke: o || void 0,
                     d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("line", {
                     fill: "none",
                     strokeWidth: "2",
-                    stroke: e || void 0,
+                    stroke: o || void 0,
                     x1: "32",
                     y1: "47.96",
                     x2: "32",
                     y2: "23.74"
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("circle", {
-                    stroke: e || void 0,
+                    stroke: o || void 0,
                     cx: "53.64",
                     cy: "53.54",
                     r: "1.06"
@@ -65,14 +54,13 @@ var s = (0, _jssJs.createUseStyles)(function(o) {
             ]
         })
     });
-}, h = function h() {
-    var o = s();
+}, l = function l() {
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
         width: "64",
         height: "64",
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("g", {
-            className: o.iconContainer,
+            fill: _skinContractCssMisticaJs.vars.colors.brand,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
                 fillRule: "nonzero",
                 strokeWidth: "0",
@@ -80,7 +68,7 @@ var s = (0, _jssJs.createUseStyles)(function(o) {
             })
         })
     });
-}, v = function v() {
-    var ref = (0, _hooksJs.useTheme)(), o = ref.skinName;
-    return o === _constantsJs.O2_CLASSIC_SKIN || o === _constantsJs.O2_SKIN ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(d, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(h, {});
+}, k = function k() {
+    var ref = (0, _hooksJs.useTheme)(), e = ref.skinName;
+    return e === _constantsJs.O2_CLASSIC_SKIN || e === _constantsJs.O2_SKIN ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(d, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(l, {});
 };

package/dist/icons/icon-success-vivo.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return v;
     }
 });
-var _jssJs = require("../jss.js");
 var _hooksJs = require("../hooks.js");
 var _animationJs = require("../utils/animation.js");
 var _themeVariantContextJs = require("../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -41,31 +41,21 @@ function _objectSpread(target) {
     }
     return target;
 }
-var a = (0, _jssJs.createUseStyles)(function(o) {
-    return {
-        iconColor: {
-            stroke: function stroke(r) {
-                return r ? o.colors.inverse : o.colors.brand;
-            },
-            fill: function fill(r) {
-                return r ? o.colors.inverse : o.colors.brand;
-            }
-        }
-    };
-}), u = function u(param) {
-    var tmp = param.role, o = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, r = tmp1 === void 0 ? 64 : tmp1;
-    var e = (0, _themeVariantContextJs.useIsInverseVariant)(), C = a(e), ref = (0, _hooksJs.useTheme)(), t = ref.platformOverrides;
+var v = function v(param) {
+    var tmp = param.role, s = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, C = tmp1 === void 0 ? 64 : tmp1;
+    var o = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), t = ref.platformOverrides;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
-        role: o,
-        width: r,
-        height: r,
+        role: s,
+        width: C,
+        height: C,
         viewBox: "0 0 64 64",
         style: {
             marginLeft: -17
         },
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("g", {
             transform: "translate(17, 10)",
-            className: C.iconColor,
+            fill: o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand,
+            stroke: o ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", _objectSpread({
                 fillRule: "nonzero",
                 d: "M14.8832276,0 C10.2293915,0.0191737965 6.86229932,3.79747692 6.87644677,7.70928648 C6.89025737,11.6228714 9.24614399,14.2258918 11.0573539,15.1980743 C12.084728,15.7491434 11.7559683,16.7408548 11.7559683,16.7408548 C11.7559683,16.7408548 11.5093985,17.7055808 10.4274557,17.44922 C9.3458498,17.1875332 4.10725261,15.8961425 4.10725261,15.8961425 C4.10725261,15.8961425 0.947319469,15.2651826 0.18436791,18.6252129 C-0.579931024,21.9873736 1.196584,23.2652716 2.5001701,23.5816393 C3.80375621,23.8972968 8.2116962,25.0470144 8.2116962,25.0470144 C8.2116962,25.0470144 9.52370341,25.7443725 9.57490369,27.1742406 C9.60656702,28.0203732 9.60825124,28.7209269 8.78163618,29.9800062 C7.95670533,31.2394406 2.82589821,37.6825463 2.82589821,37.6825463 C2.82589821,37.6825463 1.06218326,39.9379529 3.61781834,41.9710855 C6.17345343,44.0045731 7.61110343,43.5309094 9.12824861,41.6575584 C10.6440464,39.7845626 13.6392629,35.862456 13.6392629,35.862456 C13.6392629,35.862456 14.0525704,35.0099322 14.8956908,35.0610623 C15.7388112,35.1136127 15.985381,35.5961532 16.2710247,35.9650713 C16.5580157,36.3339893 20.7318492,41.7285725 21.0164823,42.0786718 C21.297747,42.4326769 22.0782145,43.0806802 22.9364929,43.2042447 C23.7937607,43.3263889 24.7338922,43.1396219 25.3358324,42.6712841 C25.9360883,42.2022363 26.698703,41.5641749 26.9664939,41.1388007 C27.2326007,40.7134265 27.6863295,40.1034157 27.6027922,39.0996319 C27.5182443,38.0986887 27.3144537,37.574605 26.5878813,36.7149798 C25.8613089,35.8564198 21.565538,30.4178079 20.7567756,29.3742563 C20.7567756,29.3742563 20.022119,28.4461025 20.1285616,27.1341177 C20.2353412,25.8192924 20.7874284,25.2334264 21.9495401,24.9067617 C23.1099675,24.5815173 27.6499503,23.3980679 27.6499503,23.3980679 C27.6499503,23.3980679 30.2487014,22.0733006 29.6595614,19.4472006 L29.3210332,18.1046798 C29.3210332,18.1046798 28.7551353,15.0407782 25.0208833,15.989526 C21.2835996,16.9411144 19.2079671,17.5014154 19.2079671,17.5014154 C19.2079671,17.5014154 18.0185711,17.6235596 17.8477912,16.777427 C17.6797061,15.9302293 17.9003389,15.4934928 18.4258155,15.257016 C18.9516289,15.0208942 22.2685313,13.3144263 22.6939652,8.70064277 C23.121757,4.09538091 19.5505374,0 14.9128698,0 L14.8832276,0"

package/dist/icons/icon-success.js

@@ -5,21 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return j;
+        return O;
     }
 });
-var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
 var _constantsJs = require("../skins/constants.js");
 var _animationJs = require("../utils/animation.js");
-var _jssJs = require("../jss.js");
 var _hooksJs = require("../hooks.js");
 var _themeVariantContextJs = require("../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../skins/skin-contract.css-mistica.js");
 var _jsxRuntimeJs = require("../_virtual/jsx-runtime.js");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -48,27 +42,17 @@ function _objectSpread(target) {
     }
     return target;
 }
-var v = (0, _jssJs.createUseStyles)(function(s) {
-    return {
-        iconContainer: {
-            stroke: function stroke(e) {
-                return e ? s.colors.inverse : s.colors.brand;
-            },
-            fill: function fill(e) {
-                return e ? s.colors.inverse : s.colors.brand;
-            }
-        }
-    };
-}), g = function g(param) {
-    var tmp = param.size, s = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, t = tmp1 === void 0 ? !1 : tmp1;
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = v(n), ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
+var k = function k(param) {
+    var tmp = param.size, t = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, r = tmp1 === void 0 ? !1 : tmp1;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
         role: "presentation",
-        width: s,
-        height: s,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-            className: (0, _classnames.default)(_defineProperty({}, c.iconContainer, !e)),
+            stroke: e ? void 0 : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand,
+            fill: e ? void 0 : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand,
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
@@ -77,32 +61,32 @@ var v = (0, _jssJs.createUseStyles)(function(s) {
                     strokeWidth: "2",
                     stroke: e || void 0,
                     d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
-                }, !t && (0, _animationJs.getAnimateDrawLineProps)("202", "0.3s", o))),
+                }, !r && (0, _animationJs.getAnimateDrawLineProps)("202", "0.3s", o))),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("polyline", _objectSpread({
                     fill: "none",
                     strokeWidth: "2",
                     stroke: e || void 0,
                     points: "16.92,30.08 28.68,43.12 50.26,20.22"
-                }, !t && (0, _animationJs.mergeProperties)((0, _animationJs.getAnimateDrawLineProps)("50", "0.6s", o), (0, _animationJs.getAnimateHopInProps)("0.6", o)))),
+                }, !r && (0, _animationJs.mergeProperties)((0, _animationJs.getAnimateDrawLineProps)("50", "0.6s", o), (0, _animationJs.getAnimateHopInProps)("0.6", o)))),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("circle", _objectSpread({
                     stroke: e || void 0,
                     cx: "53.64",
                     cy: "53.54",
                     r: "1.06"
-                }, !t && (0, _animationJs.getAnimateFadeInProps)("0.2s", o)))
+                }, !r && (0, _animationJs.getAnimateFadeInProps)("0.2s", o)))
             ]
         })
     });
-}, I = function I(param) {
-    var tmp = param.size, s = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, t = tmp1 === void 0 ? !1 : tmp1;
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), c = v(n), ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
+}, u = function u(param) {
+    var tmp = param.size, t = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, r = tmp1 === void 0 ? !1 : tmp1;
+    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), o = ref.platformOverrides;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
         role: "presentation",
-        width: s,
-        height: s,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("g", {
-            className: (0, _classnames.default)(_defineProperty({}, c.iconContainer, !e)),
+            stroke: e ? void 0 : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand,
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", _objectSpread({
                     vectorEffect: "non-scaling-stroke",
@@ -112,7 +96,7 @@ var v = (0, _jssJs.createUseStyles)(function(s) {
                     strokeMiterlimit: "10",
                     d: "M61.4,32c0,19.5-10,29.4-29.4,29.4C12.5,61.4,2.6,51.5,2.6,32S12.5,2.6,32,2.6S61.4,12.5,61.4,32z",
                     transform: "rotate(90 32 32)"
-                }, !t && (0, _animationJs.getAnimateDrawLineProps)("202", "0.2s", o))),
+                }, !r && (0, _animationJs.getAnimateDrawLineProps)("202", "0.2s", o))),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("polyline", _objectSpread({
                     vectorEffect: "non-scaling-stroke",
                     fill: "none",
@@ -122,26 +106,26 @@ var v = (0, _jssJs.createUseStyles)(function(s) {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     points: "20,34.9 27.4,44.3 45.6,21"
-                }, !t && (0, _animationJs.mergeProperties)((0, _animationJs.getAnimateDrawLineProps)("44", "0.6s", o), (0, _animationJs.getAnimateHopInProps)("0.6s", o))))
+                }, !r && (0, _animationJs.mergeProperties)((0, _animationJs.getAnimateDrawLineProps)("44", "0.6s", o), (0, _animationJs.getAnimateHopInProps)("0.6s", o))))
             ]
         })
     });
-}, j = function j(param) {
-    var s = param.size, e = param.color, t = param.skipAnimation;
+}, O = function O(param) {
+    var t = param.size, e = param.color, r = param.skipAnimation;
     var ref = (0, _hooksJs.useTheme)(), n = ref.skinName;
     switch(n){
         case _constantsJs.O2_CLASSIC_SKIN:
         case _constantsJs.O2_SKIN:
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(g, {
-                size: s,
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(k, {
+                size: t,
                 color: e,
-                skipAnimation: t
+                skipAnimation: r
             });
         default:
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(I, {
-                size: s,
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(u, {
+                size: t,
                 color: e,
-                skipAnimation: t
+                skipAnimation: r
             });
     }
 };

package/dist/image.css-mistica.js

@@ -10,12 +10,12 @@ function _export(target, all) {
 }
 _export(exports, {
     FADE_IN_DURATION_MS: function() {
-        return y;
+        return f;
     },
     image: function() {
-        return f;
+        return n;
     }
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./image.css.ts.vanilla.js");
-var y = 300, f = "_17tt25r1 _1y2v1nfbj _1y2v1nfbx _1y2v1nf7d _1y2v1nf9i _1y2v1nf9y _1y2v1nfd3 _1y2v1nfb6 _1y2v1nfb7";
+var f = 300, n = "_17tt25r1 _1y2v1nf96 _1y2v1nf9k _1y2v1nf50 _1y2v1nf75 _1y2v1nf7l _1y2v1nfaq _1y2v1nf8t _1y2v1nf8u";

package/dist/index.d.ts

@@ -12,6 +12,7 @@ getJss,
  */
 ServerSideStyles, } from './jss';
 export { vars as skinVars } from './skins/skin-contract.css';
+export * as mq from './media-queries.css';
 export { default as ThemeContext } from './theme-context';
 export { default as ThemeContextProvider } from './theme-context-provider';
 export { default as ScreenReaderOnly } from './screen-reader-only';
@@ -105,6 +106,7 @@ export { default as Circle } from './circle';
 export { useTheme, useScreenSize, useElementDimensions, useAriaId, useWindowSize, useWindowHeight, useWindowWidth, useIsInViewport, } from './hooks';
 export type { ThemeConfig, ColorScheme, EventFormat } from './theme';
 export { pxToRem } from './utils/css';
+export { applyAlpha } from './utils/color';
 export { TrackingConfig, useTrackingConfig } from './utils/analytics';
 export { useDocumentVisibility } from './utils/document-visibility';
 export { ThemeVariant, useIsInverseVariant } from './theme-variant-context';

package/dist/index.js

@@ -5310,6 +5310,9 @@ _export(exports, {
     alert: function() {
         return _dialogJs.alert;
     },
+    applyAlpha: function() {
+        return _colorJs.applyAlpha;
+    },
     blauPalette: function() {
         return _blauJs.palette;
     },
@@ -5352,6 +5355,9 @@ _export(exports, {
     movistarPalette: function() {
         return _movistarJs.palette;
     },
+    mq: function() {
+        return _mediaQueriesCssMisticaJs;
+    },
     o2ClassicPalette: function() {
         return _o2ClassicJs.palette;
     },
@@ -5416,6 +5422,7 @@ _export(exports, {
 var _packageVersionJs = require("./package-version.js");
 var _jssJs = require("./jss.js");
 var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+var _mediaQueriesCssMisticaJs = /*#__PURE__*/ _interopRequireWildcard(require("./media-queries.css-mistica.js"));
 var _themeContextJs = /*#__PURE__*/ _interopRequireDefault(require("./theme-context.js"));
 var _themeContextProviderJs = /*#__PURE__*/ _interopRequireDefault(require("./theme-context-provider.js"));
 var _screenReaderOnlyJs = /*#__PURE__*/ _interopRequireDefault(require("./screen-reader-only.js"));
@@ -5505,6 +5512,7 @@ var _skeletonsJs = require("./skeletons.js");
 var _circleJs = /*#__PURE__*/ _interopRequireDefault(require("./circle.js"));
 var _hooksJs = require("./hooks.js");
 var _cssJs = require("./utils/css.js");
+var _colorJs = require("./utils/color.js");
 var _analyticsJs = require("./utils/analytics.js");
 var _documentVisibilityJs = require("./utils/document-visibility.js");
 var _themeVariantContextJs = require("./theme-variant-context.js");

package/dist/index.js.flow

@@ -2,6 +2,7 @@
 
 declare export { createUseStyles, getJss, ServerSideStyles } from "./jss";
 declare export { vars as skinVars } from "./skins/skin-contract.css";
+declare export * as mq from "./media-queries.css";
 declare export { default as ThemeContext } from "./theme-context";
 declare export { default as ThemeContextProvider } from "./theme-context-provider";
 declare export { default as ScreenReaderOnly } from "./screen-reader-only";
@@ -156,6 +157,7 @@ declare export {
 } from "./hooks";
 export type { ThemeConfig, ColorScheme, EventFormat } from "./theme";
 declare export { pxToRem } from "./utils/css";
+declare export { applyAlpha } from "./utils/color";
 declare export { TrackingConfig, useTrackingConfig } from "./utils/analytics";
 declare export { useDocumentVisibility } from "./utils/document-visibility";
 declare export {

package/dist/list.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     asset: function() {
-        return _;
+        return y;
     },
     badge: function() {
-        return y;
+        return _;
     },
     center: function() {
         return f;
@@ -28,22 +28,22 @@ _export(exports, {
         return t;
     },
     dualActionLeft: function() {
-        return b;
+        return i;
     },
     dualActionRight: function() {
         return o;
     },
     hoverBackground: function() {
-        return e;
+        return d;
     },
     pointer: function() {
-        return i;
+        return e;
     },
     right: function() {
         return g;
     },
     rowBody: function() {
-        return d;
+        return l;
     },
     rowContent: function() {
         return u;
@@ -51,4 +51,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./list.css.ts.vanilla.js");
-var _ = "_1y2v1nf7b _1y2v1nf7t _1y2v1nf7v", y = "_1y2v1nf7k _1y2v1nfaj _1y2v1nf9y _1y2v1nf7t", f = "_1y2v1nf7b _1y2v1nf7q", r = "_1y2v1nf7b _1y2v1nf9i _1y2v1nfb4", a = "_2buj9g0", t = "_1y2v1nf7b _1y2v1nf7g", b = "_1y2v1nf8v _1y2v1nf99 _1y2v1nf7w", o = "_2buj9gg _1y2v1nf8v _1y2v1nf99 _1y2v1nf7b _1y2v1nf7q _1y2v1nf7v _1y2v1nf9j", e = "_2buj9g1", i = "_1y2v1nfbg", g = "_2buj9gb", d = "_1y2v1nf7b _1y2v1nf7h _1y2v1nf7x", u = "_1y2v1nf9i";
+var y = "_1y2v1nf4y _1y2v1nf5g _1y2v1nf5i", _ = "_1y2v1nf57 _1y2v1nf86 _1y2v1nf7l _1y2v1nf5g", f = "_1y2v1nf4y _1y2v1nf5d", r = "_1y2v1nf4y _1y2v1nf75 _1y2v1nf8r", a = "_2buj9g0", t = "_1y2v1nf4y _1y2v1nf53", i = "_1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf50 _1y2v1nf8w _1y2v1nf4s _1y2v1nf6i _1y2v1nf6w _1y2v1nf5j", o = "_2buj9gi _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf50 _1y2v1nf8w _1y2v1nf4s _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf5d _1y2v1nf5i _1y2v1nf76", d = "_2buj9g1", e = "_1y2v1nf93", g = "_2buj9gb", l = "_1y2v1nf4y _1y2v1nf54 _1y2v1nf5k", u = "_1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf8w _1y2v1nf4s";