@telefonica/mistica 16.43.1 → 16.44.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), t = 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: o } = (0, _hooks.useTheme)();
+    return o.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"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: t,
             d: "M15.45 4.991h1.677V2h-6.524c-.148 0-.3.076-.411.184L7.768 4.987a.52.52 0 0 0-.075.597c.075.184.299.336.523.336h1.489v2.242H6.87v11.596A2.246 2.246 0 0 0 9.106 22h5.218a2.246 2.246 0 0 0 2.236-2.242V8.17h-2.795V6.116l.036-.076.782 1.31c.112.184.3.264.483.264.09 0 .155-.024.237-.054l.063-.022c.263-.149.335-.485.184-.785L14.543 5.07l.076-.076c.008-.004.83-.004.83-.004m-.375 14.767a.75.75 0 0 1-.747.749H9.114a.75.75 0 0 1-.747-.75V9.665h6.708zM10.79 5.368c0-.301-.264-.561-.56-.561H9.41l1.454-1.682h5.142v.749h-1.677a.54.54 0 0 0-.447.224l-1.118 1.494a.6.6 0 0 0-.112.336V8.17h-1.86z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: t,
             d: "M15.45 4.991h1.676V2h-6.523c-.148 0-.3.076-.411.184L7.768 4.987a.52.52 0 0 0-.076.597c.076.184.3.336.523.336h1.49v2.242H6.87v11.596A2.246 2.246 0 0 0 9.106 22h5.218a2.246 2.246 0 0 0 2.236-2.242V8.17h-2.795V6.116l.036-.076.782 1.31c.112.184.3.264.483.264.09 0 .155-.024.237-.054l.063-.022c.263-.149.335-.485.183-.785L14.543 5.07l.076-.076c.008-.004.83-.004.83-.004m-.376 14.767a.75.75 0 0 1-.746.749H9.114a.75.75 0 0 1-.747-.75V9.665h6.707zm-4.283-14.39c0-.301-.264-.561-.56-.561H9.41l1.453-1.682h5.143v.749h-1.677a.54.54 0 0 0-.447.224l-1.118 1.494a.6.6 0 0 0-.112.336V8.17h-1.86z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,8 +125,8 @@ const v = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: t,
             d: "M9 4.25A1.75 1.75 0 0 1 10.75 6v.25H11a.75.75 0 0 1 0 1.5h-.25v1.606a2.75 2.75 0 0 1 2 2.644v7A2.75 2.75 0 0 1 10 21.75H6A2.75 2.75 0 0 1 3.25 19v-7a2.75 2.75 0 0 1 2-2.644V6A1.75 1.75 0 0 1 7 4.25zm-3 6.5A1.25 1.25 0 0 0 4.75 12v7l.006.124A1.25 1.25 0 0 0 6 20.25h4A1.25 1.25 0 0 0 11.25 19v-7A1.25 1.25 0 0 0 10 10.75zm1-5a.25.25 0 0 0-.25.25v3.25h2.5V6A.25.25 0 0 0 9 5.75zM21 10a1 1 0 1 1 0 2 1 1 0 0 1 0-2M18 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2M15 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2M21 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2M18 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2M21 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
         })
     }));
-}, f = v;
+}, d = v;

package/dist/generated/mistica-icons/icon-click-and-collect-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const d = (_param)=>{
-    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: n, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useThemeVariant)(), a = n !== null && n !== void 0 ? n : 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(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M16.994 5.928V7h2.86v12.856c0 1.184-.96 2.144-2.144 2.144H8.426a2.14 2.14 0 0 1-2.14-2.096 1.62 1.62 0 0 0 1.14.268 1.6 1.6 0 0 0 1.32-1.184l2.16-8.22a1.6 1.6 0 0 0-.416-1.548 1.6 1.6 0 0 0-1.54-.42l-2.668.704V7h2.856V5.928A3.93 3.93 0 0 1 13.066 2a3.935 3.935 0 0 1 3.928 3.928M10.566 7h5V5.928a2.5 2.5 0 0 0-5 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M9.734 9.976a.55.55 0 0 0-.384-.152c-.048 0-.088.008-.136.016L.99 12a.53.53 0 0 0-.392.444.54.54 0 0 0 .252.536l2.116 1.272L.15 17.064l2.488 2.488 2.816-2.816 1.272 2.116a.53.53 0 0 0 .536.252.54.54 0 0 0 .444-.392l2.164-8.224a.54.54 0 0 0-.136-.512"
             })
         ]
@@ -119,16 +119,16 @@ const d = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M16.994 5.928V7h2.86v12.856c0 1.184-.96 2.144-2.144 2.144H8.426a2.14 2.14 0 0 1-2.14-2.096 1.62 1.62 0 0 0 1.14.268 1.6 1.6 0 0 0 1.32-1.184l2.16-8.22a1.6 1.6 0 0 0-.416-1.548 1.6 1.6 0 0 0-1.54-.42l-2.668.704V7h2.856V5.928A3.93 3.93 0 0 1 13.066 2a3.935 3.935 0 0 1 3.928 3.928M10.566 7h5V5.928a2.5 2.5 0 0 0-5 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M9.734 9.976a.55.55 0 0 0-.384-.152c-.048 0-.088.008-.136.016L.99 12a.53.53 0 0 0-.392.444.54.54 0 0 0 .252.536l2.116 1.272L.15 17.064l2.488 2.488 2.816-2.816 1.272 2.116a.53.53 0 0 0 .536.252.54.54 0 0 0 .444-.392l2.164-8.224a.54.54 0 0 0-.136-.512"
             })
         ]
     }));
-}, V = d;
+}, g = d;

package/dist/generated/mistica-icons/icon-click-and-collect-light.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: l = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: a = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const t = (0, _themevariantcontext.useThemeVariant)(), e = 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(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "M16.984 5.928v1.068h2.856v12.856a2.147 2.147 0 0 1-2.144 2.144h-9.28a2.147 2.147 0 0 1-2.144-2.144v-1.696l-.824-1.368L2.7 19.536l-2.54-2.54 1.444-1.448 1.304-1.304L.82 12.992a.53.53 0 0 1-.256-.536.525.525 0 0 1 .392-.444l5.32-1.388q-.005-.03-.004-.06V6.996h2.856V5.928A3.935 3.935 0 0 1 13.056 2h.012a3.935 3.935 0 0 1 3.916 3.928m-3.924-2.5a2.51 2.51 0 0 0-2.504 2.5v1.068h5V5.928a2.505 2.505 0 0 0-2.496-2.5M5.628 15.392a.51.51 0 0 1 .388.252l.94 1.568h.02l1.588-6.08-6.096 1.592 1.584.952c.14.08.236.228.256.392a.53.53 0 0 1-.152.444l-2.484 2.484L2.7 18.028l2.484-2.484a.54.54 0 0 1 .444-.152m12.076 5.172c.392 0 .712-.32.712-.712V8.428H7.704v1.828l1.472-.384a.536.536 0 0 1 .652.652l-2.124 8.144v1.184c0 .392.32.712.712.712z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: e,
                 d: "M16.856 7V5.572a3.573 3.573 0 0 0-7.144 0V7H6.856v3.928l.002.035.002.029-5.98 1.564a.345.345 0 0 0-.264.292.35.35 0 0 0 .168.356l2.284 1.372-1.784 1.784q-.018.013-.036.032l-.968.968 2.292 2.292.932-.936a.3.3 0 0 0 .036-.032l1.82-1.82 1.372 2.284a.36.36 0 0 0 .308.172c.02 0 .032 0 .056.004a.37.37 0 0 0 .292-.264l2.144-8.216a.354.354 0 0 0-.436-.436l-1.524.396V7.708H19v12.148a1.07 1.07 0 0 1-1.068 1.068H9.36a.357.357 0 0 0 0 .712h8.572c.984 0 1.784-.8 1.788-1.784V7zm-8.172 4.252-1.772 6.804-1.172-1.952a.35.35 0 0 0-.26-.168.37.37 0 0 0-.296.1l-2.112 2.112q-.018.013-.036.032l-.46.456-1.28-1.28.424-.424q.018-.013.036-.032L3.9 14.756a.35.35 0 0 0 .1-.296.35.35 0 0 0-.168-.26L1.88 13.028zM10.428 7V5.572a2.86 2.86 0 0 1 2.856-2.856 2.86 2.86 0 0 1 2.856 2.856V7z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: e,
                 d: "M7.928 21.288a.712.712 0 1 1-1.424 0 .712.712 0 0 1 1.424 0"
             })
         ]
     }));
-}, p = v;
+}, f = s;

package/dist/generated/mistica-icons/icon-click-and-collect-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: h, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const e = (0, _themevariantcontext.useThemeVariant)(), r = h !== null && h !== void 0 ? h : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M16.984 5.928v1.068h2.856v12.856a2.147 2.147 0 0 1-2.144 2.144h-9.28a2.147 2.147 0 0 1-2.144-2.144v-1.696l-.824-1.368L2.7 19.536l-2.54-2.54 1.444-1.448 1.304-1.304L.82 12.992a.53.53 0 0 1-.256-.536.525.525 0 0 1 .392-.444l5.32-1.388q-.005-.03-.004-.06V6.996h2.856V5.928A3.935 3.935 0 0 1 13.056 2h.012a3.935 3.935 0 0 1 3.916 3.928m-3.924-2.5a2.51 2.51 0 0 0-2.504 2.5v1.068h5V5.928a2.505 2.505 0 0 0-2.496-2.5M5.628 15.392a.51.51 0 0 1 .388.252l.94 1.568h.02l1.588-6.08-6.096 1.592 1.584.952c.14.08.236.228.256.392a.53.53 0 0 1-.152.444l-2.484 2.484L2.7 18.028l2.484-2.484a.54.54 0 0 1 .444-.152m12.076 5.172c.392 0 .712-.32.712-.712V8.428H7.704v1.828l1.472-.384a.536.536 0 0 1 .652.652l-2.124 8.144v1.184c0 .392.32.712.712.712z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M16.984 5.928v1.068h2.856v12.856a2.147 2.147 0 0 1-2.144 2.144h-9.28a2.147 2.147 0 0 1-2.144-2.144v-1.696l-.824-1.368L2.7 19.536l-2.54-2.54 1.444-1.448 1.304-1.304L.82 12.992a.53.53 0 0 1-.256-.536.525.525 0 0 1 .392-.444l5.32-1.388q-.005-.03-.004-.06V6.996h2.856V5.928A3.935 3.935 0 0 1 13.056 2h.012a3.935 3.935 0 0 1 3.916 3.928m-3.924-2.5a2.51 2.51 0 0 0-2.504 2.5v1.068h5V5.928a2.505 2.505 0 0 0-2.496-2.5M5.628 15.392a.51.51 0 0 1 .388.252l.94 1.568h.02l1.588-6.08-6.096 1.592 1.584.952c.14.08.236.228.256.392a.53.53 0 0 1-.152.444l-2.484 2.484L2.7 18.028l2.484-2.484a.54.54 0 0 1 .444-.152m12.076 5.172c.392 0 .712-.32.712-.712V8.428H7.704v1.828l1.472-.384a.536.536 0 0 1 .652.652l-2.124 8.144v1.184c0 .392.32.712.712.712z"
         })
     }));
-}, p = v;
+}, u = v;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), i = e !== null && e !== void 0 ? e : 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: a,
-        height: a,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M11.647 11.647a.5.5 0 0 1 .511-.122l9 3a.5.5 0 0 1 .066.922l-3.852 1.925-1.925 3.852a.5.5 0 0 1-.922-.066l-3-9a.5.5 0 0 1 .121-.511M7.27 15.67a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM6 11.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5zM5.07 5.07a.75.75 0 0 1 1.06 0l2.2 2.2a.75.75 0 0 1-1.06 1.06l-2.2-2.2a.75.75 0 0 1 0-1.06M17.87 5.07a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM12 2.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75"
         })
     }));
-}, M = n;
+}, m = c;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        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: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = l !== null && l !== void 0 ? l : i ? _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: a,
-        height: a,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: i,
             d: "M11.47 11.47a.75.75 0 0 1 .767-.182l9 3a.75.75 0 0 1 .098 1.383l-3.776 1.888-1.888 3.776a.75.75 0 0 1-1.383-.098l-3-9a.75.75 0 0 1 .182-.767m3.669 7.574 1.19-2.379.063-.104a.75.75 0 0 1 .273-.232l2.379-1.19-5.857-1.952zM7.27 15.67a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM6 11.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5zM5.07 5.07a.75.75 0 0 1 1.06 0l2.2 2.2a.75.75 0 0 1-1.06 1.06l-2.2-2.2a.75.75 0 0 1 0-1.06M17.87 5.07a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM12 2.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75"
         })
     }));
-}, v = n;
+}, g = c;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return M;
+        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: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), i = e !== null && e !== void 0 ? e : 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: a,
-        height: a,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M11.47 11.47a.75.75 0 0 1 .767-.182l9 3a.75.75 0 0 1 .098 1.383l-3.776 1.888-1.888 3.776a.75.75 0 0 1-1.383-.098l-3-9a.75.75 0 0 1 .182-.767m3.669 7.574 1.19-2.379.063-.104a.75.75 0 0 1 .273-.232l2.379-1.19-5.857-1.952zM7.27 15.67a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM6 11.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5zM5.07 5.07a.75.75 0 0 1 1.06 0l2.2 2.2a.75.75 0 0 1-1.06 1.06l-2.2-2.2a.75.75 0 0 1 0-1.06M17.87 5.07a.75.75 0 0 1 1.06 1.06l-2.2 2.2a.75.75 0 0 1-1.06-1.06zM12 2.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75"
         })
     }));
-}, M = n;
+}, g = c;

package/dist/generated/mistica-icons/icon-click-to-call-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const d = (_param)=>{
-    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = 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.jsxs)("svg", _object_spread_props(_object_spread({
+    const e = (0, _themevariantcontext.useThemeVariant)(), a = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.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"
-    }, o), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M21.836 17.89c-.017-.85-.431-1.687-1.235-2.49a5 5 0 0 0-1-.788c-.695-.431-1.415-.588-2.135-.465s-1.425.524-2.098 1.196a6 6 0 0 0-.442.496c-.118.067-.49.028-1.252-.496-.88-.605-1.922-1.613-2.628-2.32l-.084-.083c-.706-.706-1.714-1.748-2.32-2.628-.52-.761-.56-1.134-.495-1.252a5 5 0 0 0 .496-.442c.672-.673 1.076-1.378 1.196-2.098s-.03-1.434-.462-2.13a4.9 4.9 0 0 0-.787-1c-.804-.803-1.642-1.22-2.49-1.234h-.05c-.864 0-1.732.411-2.586 1.226a6.3 6.3 0 0 0-.695.832l-.028.042c-.796 1.154-.776 2.942.059 5.031.87 2.185 2.568 4.577 4.907 6.916l.084.084c2.34 2.34 4.731 4.037 6.916 4.908 1.07.425 2.062.641 2.927.641.827 0 1.541-.193 2.104-.582l.025-.02.017-.011c.135-.095.54-.39.832-.695.826-.871 1.24-1.759 1.224-2.639"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M12.752 11.946a.757.757 0 0 1-.748-.93l.97-4.535a.71.71 0 0 1 .498-.558c.252-.07.518.02.712.233l.669.74 3.03-2.606a.89.89 0 0 1 .695-.244.92.92 0 0 1 .662.367l1.134 1.264c.18.201.263.467.23.733a.9.9 0 0 1-.367.625L17.22 9.691l.661.733c.196.216.252.49.154.737s-.33.406-.619.429l-4.6.355z"
             })
         ]
@@ -119,16 +119,16 @@ const d = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M5.382 3.11c.504-.36.968-.422 1.367-.31.384.11.67.368.857.577l.15.186c.183.241.456.63.732 1.03.374.542.77 1.128.992 1.464.25.379.379.75.365 1.118-.015.37-.172.7-.426 1.002l-.01.011-.543.568-.02.018c-.168.144-.21.325-.157.57.056.26.215.557.414.856l.157.219c.824 1.1 2.203 2.35 3.535 3.498.3.192.596.348.855.401.25.052.434.007.577-.163l.017-.02.568-.543.01-.01c.296-.252.614-.417.974-.438s.722.102 1.103.347c.34.219.932.607 1.48.974.54.361 1.057.718 1.23.867.21.183.474.466.586.848.117.397.058.86-.3 1.365-.321.454-.738.941-1.072 1.311a24 24 0 0 1-.546.586l-.038.038-.009.01-.017.019-.063.057c-.053.048-.131.11-.236.178a3 3 0 0 1-.951.399c-.86.205-2.155.178-3.967-.654-1.495-.628-3.47-2.102-5.262-3.854-1.793-1.754-3.437-3.818-4.252-5.645l-.002-.004c-.692-1.64-.805-2.86-.692-3.715.107-.81.422-1.304.65-1.493h.001l.003-.003.01-.008.034-.035.13-.125c.112-.105.27-.253.455-.42.37-.334.857-.753 1.31-1.077"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M18.47 3.47a.75.75 0 1 1 1.06 1.06l-3.72 3.72H18a.75.75 0 0 1 0 1.5h-4a1 1 0 0 1-.132-.013q-.01 0-.017-.003-.02-.005-.04-.011-.05-.012-.098-.03a.75.75 0 0 1-.362-.324q-.025-.04-.044-.083A.8.8 0 0 1 13.25 9V5a.75.75 0 0 1 1.5 0v2.19z"
             })
         ]
     }));
-}, u = d;
+}, g = d;

package/dist/generated/mistica-icons/icon-click-to-call-light.js

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
-    var { color: e, size: l = 24 } = _param, o = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useThemeVariant)(), c = 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: n } = (0, _hooks.useTheme)();
     return n.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"
-    }, o), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,
@@ -131,4 +131,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, q = m;
+}, q = s;

package/dist/generated/mistica-icons/icon-click-to-call-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : 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 e = (0, _themevariantcontext.useThemeVariant)(), c = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.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"
-    }, o), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,
@@ -131,4 +131,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, q = m;
+}, u = m;

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

@@ -92,41 +92,41 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = r !== null && r !== void 0 ? r : t ? _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({
-        width: l,
-        height: l,
+    const c = (0, _themevariantcontext.useThemeVariant)(), t = r !== null && r !== void 0 ? r : c === "brand" || c === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : c === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.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), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M15.693 5.547a.81.81 0 0 0-.818.798l-.01 11.09c0 1.913-.914 2.804-2.87 2.804-1.957 0-2.87-.89-2.87-2.804V5.444c0-1.185.515-1.69 1.728-1.69s1.728.505 1.728 1.692l.025 11.356c0 .373-.078.448-.459.448-.38 0-.457-.075-.457-.448V6.4a.81.81 0 0 0-.817-.801.81.81 0 0 0-.818.798v10.403c0 1.264.8 2.048 2.095 2.048 1.291 0 2.095-.784 2.095-2.048L14.22 5.444c-.003-2.06-1.26-3.289-3.367-3.289s-3.364 1.23-3.364 3.289v11.991c0 2.798 1.641 4.406 4.507 4.406 2.862 0 4.504-1.605 4.504-4.403l.011-11.09a.81.81 0 0 0-.818-.8"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : o.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"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M16.53 22a3.43 3.43 0 0 1-2.459-1.043L3.89 10.506A5 5 0 0 1 2.47 6.98c0-1.33.506-2.58 1.42-3.523a4.773 4.773 0 0 1 6.864 0l10.554 10.825c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L9.74 4.5a3.34 3.34 0 0 0-2.417-1.028c-.914 0-1.769.363-2.417 1.028a3.52 3.52 0 0 0-1.001 2.481c0 .939.353 1.816 1.001 2.481l10.182 10.453c.795.816 2.09.816 2.885 0a2.14 2.14 0 0 0 0-2.962L7.791 6.505a.665.665 0 0 0-.933 0 .68.68 0 0 0-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L5.843 8.505a2.193 2.193 0 0 1 0-3.043 2.06 2.06 0 0 1 2.968 0l10.181 10.453c1.355 1.392 1.355 3.656 0 5.043A3.46 3.46 0 0 1 16.529 22"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M16.53 22a3.43 3.43 0 0 1-2.459-1.043L3.89 10.506A5 5 0 0 1 2.47 6.98c0-1.33.506-2.58 1.42-3.523a4.773 4.773 0 0 1 6.864 0l10.554 10.825c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L9.74 4.5a3.34 3.34 0 0 0-2.417-1.028c-.914 0-1.769.363-2.417 1.028a3.52 3.52 0 0 0-1.001 2.481c0 .939.353 1.816 1.001 2.481l10.182 10.453c.795.816 2.09.816 2.885 0a2.14 2.14 0 0 0 0-2.962L7.791 6.505a.665.665 0 0 0-.933 0 .68.68 0 0 0-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L5.843 8.505a2.193 2.193 0 0 1 0-3.043 2.06 2.06 0 0 1 2.968 0l10.181 10.453c1.355 1.392 1.355 3.656 0 5.043A3.46 3.46 0 0 1 16.529 22"
         })
     }));
-}, f = h;
+}, f = s;