@telefonica/mistica 16.43.0 → 16.44.0

package/dist/generated/mistica-icons/icon-buy-home-products-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M16.899 17.2H10.64c-.837 0-1.58-.284-2.148-.816-.591-.557-.975-1.361-1.137-2.39-.14-.89-1.485-8.683-1.636-9.526-.12-.672-.821-1.176-1.633-1.176h-1.35a.56.56 0 0 1-.56-.56c0-.309.251-.56.56-.56h1.352c1.367 0 2.519.882 2.737 2.1.049.273.222 1.267.439 2.521h3.05l3.472-3.65a.56.56 0 0 1 .406-.173c.154 0 .3.064.406.173l.939.989v-.056c0-.308.252-.56.56-.56h1.638c.308 0 .56.252.56.56v2.752a.6.6 0 0 1 .18-.03h2.793a.562.562 0 0 1 .543.698l-.392 1.569-.002.006-.362 1.453a618 618 0 0 1-.883 3.53c-.266 1.025-.652 1.778-1.182 2.308-.56.554-1.263.837-2.092.837m.277-4.399v-3.81c0-.307.252-.56.56-.56h.337l-.743-.78a.56.56 0 0 1-.154-.387V4.636h-.518v.902a.562.562 0 0 1-.966.387l-1.499-1.58-3.89 4.09h.333c.308 0 .56.252.56.56V12.8zM9.448 21.412c.291.28.692.423 1.193.423s.905-.143 1.194-.423q.458-.443.459-1.23 0-.786-.46-1.23c-.29-.28-.694-.422-1.193-.422-.498 0-.902.142-1.193.423q-.459.442-.46 1.23.001.786.46 1.229M14.91 21.412c.291.28.692.423 1.193.423s.905-.143 1.194-.423q.458-.443.459-1.23c0-.523-.157-.935-.46-1.23-.29-.28-.694-.422-1.193-.422-.498 0-.902.142-1.193.423q-.459.442-.46 1.23.001.786.46 1.229"
@@ -113,7 +113,7 @@ const v = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,
@@ -125,4 +125,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
+}, p = m;

package/dist/generated/mistica-icons/icon-buy-home-products-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
-    return s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), o = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -125,4 +125,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, p = m;
+}, g = m;

package/dist/generated/mistica-icons/icon-buy-home-products-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,37 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = (0, _themevariantcontext.useThemeVariant)(), e = t !== null && t !== void 0 ? t : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M16.899 17.2h-6.258c-.837 0-1.58-.284-2.148-.816-.591-.557-.975-1.361-1.137-2.39-.13-.82-1.451-8.492-1.636-9.526-.12-.672-.821-1.176-1.633-1.176h-1.35a.56.56 0 0 1-.56-.56c0-.309.251-.56.56-.56h1.352c1.367 0 2.519.882 2.737 2.1.049.273.222 1.267.438 2.521h3.051l3.472-3.65a.56.56 0 0 1 .406-.173c.154 0 .3.064.406.173l.939.989v-.056c0-.308.252-.56.56-.56h1.639c.308 0 .56.252.56.56v2.75a.6.6 0 0 1 .182-.03h2.79a.562.562 0 0 1 .543.697l-.435 1.741v.001l-.321 1.284-.346 1.385v.001c-.246.99-.456 1.833-.54 2.146-.265 1.025-.652 1.778-1.181 2.308-.558.557-1.26.84-2.09.84m2.229-9.284.653.69a.561.561 0 0 1-.406.946h-1.078v3.264c0 .68-.426 1.106-1.107 1.106h-6.008c-.684 0-1.107-.423-1.107-1.107V9.553H8.997a.562.562 0 0 1-.406-.947l.658-.692H7.458c.428 2.482.926 5.384 1.01 5.908q.184 1.166.798 1.748c.358.339.823.513 1.378.513H16.9c.683 0 1.653-.239 2.188-2.311.08-.31.288-1.143.533-2.125v-.002l.349-1.397.116-.466c.173-.695.336-1.349.467-1.865zm-7.932 4.886h5.98v-3.81c0-.308.252-.56.56-.56h.337l-.743-.782a.56.56 0 0 1-.154-.386V4.636h-.518v.902a.562.562 0 0 1-.966.387l-1.499-1.58-3.89 4.09h.333c.308 0 .56.252.56.56zM10.641 21.835c-.501 0-.902-.143-1.193-.423q-.459-.442-.46-1.23.001-.786.46-1.23c.291-.28.695-.422 1.193-.422s.902.143 1.194.423q.458.443.459 1.23 0 .786-.46 1.23c-.288.28-.691.422-1.193.422m-.532-1.653c0 .41.123.533.532.533s.533-.124.533-.533-.124-.532-.533-.532-.532.123-.532.532M16.103 21.835c-.501 0-.902-.143-1.193-.423q-.459-.442-.46-1.23.001-.786.46-1.23c.291-.28.695-.422 1.193-.422s.902.143 1.194.423c.302.294.46.706.46 1.23q-.001.786-.46 1.23c-.289.28-.692.422-1.194.422m-.532-1.653c0 .41.123.533.532.533s.533-.124.533-.533-.124-.532-.533-.532-.532.123-.532.532"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M9 18.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5M18 18.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5M4.147 2.25A2.75 2.75 0 0 1 6.89 4.79l.715 9.306a1.25 1.25 0 0 0 1.248 1.154h9.337a1.25 1.25 0 0 0 1.244-1.126l.82-8.198a.75.75 0 0 1 1.492.148l-.82 8.2a2.75 2.75 0 0 1-2.736 2.476H8.853a2.75 2.75 0 0 1-2.743-2.54l-.715-9.306A1.25 1.25 0 0 0 4.147 3.75H3a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M13.012 4.43a.75.75 0 0 1 .976 0l3.5 3a.75.75 0 0 1 .262.57v4a.75.75 0 0 1-.75.75h-7a.75.75 0 0 1-.75-.75V8l.005-.081a.75.75 0 0 1 .257-.488zM10.75 8.346v2.905h5.5V8.345L13.5 5.987z"
             })
         ]
     }));
-}, p = v;
+}, f = m;

package/dist/generated/mistica-icons/icon-buy-plans-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useThemeVariant)(), e = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M21.07 10.508c.308-1.241.6-2.412.753-3.02l-.01-.002a.562.562 0 0 0-.543-.697h-3.39V5.555a.2.2 0 0 0-.006-.037v-.003l-.011-.044-.012-.034-.016-.034v-.003l-.017-.03-.006-.009-.008-.01-.009-.012-.005-.009-.013-.014-.012-.014-3.012-3.014-.014-.012-.014-.013-.008-.005-.011-.009-.011-.008-.009-.006-.03-.02h-.004L14.62 2.2l-.034-.011-.045-.012s-.025-.005-.036-.005h-.011c-.008-.003-.02-.003-.028-.003h-4.006c-.479 0-.787.308-.787.784v3.838H7.263a365 365 0 0 0-.44-2.535c-.218-1.219-1.37-2.101-2.736-2.101H2.739a.56.56 0 0 0-.56.56c0 .308.252.56.56.56h1.35c.813 0 1.513.505 1.634 1.177.179 1.017 1.501 8.689 1.633 9.54.162 1.028.546 1.832 1.137 2.39.569.532 1.31.815 2.148.815h6.27c.828 0 1.531-.283 2.092-.84.532-.533.916-1.286 1.182-2.311.092-.357.35-1.39.638-2.546zm-4.807-3.163a.42.42 0 0 1-.42.42h-4.37a.42.42 0 1 1 0-.84h4.37a.42.42 0 0 1 .42.42M12.288 20.19q0-.788-.459-1.23c-.291-.28-.695-.423-1.193-.423s-.902.143-1.194.423q-.458.442-.459 1.23 0 .786.46 1.23c.29.28.694.422 1.193.422.498 0 .902-.143 1.193-.423q.459-.442.46-1.23m2.617-1.23c.291-.28.692-.423 1.193-.423s.902.143 1.193.423q.459.442.46 1.23c0 .523-.157.935-.46 1.23-.291.28-.695.422-1.193.422s-.902-.143-1.193-.423q-.46-.442-.46-1.23 0-.786.46-1.23m.938-9.283a.42.42 0 1 0 0-.84h-4.37a.42.42 0 1 0 0 .84zm.42 1.493a.42.42 0 0 1-.42.42h-4.37a.42.42 0 1 1 0-.84h4.37a.42.42 0 0 1 .42.42m.784-5.146c0 2.468 0 6.306.003 6.905h-6.538V3.012h3.527v1.219c.003.532.107.935.317 1.235.179.252.532.555 1.193.557zM14.88 3.606l1.575 1.577h-.902c-.353 0-.67-.076-.673-.955z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -113,16 +113,16 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M9 18.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5M18 18.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5M4.147 2.25A2.75 2.75 0 0 1 6.89 4.79l.715 9.306a1.25 1.25 0 0 0 1.248 1.154h9.337a1.25 1.25 0 0 0 1.244-1.126l.82-8.198a.75.75 0 0 1 1.492.148l-.82 8.2a2.75 2.75 0 0 1-2.736 2.476H8.853a2.75 2.75 0 0 1-2.743-2.54l-.715-9.306A1.25 1.25 0 0 0 4.147 3.75H3a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M13.883 2.5a2 2 0 0 1 1.407.58l1.617 1.6A2 2 0 0 1 17.5 6.1v4.4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM12.5 8.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zm0-2.5a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5z"
             })
         ]
     }));
-}, M = m;
+}, u = m;

package/dist/generated/mistica-icons/icon-buy-plans-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useThemeVariant)(), a = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, p = m;

package/dist/generated/mistica-icons/icon-buy-plans-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: o, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
-    return s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useThemeVariant)(), a = o !== null && o !== void 0 ? o : c === "brand" || c === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : c === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -135,4 +135,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, p = m;

package/dist/generated/mistica-icons/icon-cafe-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: c, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), t = c !== null && c !== void 0 ? c : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: t,
             d: "M7.607 5.75c0-.21-.081-.336-.235-.563-.166-.236-.37-.53-.373-.953s.202-.706.356-.918l.008-.012c.149-.201.247-.336.244-.619a.54.54 0 0 1 .546-.535h.006c.302 0 .549.236.552.524.005.625-.267.997-.449 1.244-.123.165-.162.227-.16.308 0 .1.065.196.186.37l.001.002c.18.257.424.61.422 1.152a.54.54 0 0 1-.552.529.54.54 0 0 1-.552-.53m14.232 7.77c0-4.291-3.411-5.017-4.75-5.137h-.003V7.374a.626.626 0 0 0-.636-.613H2.786a.626.626 0 0 0-.636.613v10.558c0 1.288.342 2.243 1.048 2.916.7.666 1.683.991 3.011.991h6.818c1.328 0 2.311-.325 3.011-.991.566-.541.888-1.275.997-2.205 1.286-.095 4.804-.756 4.804-5.123m-1.268 0c0 3.126-2.194 3.779-3.482 3.893V9.61c1.3.126 3.482.798 3.482 3.91M10.153 5.47c.059.09.171.26.188.327a.55.55 0 0 0 .566.489l.02-.001a.537.537 0 0 0 .512-.566c-.02-.301-.199-.576-.346-.8l-.01-.015-.067-.101.084-.123.004-.006c.16-.229.354-.51.338-.84-.014-.294-.286-.524-.575-.533-.302.014-.535.236-.52.53-.012.042-.08.14-.133.218l-.027.04-.002.002c-.148.213-.318.455-.306.74.005.227.13.42.265.624z"
         })
     }));
-}, m = i;
+}, d = n;

package/dist/generated/mistica-icons/icon-cafe-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: r, size: t = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), i = r !== null && r !== void 0 ? r : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M7.714 5.655c0-.168-.112-.347-.243-.552l-.009-.013c-.168-.268-.358-.57-.361-.962-.003-.403.193-.717.367-.994.131-.21.246-.395.246-.566a.42.42 0 0 1 .426-.412c.235 0 .429.185.429.41 0 .399-.195.712-.366.985l-.001.003-.008.013c-.129.207-.239.385-.239.553.003.17.115.347.247.552l.01.016c.168.267.36.571.36.964a.42.42 0 0 1-.43.409.417.417 0 0 1-.428-.406m9.227 12.933c1.05-.045 4.897-.513 4.897-5.034 0-4.437-3.729-4.986-4.86-5.053V7.27a.42.42 0 0 0-.429-.409H2.577a.42.42 0 0 0-.426.412V18.06c0 1.258.328 2.182 1.009 2.826.67.642 1.624.953 2.918.953h6.975c1.294 0 2.25-.311 2.919-.95.574-.552.885-1.32.97-2.302m-.818-.527c0 1.025-.246 1.76-.753 2.24-.504.483-1.26.715-2.32.715H6.078c-1.058 0-1.815-.235-2.319-.714-.507-.482-.753-1.216-.753-2.244V7.683h13.117zm.855-.297V9.327c1.156.07 4.005.614 4.005 4.23 0 3.638-2.868 4.151-4.005 4.207m-6.64-12.31c.053.068.127.166.127.2.006.23.196.413.428.413a.42.42 0 0 0 .43-.41c0-.313-.186-.551-.32-.722-.056-.07-.149-.188-.149-.227 0-.042.096-.168.149-.235l.008-.01c.138-.184.308-.408.308-.716v-.003a.42.42 0 0 0-.428-.408.42.42 0 0 0-.426.411c0 .042-.092.163-.149.236-.142.184-.319.417-.316.73.003.31.177.533.317.712l.002.003z"
         })
     }));
-}, f = s;
+}, g = n;

package/dist/generated/mistica-icons/icon-cafe-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: e, size: r = 24 } = _param, a = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: o, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), l = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M7.609 5.75c0-.21-.081-.336-.235-.563-.166-.236-.37-.53-.373-.953s.202-.706.355-.918l.01-.012c.148-.201.246-.336.243-.619a.54.54 0 0 1 .546-.535h.006c.302 0 .549.236.551.524.006.625-.266.997-.448 1.244-.123.165-.162.227-.16.308 0 .1.065.196.185.37l.002.002c.179.257.424.61.421 1.152a.54.54 0 0 1-.551.53.54.54 0 0 1-.552-.53m9.428 12.893c1.286-.095 4.804-.756 4.804-5.123 0-4.294-3.414-5.02-4.75-5.134V7.374a.626.626 0 0 0-.636-.613H2.79a.626.626 0 0 0-.636.613v10.558c0 1.288.342 2.243 1.048 2.916.7.666 1.683.991 3.01.991h6.816c1.328 0 2.31-.325 3.011-.991.566-.54.888-1.275.997-2.205m-1.218-.714c0 .947-.221 1.616-.672 2.048-.449.428-1.14.635-2.115.635H6.214c-.975 0-1.667-.207-2.115-.635-.451-.435-.672-1.104-.672-2.048V7.982h12.392zm1.272-.515V9.61c1.3.126 3.481.798 3.481 3.91 0 3.126-2.193 3.779-3.481 3.893M10.155 5.47c.059.09.17.26.188.327a.55.55 0 0 0 .566.49q.008-.002.02-.002a.537.537 0 0 0 .512-.566c-.02-.301-.199-.576-.346-.8l-.01-.015-.067-.101.084-.123.004-.006c.159-.229.354-.51.338-.84-.014-.294-.286-.524-.575-.533-.302.014-.535.236-.52.53-.013.042-.08.14-.133.218l-.027.04-.002.002c-.148.213-.318.455-.306.74.005.227.13.42.264.624z"
         })
     }));
-}, f = n;
+}, g = i;

package/dist/generated/mistica-icons/icon-calendar-day-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,27 +91,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: l, size: r = 24 } = _param, s = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), o = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
                 d: "M12 12.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H11a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
                 d: "M16 1.25a.75.75 0 0 1 .75.75v1.25H18A2.75 2.75 0 0 1 20.75 6v12A2.75 2.75 0 0 1 18 20.75H6A2.75 2.75 0 0 1 3.25 18V6A2.75 2.75 0 0 1 6 3.25h1.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75M4.75 18l.006.124A1.25 1.25 0 0 0 6 19.25h12A1.25 1.25 0 0 0 19.25 18V9.75H4.75z"
             })
         ]
     }));
-}, f = v;
+}, m = s;

package/dist/generated/mistica-icons/icon-calendar-day-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return A;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,27 +91,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: e, size: r = 24 } = _param, s = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: i, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
                 d: "M12 12.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H11a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
                 d: "M16 1.25a.75.75 0 0 1 .75.75v1.25H18A2.75 2.75 0 0 1 20.75 6v12A2.75 2.75 0 0 1 18 20.75H6A2.75 2.75 0 0 1 3.25 18V6A2.75 2.75 0 0 1 6 3.25h1.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75M4.75 18A1.25 1.25 0 0 0 6 19.25h12A1.25 1.25 0 0 0 19.25 18V9.75H4.75zM6 4.75A1.25 1.25 0 0 0 4.75 6v2.25h14.5V6A1.25 1.25 0 0 0 18 4.75z"
             })
         ]
     }));
-}, A = h;
+}, g = s;

package/dist/generated/mistica-icons/icon-calendar-day-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return A;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,27 +91,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: s, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), o = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
                 d: "M12 12.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-2.25H11a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: o,
                 d: "M16 1.25a.75.75 0 0 1 .75.75v1.25H18A2.75 2.75 0 0 1 20.75 6v12A2.75 2.75 0 0 1 18 20.75H6A2.75 2.75 0 0 1 3.25 18V6A2.75 2.75 0 0 1 6 3.25h1.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75M4.75 18A1.25 1.25 0 0 0 6 19.25h12A1.25 1.25 0 0 0 19.25 18V9.75H4.75zM6 4.75A1.25 1.25 0 0 0 4.75 6v2.25h14.5V6A1.25 1.25 0 0 0 18 4.75z"
             })
         ]
     }));
-}, A = v;
+}, g = s;

package/dist/generated/mistica-icons/icon-calendar-euro-filled.js

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: i, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), h = l !== null && l !== void 0 ? l : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.572V22H2V10.572zm-11.909 4.987a2.851 2.851 0 0 1 4.23-1.93.53.53 0 0 0 .732-.196.537.537 0 0 0-.197-.731 3.9 3.9 0 0 0-1.965-.53 3.93 3.93 0 0 0-3.885 3.391h-.575a.533.533 0 0 0-.535.535c0 .297.237.535.535.535h.575a3.93 3.93 0 0 0 3.885 3.392c.686 0 1.367-.183 1.966-.53a.536.536 0 0 0-.535-.928 2.85 2.85 0 0 1-4.232-1.938h2.984a.533.533 0 0 0 .535-.535.533.533 0 0 0-.535-.535z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.572V22H2V10.572zm-11.909 4.987a2.851 2.851 0 0 1 4.23-1.93.53.53 0 0 0 .732-.196.537.537 0 0 0-.197-.731 3.9 3.9 0 0 0-1.965-.53 3.93 3.93 0 0 0-3.885 3.391h-.575a.533.533 0 0 0-.535.535c0 .297.237.535.535.535h.575a3.93 3.93 0 0 0 3.885 3.392c.686 0 1.367-.183 1.966-.53a.536.536 0 0 0-.535-.928 2.85 2.85 0 0 1-4.232-1.938h2.984a.533.533 0 0 0 .535-.535.533.533 0 0 0-.535-.535z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -123,14 +123,14 @@ const c = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: h,
                 d: "M20.485 14.285c.595-.082 1.2-.02 1.766.18a.75.75 0 0 1-.501 1.414 2.25 2.25 0 0 0-2.871 1.371H20a.75.75 0 0 1 0 1.5h-1.121a2.24 2.24 0 0 0 .821 1.087 2.25 2.25 0 0 0 2.05.284.75.75 0 0 1 .501 1.414 3.75 3.75 0 0 1-4.582-1.81 3.8 3.8 0 0 1-.343-.975H17a.75.75 0 0 1 0-1.5h.326a3.752 3.752 0 0 1 3.16-2.965"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: h,
                 d: "M16 1.25a.75.75 0 0 1 .75.75v1.25H18A2.75 2.75 0 0 1 20.75 6v6a.75.75 0 0 1-1.5 0V9.75H4.75V18l.006.124A1.25 1.25 0 0 0 6 19.25h8a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 18V6A2.75 2.75 0 0 1 6 3.25h1.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75"
             })
         ]