@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
-    var { color: o, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: o, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M21.845 9.955a.43.43 0 0 0-.232-.381.43.43 0 0 0-.446.042c-1.064.815-3.008.72-4.003.339-.96-.37-2.574-1.796-2.748-2.933a.43.43 0 0 0-.314-.345.42.42 0 0 0-.437.157c-.022.028-.44.591-.963 1.426-.79-2.151-1.69-3.403-1.74-3.47a.41.41 0 0 0-.403-.169.42.42 0 0 0-.334.283c-.495 1.499-1.932 2.28-3.05 2.67-.658.23-2.6.372-4.39-.661a.43.43 0 0 0-.42 0 .43.43 0 0 0-.21.364v.009c0 .248-.005 3.752.933 6.263.997 2.67 2.549 3.986 4.72 3.986q.87.001 1.871-.28c.53-.149 1.009-.314 1.446-.502.54.866 1.409 1.535 2.678 2.023.963.372 1.829.605 2.619.605 1.577 0 2.849-.93 3.989-3.55 1.403-3.218 1.434-5.77 1.434-5.876m-9.252.877c.862 3.781-.325 4.823-3.138 5.61-2.748.765-4.468-.215-5.58-3.187-.655-1.76-.82-4.127-.863-5.28 1.785.79 3.622.688 4.443.4 1.521-.532 2.622-1.37 3.235-2.448.508.868 1.373 2.585 1.902 4.905m7.05 4.66c-1.468 3.368-2.955 3.491-5.54 2.497-1.06-.406-1.777-.941-2.225-1.617.129-.078.25-.156.364-.243q.014.001.027.007.018.008.038.007c2.941-.219 4.221 1.501 4.272 1.574a.42.42 0 0 0 .341.177q.026 0 .05-.003a.42.42 0 0 0 .34-.263l.002-.006c.027-.078.302-.854-.061-1.687-.286-.652-.868-1.15-1.731-1.481-.79-.303-1.451-.32-1.992-.185a5.1 5.1 0 0 0 .168-1.546q.004.001.006.005l.005.006c.48.271.978.425 1.034.442l.035.008.063.015s.081.014.196.014c.345 0 .656-.146.849-.4.11-.144.272-.446.18-.88-.09-.608-.642-1.65-2.169-1.65q-.114.001-.233.01h-.016c-.107.008-.191.031-.275.054l-.033.008q-.134-.556-.289-1.061l.016-.016.018-.02c.291-.494.571-.928.793-1.256.619 1.23 2.03 2.373 2.991 2.743.978.378 2.729.546 4.082-.034-.107.964-.418 2.743-1.306 4.782M9.181 11.18c-.622 0-.902-.364-.992-.521-.143-.246-.247-.658.07-1.216.594-1.05 1.395-1.207 1.82-1.207.5 0 .88.202 1.034.294.44.238.558.597.589.793.084.51-.222.863-.32.958a1 1 0 0 1-.09.078c-.047.037-.478.356-1.002.566-.294.115-.723.255-1.11.255m0-.843c.212 0 .515-.084.798-.196.437-.174.81-.457.81-.457s.249-.25-.099-.423c0 0-.26-.182-.613-.182-.328 0-.74.163-1.09.782-.199.35-.067.476.194.476M6.996 11.91a5 5 0 0 1-1.087.258q-.267.03-.507.03-1.112-.001-1.387-.716c-.076-.2-.19-.723.398-1.255.496-.446 1.022-.673 1.566-.673.6 0 1.09.297 1.353.572.263.246.395.571.358.899-.045.415-.336.706-.59.84zm-1.183-.582c.46-.054.891-.21.891-.21s.306-.163.034-.39c0 0-.286-.33-.765-.33-.277 0-.616.109-1.003.459-.409.37-.059.496.429.496.132 0 .274-.009.414-.025m5.872.619a.43.43 0 0 1 .305.29c.011.034.238.847-.232 1.693-.392.706-1.132 1.216-2.196 1.513-.482.134-.91.193-1.292.193-1.988 0-2.641-1.553-2.66-1.599a.43.43 0 0 1 .058-.415.41.41 0 0 1 .386-.16c3.415.45 5.179-1.348 5.227-1.397a.43.43 0 0 1 .404-.118m-.661 1.574c.053-.093.09-.185.12-.275-.79.521-2.188 1.205-4.213 1.132.437.33 1.19.594 2.406.255.84-.235 1.41-.61 1.687-1.112m5.546 3.006c-.636-.516-1.728-1.14-3.336-1.236.406-.255 1.045-.414 1.986-.05.919.353 1.25.86 1.35 1.286m-3.053-5.36a.8.8 0 0 1 .196-.03 2 2 0 0 1 .188-.008c1.246 0 1.342.958 1.342.958.064.252-.107.283-.202.283-.034 0-.056-.003-.056-.003s-.448-.138-.857-.37a3.3 3.3 0 0 1-.533-.37 11 11 0 0 0-.078-.46m5.41 2.01c.156.246-.144.277-.144.277s-.403-.006-.8-.096c-.57-.131-1.133-.383-.558-.585.232-.081.431-.112.602-.112.678 0 .9.515.9.515m-.903-1.36q-.417 0-.877.16c-.781.272-.812.86-.804 1.037.045.84 1.051 1.075 1.44 1.166l.009.002c.47.11.93.118.98.118h.008l.083-.005.007-.001c.378-.042.695-.255.846-.574a1 1 0 0 0-.05-.944 1.82 1.82 0 0 0-1.642-.958"
         })
     }));
-}, q = m;
+}, q = i;

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

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

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

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), o = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -106,11 +106,11 @@ const m = (_param)=>{
     }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M14.909 4.963V15.15A4.1 4.1 0 0 1 16 17.925C16 20.185 14.218 22 12 22s-4-1.816-4-4.075c0-1.036.4-2.036 1.091-2.776V4.963C9.091 3.336 10.402 2 12 2s2.909 1.336 2.909 2.963M10.182 17.93c0 1.036.801 1.851 1.818 1.851s1.818-.815 1.818-1.851a1.83 1.83 0 0 0-1.272-1.74V4.963A.565.565 0 0 0 12 4.408c-.29 0-.546.26-.546.555V16.19a1.83 1.83 0 0 0-1.272 1.74"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12.726 17.925c0 .408-.325.74-.726.74a.733.733 0 0 1-.726-.74c0-.409.325-.74.726-.74s.726.331.726.74"
             })
         ]
@@ -122,11 +122,11 @@ const m = (_param)=>{
     }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M14.909 4.963V15.15A4.1 4.1 0 0 1 16 17.925C16 20.185 14.218 22 12 22s-4-1.816-4-4.075c0-1.036.4-2.036 1.091-2.776V4.963C9.091 3.336 10.402 2 12 2s2.909 1.336 2.909 2.963M10.182 17.93c0 1.036.801 1.851 1.818 1.851s1.818-.815 1.818-1.851a1.83 1.83 0 0 0-1.272-1.74V4.963A.565.565 0 0 0 12 4.408c-.29 0-.546.26-.546.555V16.19a1.83 1.83 0 0 0-1.272 1.74"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: r,
                 d: "M12.726 17.925c0 .408-.325.74-.726.74a.733.733 0 0 1-.726-.74c0-.409.325-.74.726-.74s.726.331.726.74"
             })
         ]

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

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

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

@@ -97,8 +97,8 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : l ? _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 l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = s !== null && s !== void 0 ? s : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: o,
             d: "M8.873 4.941A2.934 2.934 0 0 1 11.8 2a2.934 2.934 0 0 1 2.927 2.941v8.21c0 .108.056.242.193.36a4.82 4.82 0 0 1 1.68 3.666C16.6 19.84 14.451 22 11.8 22S7 19.84 7 17.177c0-1.468.652-2.782 1.68-3.666.137-.118.193-.252.193-.36zM11.8 3.176c-.97 0-1.756.79-1.756 1.765v8.21c0 .522-.265.963-.603 1.254a3.65 3.65 0 0 0-1.27 2.772 3.64 3.64 0 0 0 3.629 3.646 3.64 3.64 0 0 0 3.63-3.646 3.65 3.65 0 0 0-1.271-2.772c-.338-.29-.603-.732-.603-1.253v-8.21A1.76 1.76 0 0 0 11.8 3.175m0 13.647a.35.35 0 0 0-.351.354.352.352 0 1 0 .702 0 .35.35 0 0 0-.351-.354m-1.522.354c0-.845.681-1.53 1.522-1.53.84 0 1.522.685 1.522 1.53 0 .844-.681 1.529-1.522 1.529-.84 0-1.522-.685-1.522-1.53"
         })
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-throw-light-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: a, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M12.864 2.155h7.586c.773 0 1.397.627 1.397 1.4v7.589c-.003.773-.63 1.4-1.403 1.4a1.4 1.4 0 0 1-.989-.411l-.708-.712-6.222 6.224a1.4 1.4 0 0 1-1.98 0l-4.196-4.199a1.4 1.4 0 0 1 0-1.98l6.221-6.221-.697-.698a1.401 1.401 0 0 1 .992-2.392M2.761 16.861a.56.56 0 0 1-.401-.953l2.294-2.35a.561.561 0 0 1 .801.785l-2.294 2.35a.55.55 0 0 1-.4.168m-.611 4.423a.56.56 0 0 0 .955.395l4.636-4.633a.561.561 0 0 0-.793-.793l-4.633 4.633a.56.56 0 0 0-.165.398m5.036.003a.56.56 0 0 0 .964.392l2.294-2.353.014-.014.004-.004.004-.005a.562.562 0 0 0-.826-.759l-2.294 2.35a.56.56 0 0 0-.16.393"
         })
     }));
-}, v = n;
+}, d = n;

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

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: e,
             d: "M11.327 17.299a.84.84 0 0 1-.594-.244l-3.8-3.801a.84.84 0 0 1 0-1.188l7.652-7.655-1.294-1.292a.561.561 0 0 1 .395-.958h7.585c.308 0 .56.252.56.56v7.586c0 .308-.252.56-.56.56a.55.55 0 0 1-.395-.165l-1.305-1.305-7.65 7.658a.83.83 0 0 1-.594.244m2.361-14.575 1.292 1.292a.56.56 0 0 1 0 .792l-7.653 7.653a.28.28 0 0 0 0 .395l3.801 3.801c.11.11.286.11.395 0l7.653-7.653a.55.55 0 0 1 .79 0l1.302 1.303V2.724zM2.156 21.548a.28.28 0 0 0 .48.199l4.912-4.92a.283.283 0 0 0 0-.388.28.28 0 0 0-.395-.006l-4.916 4.916a.3.3 0 0 0-.08.199m5.317.283a.28.28 0 0 1-.2-.48c.928-.926 2.224-2.266 2.515-2.568l.06-.062a.28.28 0 1 1 .417.373l-.005.006-.008.008c-.014.017-1.533 1.588-2.58 2.639a.28.28 0 0 1-.2.084m-5.266-5.266c0 .154.126.28.28.28.075 0 .145-.031.196-.081a251 251 0 0 0 2.58-2.64.279.279 0 0 0-.4-.39l-.245.252c-.473.488-1.536 1.586-2.33 2.38a.3.3 0 0 0-.081.199"
         })
     }));

package/dist/generated/mistica-icons/icon-throw-light-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M20.446 2.155H12.86a1.401 1.401 0 0 0-.991 2.392l.697.698-6.221 6.22a1.4 1.4 0 0 0 0 1.981l4.196 4.2a1.4 1.4 0 0 0 1.98 0l6.222-6.225.708.712c.26.263.616.411.99.411.772 0 1.4-.627 1.402-1.4V3.556c0-.774-.624-1.401-1.397-1.401m0 1.12c.154 0 .28.127.28.28v7.586a.28.28 0 0 1-.28.28h-.003a.27.27 0 0 1-.196-.084L18.75 9.841c-.07.062-.14.124-.204.194l-6.816 6.817a.28.28 0 0 1-.395 0l-4.198-4.198a.28.28 0 0 1 0-.395l6.815-6.815a.28.28 0 0 0 0-.395L12.66 3.757a.279.279 0 0 1 .2-.476h7.585zm-18.3 18.009a.56.56 0 0 0 .955.395l4.65-4.647a.561.561 0 0 0-.807-.779l-4.633 4.633a.56.56 0 0 0-.165.398m5.597.563a.56.56 0 0 1-.56-.56.55.55 0 0 1 .165-.395c.933-.934 2.018-2.063 2.243-2.298l.042-.044a.562.562 0 1 1 .813.776c-.011.014-1.252 1.308-2.303 2.358a.58.58 0 0 1-.4.163M2.196 16.3a.562.562 0 0 0 .958.397 164 164 0 0 0 2.311-2.37.562.562 0 0 0-.82-.764l-.043.044c-.225.234-1.31 1.364-2.243 2.298a.56.56 0 0 0-.163.395"
         })
     }));
-}, g = i;
+}, g = s;

package/dist/generated/mistica-icons/icon-thumb-down-filled.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
-            d: "M21.841 13.057c0-.672-.168-1.16-.38-1.504.212-.334.38-.787.383-1.39 0-.658-.26-1.263-.748-1.747.126-.295.221-.678.221-1.169 0-.787-.411-1.467-1.148-1.93.07-.347.064-.739-.011-1.196a1 1 0 0 0-.031-.109c-.563-1.526-1.465-1.857-5.076-1.857-2.24 0-3.2.28-3.968.503l-.015.004-.21.059c-.316.095-.569.165-.731.165l-2.807.037c-.046 0-.088.011-.13.023l-.06.016a1.45 1.45 0 0 0-.927-.342H3.612c-.804 0-1.457.653-1.457 1.457v7.596c0 .807.653 1.46 1.457 1.46h2.585c.333 0 .639-.118.885-.308.55.282 1.768 1.042 1.885 2.274.11 1.123.096 2.527.07 3.639l-.001.02-.001.022c-.003.094-.01.166-.018.241l-.002.016-.02.23c-.067.95.275 1.53.569 1.849.443.476 1.11.728 1.927.728 1.566 0 2.499-.95 2.499-2.535l-.003-.098-.006-.132c0-1.26-.002-2.787-.005-3.613l2.07-.062h3.412c1.204-.067 2.383-.818 2.383-2.347m-1.59-1.958a.59.59 0 0 0-.191.454c0 .173.073.339.202.454.235.21.358.574.358 1.05 0 .95-.832 1.098-1.19 1.118h-3.395l-2.687.08a.614.614 0 0 0-.596.617s.008 2.398.008 4.221v.034l.006.12c0 .975-.379 1.365-1.27 1.365-.324 0-.767-.06-1.027-.336q-.285-.31-.244-.925l.017-.19.001-.015c.008-.079.016-.156.021-.249q.005-.033.006-.067c.025-1.157.042-2.641-.076-3.851-.173-1.818-1.781-2.858-2.54-3.25v-.014q.005-.021.005-.042V4.15l2.476-.033c.328 0 .653-.093 1.062-.21l.216-.062.01-.003c.73-.212 1.558-.453 3.628-.453 3.44 0 3.653.333 3.902.997.084.546.003.79-.08.94a.6.6 0 0 0-.04.5c.056.162.18.294.342.36.414.175.91.5.91 1.062 0 .395-.087.706-.255.902a.617.617 0 0 0 .118.908c.44.3.664.672.664 1.104 0 .4-.12.717-.362.938M4.882 9.528c.449 0 .76.313.76.761 0 .452-.311.762-.76.762-.448 0-.762-.313-.762-.761 0-.449.314-.762.762-.762"
+            fill: n,
+            d: "M21.841 13.057c0-.672-.168-1.16-.38-1.504.212-.334.38-.787.383-1.39 0-.658-.26-1.263-.748-1.747.126-.295.221-.678.221-1.169 0-.787-.412-1.467-1.148-1.93.07-.347.064-.739-.011-1.196a1 1 0 0 0-.031-.109c-.563-1.526-1.465-1.857-5.076-1.857-2.24 0-3.2.28-3.968.503l-.015.004-.21.059c-.317.095-.569.165-.731.165l-2.807.037c-.046 0-.088.011-.13.023l-.06.016a1.45 1.45 0 0 0-.928-.342h-2.59c-.805 0-1.457.653-1.457 1.457v7.596c0 .807.652 1.46 1.456 1.46h2.586c.333 0 .638-.118.885-.308.549.282 1.767 1.042 1.885 2.274.11 1.123.095 2.527.07 3.639l-.001.02-.002.022c-.002.094-.01.166-.018.241l-.001.016-.02.23c-.067.95.275 1.53.569 1.849.442.476 1.109.728 1.927.728 1.566 0 2.499-.95 2.499-2.535l-.003-.098-.006-.132c0-1.26-.003-2.787-.005-3.613l2.07-.062h3.411c1.205-.067 2.384-.818 2.384-2.347m-1.591-1.958a.59.59 0 0 0-.19.454c0 .173.072.339.201.454.236.21.359.574.359 1.05 0 .95-.832 1.098-1.19 1.118h-3.396l-2.686.08a.614.614 0 0 0-.597.617s.009 2.398.009 4.221v.034l.005.12c0 .975-.378 1.365-1.269 1.365-.324 0-.767-.06-1.027-.336q-.286-.31-.244-.925l.017-.19.001-.015c.008-.079.016-.156.021-.249q.005-.033.006-.067c.025-1.157.042-2.641-.076-3.851-.174-1.818-1.782-2.858-2.54-3.25v-.014q.005-.021.005-.042V4.15l2.476-.033c.328 0 .653-.093 1.062-.21l.216-.062.01-.003c.729-.212 1.557-.453 3.628-.453 3.44 0 3.653.333 3.902.997.084.546.003.79-.081.94a.6.6 0 0 0-.04.5c.057.162.18.294.342.36.415.175.91.5.91 1.062 0 .395-.086.706-.254.902a.616.616 0 0 0 .118.908c.44.3.663.672.663 1.104 0 .4-.12.717-.361.938M4.883 9.528c.448 0 .76.313.76.761 0 .452-.312.762-.76.762s-.762-.313-.762-.761c0-.449.314-.762.762-.762"
         })
     }));
 }, v = i;

package/dist/generated/mistica-icons/icon-thumb-down-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: e,
             d: "M21.838 10.118c0 .641-.202 1.103-.435 1.42.233.325.434.818.437 1.538 0 1.518-1.182 2.123-2.218 2.179h-3.493l-2.33.07c0 .328 0 .83.002 1.408l.003 2.505.003.134.002.096c0 1.504-.851 2.37-2.333 2.37-.77 0-1.398-.233-1.807-.676-.392-.42-.574-1.016-.523-1.722l.02-.233q.02-.155.024-.31c.026-1.143.04-2.589-.072-3.757-.14-1.46-1.645-2.308-2.166-2.56a1.24 1.24 0 0 1-.862.35H3.395c-.686 0-1.244-.56-1.244-1.246v-7.81c0-.69.558-1.247 1.244-1.247H6.09c.327 0 .641.13.874.362a.7.7 0 0 1 .249-.053l2.865-.04c.193 0 .441-.07.789-.167l.02-.006.214-.063c.773-.227 1.734-.509 4.014-.509 3.765 0 4.479.395 5.003 1.832.087.513.08.927-.023 1.291.779.432 1.205 1.085 1.205 1.866 0 .55-.123.952-.275 1.24.527.472.813 1.08.813 1.738m-1.278 1.697a.41.41 0 0 1 .023-.58c.294-.269.44-.644.437-1.115 0-.647-.42-1.072-.773-1.313l-.01-.008-.027-.02a.405.405 0 0 1-.042-.575c.207-.238.314-.607.314-1.064 0-.7-.58-1.087-1.067-1.291l-.034-.017a.41.41 0 0 1-.168-.555c.154-.285.185-.644.117-1.09-.3-.812-.45-1.218-4.218-1.218-2.162 0-3.025.252-3.787.476l-.224.065c-.398.115-.717.204-1.02.204l-2.753.037v.082q.005.02.005.04v7.81l-.002.024-.003.024v.123c.672.328 2.42 1.348 2.6 3.208.114 1.23.097 2.736.072 3.91q0 .026-.006.05a4 4 0 0 1-.022.27l-.017.204q-.053.728.306 1.112c.252.271.672.414 1.212.414 1.037 0 1.519-.495 1.519-1.63l-.006-.123a1122 1122 0 0 1-.008-4.339.407.407 0 0 1 .395-.409l2.739-.081h3.482c.336-.02 1.426-.171 1.426-1.364 0-.55-.152-.978-.437-1.239zM5.487 10.25c0 .454-.316.768-.767.768-.454 0-.768-.317-.768-.768 0-.45.317-.767.768-.767.454 0 .767.314.767.767m.603-6.806H3.395a.43.43 0 0 0-.429.43v7.81c0 .239.19.432.429.432H6.09c.227 0 .414-.18.425-.406V3.852a.43.43 0 0 0-.425-.41"
         })
     }));
-}, m = s;
+}, m = i;

package/dist/generated/mistica-icons/icon-thumb-down-regular.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist/generated/mistica-icons/icon-thumb-up-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconThumbUpFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconThumbUpFilled;

package/dist/generated/mistica-icons/{icon-like-filled.js → icon-thumb-up-filled.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");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : 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({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: o,
             d: "m11.107 5.904.64-2.193c.191-.72.868-1.211 1.68-1.211.942 0 1.787.803 1.787 1.794l-.178 1.253-.89 3.046h5.711a2.15 2.15 0 0 1 1.394 3.78 2.151 2.151 0 0 1-1.188 3.313c.096.248.155.515.155.794 0 .991-.672 1.827-1.581 2.074.096.248.155.514.155.794A2.15 2.15 0 0 1 16.65 21.5h-6.077c-.854 0-1.713-.349-2.29-.927-.31-.312-.799-.505-1.279-.505H2V9.668h4.999c.192 0 .37-.074.507-.211z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M21.841 10.942c0 .672-.168 1.16-.38 1.504.212.334.38.787.383 1.387 0 .658-.26 1.263-.748 1.748.126.294.221.678.221 1.168 0 .787-.411 1.468-1.148 1.93.07.347.064.74-.011 1.196q-.012.054-.031.11c-.563 1.526-1.465 1.856-5.076 1.856-2.24 0-3.2-.28-3.968-.503l-.015-.004-.21-.059c-.316-.095-.569-.165-.731-.165l-2.807-.036a.5.5 0 0 1-.13-.024l-.06-.015c-.252.21-.574.341-.927.341H3.612a1.457 1.457 0 0 1-1.457-1.456v-7.594c0-.807.653-1.46 1.457-1.46h2.585c.333 0 .639.118.885.309.55-.283 1.768-1.042 1.885-2.275.11-1.123.096-2.527.07-3.639l-.001-.02-.001-.022c-.003-.094-.01-.166-.018-.241l-.002-.016-.02-.23c-.067-.95.275-1.53.569-1.849.443-.476 1.11-.728 1.927-.728 1.566 0 2.499.95 2.499 2.535l-.003.098-.006.132c0 1.26-.002 2.787-.005 3.613l2.07.062h3.412c1.204.067 2.383.818 2.383 2.347m-1.59 1.958a.58.58 0 0 1-.191-.45c0-.175.073-.34.202-.455.235-.21.358-.574.358-1.05 0-.95-.832-1.098-1.19-1.118h-3.395l-2.687-.081a.614.614 0 0 1-.596-.616s.008-2.398.008-4.222v-.033l.006-.12c0-.975-.379-1.365-1.27-1.365-.324 0-.767.06-1.027.336-.19.205-.272.516-.244.925l.017.19.001.015c.008.079.016.156.021.249q.005.033.006.067c.025 1.157.042 2.641-.076 3.851-.173 1.818-1.781 2.858-2.54 3.25v.014l.005.042v7.52l2.476.034c.328 0 .653.093 1.062.21l.216.062.01.003c.73.212 1.558.454 3.628.454 3.44 0 3.653-.334 3.902-.998.084-.546.003-.79-.08-.94a.6.6 0 0 1-.04-.5.6.6 0 0 1 .342-.36c.414-.174.91-.5.91-1.062 0-.395-.087-.706-.255-.902a.617.617 0 0 1 .118-.908c.44-.3.664-.672.664-1.104 0-.4-.12-.717-.362-.938M4.882 14.472c.449 0 .76-.314.76-.762 0-.451-.311-.762-.76-.762-.448 0-.762.313-.762.762 0 .448.314.761.762.761"
         })
     }));
-}, p = s;
+}, f = s;

package/dist/generated/mistica-icons/icon-thumb-up-light.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconThumbUpLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconThumbUpLight;

package/dist/generated/mistica-icons/{icon-like-light.js → icon-thumb-up-light.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M21.841 13.88c0-.642-.201-1.104-.434-1.42.233-.325.434-.818.437-1.538 0-1.518-1.182-2.123-2.218-2.18h-3.493l-2.33-.07.001-1.407c.002-.78.004-1.698.004-2.506l.005-.134.003-.095c0-1.504-.851-2.37-2.333-2.37-.773 0-1.398.232-1.81.675-.392.42-.574 1.017-.524 1.723l.02.232q.02.156.025.311c.025 1.143.04 2.588-.073 3.756-.14 1.46-1.644 2.309-2.165 2.56a1.24 1.24 0 0 0-.863-.35H3.4c-.687 0-1.244.56-1.244 1.247v7.807c0 .686.557 1.246 1.244 1.246h2.694c.328 0 .642-.129.874-.361q.119.05.25.053l2.865.037c.192 0 .441.07.788.167l.022.006.213.063c.773.226 1.734.509 4.014.509 3.764 0 4.479-.395 5.002-1.827.087-.512.082-.927-.022-1.291.779-.431 1.204-1.084 1.204-1.865 0-.55-.123-.953-.274-1.241.527-.471.812-1.079.812-1.737m-1.277-1.698a.41.41 0 0 0 .022.58q.442.407.437 1.115c0 .647-.42 1.073-.773 1.314l-.01.007-.026.02a.405.405 0 0 0-.042.575c.207.238.314.608.314 1.065 0 .7-.58 1.086-1.068 1.29l-.033.018a.41.41 0 0 0-.168.554c.154.286.184.645.117 1.09-.3.812-.45 1.218-4.218 1.218-2.163 0-3.025-.252-3.787-.476l-.224-.064c-.398-.115-.718-.205-1.02-.205l-2.754-.036v-.076l.002-.006.004-.041v-7.81l-.003-.024-.002-.024v-.123c.672-.328 2.42-1.347 2.599-3.207.115-1.23.098-2.737.073-3.91L10 5l-.003-.025a4 4 0 0 0-.022-.269l-.017-.204q-.053-.729.305-1.112c.252-.272.673-.415 1.213-.415 1.037 0 1.518.496 1.518 1.63l-.005.124v.022c0 1.863-.009 4.317-.009 4.317-.002.22.174.4.395.409l2.74.08h3.482c.336.02 1.425.172 1.425 1.365 0 .549-.15.977-.437 1.238zM5.491 13.748c0-.454-.316-.767-.767-.767-.454 0-.768.316-.768.767s.317.768.768.768c.453 0 .767-.314.767-.768m.602 6.807-2.694.003a.43.43 0 0 1-.429-.432v-7.81a.43.43 0 0 1 .429-.43h2.694c.227 0 .415.179.426.406v7.854a.43.43 0 0 1-.426.409"
         })
     }));
-}, d = s;
+}, f = s;

package/dist/generated/mistica-icons/icon-thumb-up-regular.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconThumbUpRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconThumbUpRegular;

package/dist/generated/mistica-icons/{icon-like-regular.js → icon-thumb-up-regular.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M21.841 13.836c0-.605-.168-1.06-.38-1.392.21-.348.38-.832.383-1.502 0-1.53-1.18-2.283-2.384-2.347H16.05l-2.07-.062c.002-.826.005-2.356.005-3.613l.006-.132.003-.098c0-1.588-.936-2.535-2.499-2.535-.818 0-1.485.252-1.927.728-.294.32-.636.9-.569 1.849l.02.23.001.015c.008.076.016.148.018.245l.003.042c.025 1.112.04 2.516-.07 3.639-.117 1.232-1.336 1.994-1.885 2.274a1.44 1.44 0 0 0-.885-.308H3.609c-.801 0-1.454.653-1.454 1.457v7.596c0 .804.65 1.457 1.454 1.457h2.59c.34-.003.668-.123.928-.342l.06.015c.043.012.087.024.133.024l2.804.037c.16 0 .415.073.731.165l.208.059c.77.227 1.728.507 3.986.507 3.613 0 4.512-.33 5.075-1.857a.5.5 0 0 0 .031-.11c.076-.456.081-.848.011-1.195.737-.463 1.149-1.143 1.149-1.93 0-.49-.096-.874-.222-1.168.485-.485.748-1.093.748-1.748m-1.622-1.813a.62.62 0 0 0 .031.874q.363.337.364.939c0 .431-.224.804-.666 1.1a.63.63 0 0 0-.26.43.62.62 0 0 0 .142.478c.165.196.255.507.255.902 0 .563-.496.89-.91 1.062l-.056.028a.617.617 0 0 0-.247.834c.084.152.165.395.081.942-.246.663-.462.997-3.902.997-2.07 0-2.899-.242-3.627-.454l-.011-.003-.216-.062c-.409-.117-.734-.21-1.062-.21l-2.476-.033v-7.521q0-.013-.003-.024l-.002-.024v-.008c.759-.39 2.367-1.429 2.54-3.25.115-1.21.098-2.694.073-3.851a1 1 0 0 0-.005-.067c-.006-.092-.014-.17-.021-.249l-.002-.015-.017-.19q-.042-.62.244-.927c.258-.28.7-.336 1.028-.336.89 0 1.272.389 1.269 1.364l-.006.12v.034c0 1.823-.008 4.221-.008 4.221a.613.613 0 0 0 .596.62l2.684.078h3.392c.359.02 1.19.168 1.19 1.117 0 .474-.125.838-.358 1.05zM5.646 13.707c0-.448-.313-.762-.762-.762-.45 0-.762.31-.762.762 0 .448.314.762.762.762.449 0 .762-.314.762-.762m.555 6.44H3.609a.23.23 0 0 1-.227-.227v-7.594c0-.126.1-.23.227-.23h2.59c.121 0 .22.095.225.216v7.619a.225.225 0 0 1-.224.216"
         })
     }));
-}, p = s;
+}, d = s;

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

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = h !== null && h !== void 0 ? h : n ? _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 n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = h !== null && h !== void 0 ? h : n ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "m6.372 15.918 4.948 4.947a3.86 3.86 0 0 0 5.456.002l4.091-4.09a3.86 3.86 0 0 0-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.86 3.86 0 0 0 7.22 3.13L3.13 7.22a3.86 3.86 0 0 0 .001 5.457l.683.683 3.324-.767zm4.636-6.324-1.414 1.414-.884-.884 1.414-1.414z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -124,12 +124,12 @@ const m = (_param)=>{
                 d: "m21.893 9.007-2.497-2.498a.356.356 0 0 0-.511 0 .987.987 0 0 1-1.39 0 .99.99 0 0 1 0-1.391.36.36 0 0 0 .107-.256.36.36 0 0 0-.107-.256l-2.496-2.498a.356.356 0 0 0-.512 0L2.108 14.482a.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107s.19-.037.256-.107a.987.987 0 0 1 1.39 0 .99.99 0 0 1 0 1.391.357.357 0 0 0 0 .512l2.496 2.498c.07.07.163.107.256.107a.36.36 0 0 0 .255-.107L21.888 9.509a.34.34 0 0 0 .004-.502m-6.866 1.386-1.084 1.75 1.018 1.893a.54.54 0 0 1-.046.586.54.54 0 0 1-.553.2l-2.05-.46-1.45 1.52a.562.562 0 0 1-.572.14.54.54 0 0 1-.363-.46l-.205-2.14-1.873-.852a.55.55 0 0 1-.32-.502.54.54 0 0 1 .334-.493l1.957-.828.246-2.075a.543.543 0 0 1 .953-.288l1.358 1.59 2.087-.4a.542.542 0 0 1 .563.82"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -145,10 +145,10 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
-            d: "M17.693 2.155h2.238c1.05 0 1.905.852 1.905 1.9v14.249c0 1.047-.854 1.899-1.905 1.899h-2.254a1.01 1.01 0 0 1-.99-.816.9.9 0 0 0-.882-.722.9.9 0 0 0-.882.723 1.01 1.01 0 0 1-.989.815h-.82a.9.9 0 0 1-.373.434l-1.754.983a1.7 1.7 0 0 1-.848.221q-.237.001-.474-.064a1.73 1.73 0 0 1-1.047-.82L2.38 9.891a1.735 1.735 0 0 1 .663-2.364l1.737-.972a.944.944 0 0 1 1.213.249.757.757 0 0 0 1.305-.731.933.933 0 0 1 .418-1.163l1.736-.972c.11-.061.23-.098.35-.134a1.9 1.9 0 0 1 1.88-1.647h2.238c.504 0 .925.364.997.865a.906.906 0 0 0 .891.768c.445 0 .83-.33.894-.768a.993.993 0 0 1 .991-.868M5.43 10.603l4.373 7.521-.006-9.933zm6.448-4.386v9.972c0 .23.185.414.415.414h7.143c.23 0 .414-.185.414-.414V6.214a.414.414 0 0 0-.414-.415h-7.143v.003a.414.414 0 0 0-.415.415"
+            d: "M17.694 2.155h2.238c1.05 0 1.904.852 1.904 1.9v14.249c0 1.047-.854 1.899-1.904 1.899h-2.255a1.01 1.01 0 0 1-.99-.816.9.9 0 0 0-.881-.722.9.9 0 0 0-.883.723 1.01 1.01 0 0 1-.989.815h-.82a.9.9 0 0 1-.373.434l-1.753.983a1.7 1.7 0 0 1-.85.221q-.236.001-.472-.064a1.73 1.73 0 0 1-1.048-.82L2.38 9.891a1.735 1.735 0 0 1 .664-2.364l1.736-.972a.944.944 0 0 1 1.213.249.757.757 0 0 0 1.305-.731.933.933 0 0 1 .418-1.163l1.737-.972c.109-.061.23-.098.35-.134a1.9 1.9 0 0 1 1.88-1.647h2.237c.505 0 .925.364.998.865a.906.906 0 0 0 .89.768c.446 0 .83-.33.894-.768a.993.993 0 0 1 .991-.868M5.43 10.603l4.373 7.521-.006-9.933zm6.448-4.386v9.972c0 .23.185.414.415.414h7.143c.23 0 .414-.185.414-.414V6.214a.414.414 0 0 0-.414-.415h-7.143v.003a.414.414 0 0 0-.415.415"
         })
     }));
 }, w = m;

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

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), e = h !== null && h !== void 0 ? h : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = h !== null && h !== void 0 ? h : o ? _skincontractcssmistica.vars.colors.inverse : _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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const s = (_param)=>{
                 d: "m6.372 15.918 4.948 4.947a3.86 3.86 0 0 0 5.456.002l4.091-4.09a3.86 3.86 0 0 0-.002-5.458l-4.947-4.947-3.325.766.767-3.324-.683-.683A3.86 3.86 0 0 0 7.22 3.13L3.13 7.22a3.86 3.86 0 0 0 .001 5.457l.683.683 3.324-.767zm-2.29-3.493-.35-.349a3.01 3.01 0 0 1-.002-4.255l4.091-4.09a3.01 3.01 0 0 1 4.255.001l.35.35-.661 2.866a.85.85 0 0 0 1.02 1.019l2.865-.66 4.614 4.614a3.01 3.01 0 0 1 .002 4.254l-4.09 4.091a3.01 3.01 0 0 1-4.255-.002L7.306 15.65l.66-2.866a.85.85 0 0 0-1.018-1.019z"
             })
         ]
-    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -124,7 +124,7 @@ const s = (_param)=>{
             fill: e,
             d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.736.736 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.495.495 0 0 1 .536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
         })
-    })) : c.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",

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = h !== null && h !== void 0 ? h : c ? _skincontractcssmistica.vars.colors.inverse : _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: a,
         height: a,
@@ -132,7 +132,7 @@ const s = (_param)=>{
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
-            d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.735.735 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.49.49 0 0 1 .535.164l1.241 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
+            d: "M9.015 21.79c.126.137.3.21.479.21a.68.68 0 0 0 .483-.21l11.35-11.924a.735.735 0 0 0 0-1.005l-2.294-2.41a.673.673 0 0 0-.962 0 .55.55 0 0 1-.784 0 .6.6 0 0 1 0-.822.74.74 0 0 0 0-1.01L14.993 2.21a.65.65 0 0 0-.958 0L2.68 14.14a.735.735 0 0 0 0 1.005l2.295 2.409a.66.66 0 0 0 .962 0 .534.534 0 0 1 .784 0c.104.11.16.256.16.411a.6.6 0 0 1-.16.412.736.736 0 0 0 0 1.006zm.479-1.513-1.42-1.49c.114-.256.17-.54.17-.827 0-.535-.2-1.042-.561-1.422a1.86 1.86 0 0 0-2.138-.41l-1.42-1.49 10.393-10.91 1.415 1.485a2.08 2.08 0 0 0 .392 2.244 1.86 1.86 0 0 0 2.142.416l1.42 1.49zm1.106-4.36a.5.5 0 0 1-.166-.028.53.53 0 0 1-.34-.452l-.187-2.057-1.71-.818a.55.55 0 0 1-.301-.493.53.53 0 0 1 .314-.485l1.789-.79.222-1.993a.53.53 0 0 1 .357-.448.495.495 0 0 1 .536.164l1.24 1.518 1.907-.384c.2-.041.4.046.518.224a.55.55 0 0 1 .013.585l-.992 1.677.931 1.82a.55.55 0 0 1-.043.575.5.5 0 0 1-.518.197l-1.872-.44-1.328 1.459a.5.5 0 0 1-.37.169m-.005-3.387a.54.54 0 0 1 .296.434l.11 1.198.752-.832a.49.49 0 0 1 .48-.15l1.066.25-.54-1.06a.56.56 0 0 1 .018-.534l.53-.905-1.057.214a.49.49 0 0 1-.483-.178l-.675-.832-.122 1.084a.53.53 0 0 1-.31.43l-.988.442z"
         })
     })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,

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

@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), r = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = n !== null && n !== void 0 ? n : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,

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

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = n !== null && n !== void 0 ? n : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,