@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: n, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = n !== null && n !== void 0 ? n : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.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)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M6.852 7.864 12 13.012l3.36-3.36a.72.72 0 0 0 0-1.012.72.72 0 0 0-1.012 0L12 10.988 7.864 6.852a.72.72 0 0 0-1.012 0 .72.72 0 0 0 0 1.012"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M12 22C6.484 22 2 17.516 2 12S6.484 2 12 2s10 4.484 10 10-4.484 10-10 10m0-18.576c-4.728 0-8.576 3.848-8.576 8.576S7.272 20.576 12 20.576s8.576-3.848 8.576-8.576S16.728 3.424 12 3.424"
             })
         ]
@@ -122,11 +122,11 @@ const m = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M6.852 7.864 12 13.012l3.36-3.36a.72.72 0 0 0 0-1.012.72.72 0 0 0-1.012 0L12 10.988 7.864 6.852a.72.72 0 0 0-1.012 0 .72.72 0 0 0 0 1.012"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M12 22C6.484 22 2 17.516 2 12S6.484 2 12 2s10 4.484 10 10-4.484 10-10 10m0-18.576c-4.728 0-8.576 3.848-8.576 8.576S7.272 20.576 12 20.576s8.576-3.848 8.576-8.576S16.728 3.424 12 3.424"
             })
         ]
@@ -137,7 +137,7 @@ const m = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M11.995 2.155c6.219 0 9.846 3.14 9.846 9.846s-3.627 9.84-9.846 9.84c-6.218 0-9.84-3.134-9.84-9.84s3.622-9.846 9.84-9.846m0 18.457c5.798 0 8.616-2.818 8.616-8.611 0-5.798-2.818-8.616-8.616-8.616-5.793 0-8.61 2.818-8.61 8.616 0 5.793 2.817 8.61 8.61 8.61m3.468-5.745-2.849-2.852.003-3.846a.616.616 0 1 0-1.233 0v4.1c0 .163.065.32.18.435l3.061 3.062a.61.61 0 0 0 .869-.031.613.613 0 0 0-.031-.868"
         })
     }));

package/dist/generated/mistica-icons/icon-tips-and-tricks-filled.js

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

package/dist/generated/mistica-icons/icon-tips-and-tricks-light.js

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

package/dist/generated/mistica-icons/icon-tips-and-tricks-regular.js

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -111,7 +111,7 @@ const m = (_param)=>{
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
-                d: "M7.84 9.64c0-2.512 1.94-4.547 4.334-4.547s4.333 2.031 4.29 4.583c0 1.342-.549 2.616-1.557 3.49-.45.4-.695.801-.763 1.238.278.18.45.508.45.873 0 .293-.103.549-.275.73.172.184.275.44.275.728 0 .617-.447 1.09-1.038 1.09h-2.772c-.588 0-1.039-.469-1.039-1.09 0-.292.103-.548.275-.729a1.06 1.06 0 0 1-.275-.729c0-.4.176-.73.45-.91-.037-.436-.312-.837-.763-1.237-1-.838-1.592-2.144-1.592-3.49m6.067 5.633c0-.216-.141-.365-.348-.365h-2.771c-.207 0-.348.149-.348.365s.141.365.348.365h2.771c.207 0 .348-.149.348-.365m-.348 1.819c.21 0 .348-.148.348-.365 0-.216-.141-.364-.348-.364h-2.771c-.207 0-.348.148-.348.364 0 .217.141.365.348.365zm-.446-2.913c.103-.693.48-1.31 1.141-1.89.764-.654 1.21-1.635 1.146-2.653 0-1.89-1.49-3.453-3.291-3.453-1.803 0-3.291 1.562-3.291 3.453 0 1.018.45 2 1.214 2.652.656.581 1.038 1.198 1.141 1.891z"
+                d: "M7.84 9.64c0-2.512 1.94-4.547 4.334-4.547s4.333 2.031 4.291 4.583c0 1.342-.55 2.616-1.558 3.49-.45.4-.695.801-.763 1.238.278.18.45.508.45.873 0 .293-.103.549-.275.73.172.184.275.44.275.728 0 .617-.447 1.09-1.038 1.09h-2.772c-.588 0-1.039-.469-1.039-1.09 0-.292.103-.548.275-.729a1.06 1.06 0 0 1-.275-.729c0-.4.176-.73.45-.91-.037-.436-.312-.837-.763-1.237-1-.838-1.592-2.144-1.592-3.49m6.067 5.633c0-.216-.141-.365-.348-.365h-2.771c-.207 0-.348.149-.348.365s.141.365.348.365h2.771c.207 0 .348-.149.348-.365m-.348 1.819c.21 0 .348-.148.348-.365 0-.216-.141-.364-.348-.364h-2.771c-.207 0-.348.148-.348.364 0 .217.141.365.348.365zm-.446-2.913c.103-.693.48-1.31 1.141-1.89.764-.654 1.21-1.635 1.146-2.653 0-1.89-1.49-3.453-3.291-3.453-1.803 0-3.291 1.562-3.291 3.453 0 1.018.45 2 1.214 2.652.656.581 1.038 1.198 1.141 1.891z"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const c = (_param)=>{
     var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M2.155 12c0-6.442 3.403-9.845 9.84-9.845 6.443 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84m16.577 4.558a.41.41 0 0 0-.003-.409l-2.93-4.865 2.695-3.403a.4.4 0 0 0 .047-.426.4.4 0 0 0-.361-.227h-.445a.4.4 0 0 0-.317.151l-3.428 4.317V7.63a.403.403 0 0 0-.404-.403h-.384a.403.403 0 0 0-.403.403v8.729c0 .224.182.403.403.403h.384a.403.403 0 0 0 .403-.404v-2.831l1.028-1.286 2.586 4.325c.073.12.204.196.345.196h.434a.4.4 0 0 0 .35-.205m-6.728-8.49.075-.347a.404.404 0 0 0-.392-.49H5.614a.403.403 0 0 0-.403.403v.345c0 .224.182.403.403.403h2.432v7.98c0 .224.179.404.403.404h.38a.403.403 0 0 0 .404-.404v-7.98h2.378c.188 0 .35-.129.393-.314"
         })
     }));
-}, m = i;
+}, m = c;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M21.845 12.003c0-6.441-3.404-9.848-9.848-9.848-6.438 0-9.842 3.407-9.842 9.848 0 6.438 3.404 9.842 9.842 9.842 6.444 0 9.848-3.404 9.848-9.842m-.824 0c0 5.987-3.034 9.021-9.024 9.021-5.984 0-9.021-3.037-9.021-9.021 0-5.99 3.034-9.024 9.021-9.024s9.024 3.034 9.024 9.024M11.67 7.1a.31.31 0 0 1 .303.367l-.073.37a.31.31 0 0 1-.302.25H8.983v8.5c0 .17-.138.308-.309.308h-.406a.307.307 0 0 1-.308-.309v-8.5H5.284a.307.307 0 0 1-.308-.308v-.37c0-.17.138-.308.308-.308zm7.203 9.755a.31.31 0 0 0 .107-.423l-3.121-5.183 2.886-3.642a.31.31 0 0 0-.241-.501h-.471a.31.31 0 0 0-.241.114l-3.81 4.797V7.414a.307.307 0 0 0-.308-.308h-.401a.307.307 0 0 0-.308.308v9.175c0 .171.137.308.308.308h.4c.172 0 .309-.137.309-.308v-3.017l1.21-1.516 2.802 4.693a.31.31 0 0 0 .266.151h.457a.34.34 0 0 0 .156-.045"
         })
     }));

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const t = (_param)=>{
             d: "m13.43 4.63-.016.034-.029.066-.005.01a11.5 11.5 0 0 1-1.845 2.881 11.6 11.6 0 0 1-3.95 2.931 12.7 12.7 0 0 0-2.032-2.457 8.4 8.4 0 0 0 2.19-1.11 8.6 8.6 0 0 0 2.83-3.4l.03-.068.005-.013q.03-.079.07-.153a1.52 1.52 0 0 1 2.693.029q.014.031.027.062l.02.045.014.03.008.018c.133.353.13.744-.01 1.095M8.207 16.026a12.7 12.7 0 0 0-2.95 1.346 8.6 8.6 0 0 0-.327-2.294 8.5 8.5 0 0 0-2.386-3.885l-.005-.005-.074-.067-.006-.006A1.516 1.516 0 0 1 3.49 8.511h.024a1.5 1.5 0 0 1 1.072.445q.03.03.065.055c.834.78 1.547 1.68 2.115 2.671l.003.006a11.6 11.6 0 0 1 1.437 4.338M18.866 18.78a8.579 8.579 0 0 1 1.247-5.97 12.8 12.8 0 0 1-3.117-.657 11.58 11.58 0 0 0-.87 8.3c.109.29.302.542.555.721h.002l.014.009.04.027a1.52 1.52 0 0 0 2.303-1.61l-.029-.114a8 8 0 0 1-.145-.707M12.036 19.77c.924.005 1.84.16 2.714.457a12.8 12.8 0 0 1-.302-3.226 11.6 11.6 0 0 0-5.386.115c-1.17.308-2.283.8-3.298 1.455l-.012.008q-.125.079-.26.173a1.5 1.5 0 0 0-.476.692l-.055.21a1.52 1.52 0 0 0 2.402 1.495l.01-.007q.296-.193.61-.36a8.5 8.5 0 0 1 4.016-1.011zM14.556 15.713c.19-1.407.611-2.774 1.246-4.044a12.9 12.9 0 0 1-3.785-2.679 12.9 12.9 0 0 1-3.798 2.687 13 13 0 0 1 1.242 4.031 12.9 12.9 0 0 1 5.095.005M21.558 11.099c.284-.285.444-.67.445-1.073a1.523 1.523 0 0 0-1.395-1.512l-.074-.005h-.015a8.462 8.462 0 0 1-5.992-3.188 12.8 12.8 0 0 1-1.657 2.705 11.6 11.6 0 0 0 4.065 2.734c1.096.435 2.253.698 3.43.78h.016l.025.001q.04.002.08.002c.402 0 .787-.16 1.072-.444"
         })
     }));
-}, d = t;
+}, m = t;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, e = _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;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = r !== null && r !== void 0 ? r : 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: e,
+            fill: c,
             d: "M22 10.196a2.254 2.254 0 0 0-2.07-2.246l-.021-.001-.063-.005h-.009a6.868 6.868 0 0 1-5.723-4.013 2.256 2.256 0 0 0-4.194-.009v.003l-.009.023-.003.006c-.09.193-.182.37-.292.562a6.87 6.87 0 0 1-5.421 3.428H4.19q-.091.003-.176.012l-.011.001h-.004a2.254 2.254 0 0 0-1.231 3.936l.004.004a6.85 6.85 0 0 1 1.938 3.15 6.96 6.96 0 0 1 .079 3.504q-.039.12-.064.246l-.006.03a2.258 2.258 0 0 0 3.402 2.332l.01-.006.005-.004.116-.077.005-.003q.236-.154.488-.29c1-.537 2.118-.818 3.254-.818h.03a6.93 6.93 0 0 1 3.758 1.13l.004.003.004.002.013.01.027.017.004.003a2.25 2.25 0 0 0 2.212.14 2.26 2.26 0 0 0 1.223-2.528q-.001-.01-.005-.019l-.026-.1a6.941 6.941 0 0 1 2.016-6.753l.043-.041.017-.019a2.25 2.25 0 0 0 .681-1.61m-2.902-1.774q.348.06.701.088h.009l.07.005h.001a1.687 1.687 0 0 1-.134 3.368q-.043 0-.087-.002l-.035-.002h-.01a10.8 10.8 0 0 1-3.22-.733 10.9 10.9 0 0 1-4-2.763c.674-.805 1.233-1.7 1.662-2.659l.001-.004q.027-.056.05-.113l.004-.009q.064-.162.105-.334a7.43 7.43 0 0 0 4.883 3.158m-4.505 7.33c-1.7-.397-3.47-.398-5.171-.005a11.5 11.5 0 0 0-1.289-4.191 11.5 11.5 0 0 0 3.883-2.744 11.5 11.5 0 0 0 3.87 2.738 11.5 11.5 0 0 0-1.293 4.201M10.108 4.799a7 7 0 0 0 .333-.652l.005-.014a1.69 1.69 0 0 1 3.08-.13l.003.009q.02.048.04.094l.024.05c.152.398.148.837-.011 1.232l-.044.099-.002.005v.002a10.8 10.8 0 0 1-1.734 2.707 10.9 10.9 0 0 1-3.952 2.858 11.3 11.3 0 0 0-2.02-2.476 2.3 2.3 0 0 0-.349-.279 7.4 7.4 0 0 0 2.458-1.13 7.5 7.5 0 0 0 2.169-2.375M3.667 12a8 8 0 0 0-.507-.518l-.003-.003-.073-.067a1.687 1.687 0 0 1 1.136-2.9h.033a1.68 1.68 0 0 1 1.193.493.3.3 0 0 0 .037.032 10.8 10.8 0 0 1 2 2.52 10.9 10.9 0 0 1 1.382 4.334c-1.07.306-2.089.768-3.023 1.371l-.008.005q-.134.087-.285.19l-.017.012-.008.008a7.468 7.468 0 0 0-1.857-5.477m8.33 7.394a7.45 7.45 0 0 0-4.054 1.202l-.003.002-.004.002-.117.079a1.69 1.69 0 0 1-2.542-1.752l.001-.007q.03-.11.056-.214c.101-.31.29-.583.544-.787a9 9 0 0 1 .257-.17l.007-.005c.954-.616 2-1.078 3.098-1.367a10.9 10.9 0 0 1 5.306-.051 11.4 11.4 0 0 0 .3 3.297v.006q.04.165.086.337l.006.02.005.014a7.5 7.5 0 0 0-2.914-.605zm6.765-4.51a7.54 7.54 0 0 0-.07 3.874q.013.052.029.105a1.692 1.692 0 0 1-2.565 1.794l-.002-.002-.035-.023-.01-.007-.003-.002a1.7 1.7 0 0 1-.626-.818q-.044-.16-.081-.314l-.002-.007a10.87 10.87 0 0 1 1.02-7.721c1.012.377 2.074.606 3.152.681h.002l.057.004a2.3 2.3 0 0 0 .348-.01 7.5 7.5 0 0 0-1.214 2.446"
         })
     }));

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const c = (_param)=>{
             d: "M21.843 4.394a.57.57 0 0 1-.09.347l-.006.011a9 9 0 0 1-.722.925 4 4 0 0 1-.158.16l-.106.106q-.275.287-.577.549-.177.147-.364.285a8 8 0 0 1-1.047.692q-.06.032-.114.068-.055.035-.113.067c.008.014.008.022.008.039.065.801.098 1.68.098 2.706 0 5.174-.865 8.837-4.77 9.672-.241.05-.496.084-.76.115l-.048.009a1 1 0 0 1-.075.01q-.468.044-.985.045c-2.065 0-3.516-.551-4.521-1.557-1.678-1.675-2.118-4.6-2.118-8.294 0-1.025.03-1.924.098-2.74a4 4 0 0 1-.246-.147l-.146-.09q-.066-.041-.133-.08-.15-.087-.293-.181a7 7 0 0 1-.51-.378L4.09 6.69c-.119-.089-.236-.177-.347-.274-.185-.162-.356-.339-.527-.515l-.1-.099q-.085-.08-.163-.167a9 9 0 0 1-.703-.9.61.61 0 0 1 .04-.703.6.6 0 0 1 .142-.14.62.62 0 0 1 .72.04c.05.039.098.078.137.131.112.168.238.323.365.478l.058.071a7.64 7.64 0 0 0 2.675 2.09c1.513.717 3.403 1.081 5.622 1.081 2.77 0 4.989-.577 6.658-1.692a7.4 7.4 0 0 0 2.053-2.02.4.4 0 0 1 .067-.067l.026-.022a.62.62 0 0 1 .765-.081.569.569 0 0 1 .266.493m-9.801 12.235a.61.61 0 0 0 .613-.608l-.036-7.05-.252.012c-.117.006-.234.013-.356.013q-.187-.002-.363-.015a7 7 0 0 0-.265-.013l.04 7.059a.61.61 0 0 0 .616.602z"
         })
     }));
-}, f = c;
+}, f = s;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: e, size: o = 24 } = _param, n = _object_without_properties(_param, [
+const c = (_param)=>{
+    var { color: t, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), c = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M21.07 3.994a.425.425 0 0 1 .583-.117.407.407 0 0 1 .117.571c-.843 1.258-1.977 2.224-3.361 2.93.03.053.056.112.062.176.067.813.1 1.715.1 2.754 0 6.106-1.098 9.894-6.563 9.894s-6.563-3.788-6.563-9.894c0-1.081.037-2.017.112-2.86a.2.2 0 0 1 .016-.056l.007-.02C4.199 6.67 3.064 5.7 2.224 4.44a.41.41 0 0 1 .12-.575.42.42 0 0 1 .583.118c1.728 2.594 4.784 3.908 9.076 3.908 4.285 0 7.339-1.311 9.067-3.897m-9.059 15.381c4.224 0 5.723-2.37 5.723-9.064 0-.97-.031-1.81-.09-2.574-1.479.602-3.227.924-5.232.963l.039 7.426a.42.42 0 0 1-.417.417h-.003a.414.414 0 0 1-.42-.412l-.04-7.428c-1.986-.042-3.722-.361-5.193-.958a33 33 0 0 0-.09 2.566c0 6.692 1.496 9.064 5.723 9.064"
         })
     }));
-}, m = a;
+}, m = c;

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

@@ -96,7 +96,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = n !== null && n !== void 0 ? n : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,7 +104,7 @@ const c = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M20.708 4.081a.624.624 0 0 1 .854-.17c.283.184.364.56.177.834-.815 1.21-1.9 2.151-3.213 2.846l.007.02q.007.017.01.036c.067.807.1 1.689.1 2.703 0 5.913-1.126 9.852-6.63 9.852S5.38 16.263 5.38 10.35c0-1.036.037-1.938.107-2.754-1.322-.697-2.412-1.641-3.23-2.86a.596.596 0 0 1 .177-.837.625.625 0 0 1 .854.174c1.653 2.467 4.585 3.72 8.714 3.72 4.123 0 7.053-1.25 8.706-3.712m-8.697 14.916c4.036 0 5.397-2.182 5.397-8.641 0-.824-.022-1.555-.07-2.224q-2.046.772-4.73.851l.038 7.048a.61.61 0 0 1-.613.608h-.003a.61.61 0 0 1-.616-.603l-.04-7.056Q8.716 8.9 6.68 8.137a33 33 0 0 0-.067 2.219c0 6.459 1.361 8.641 5.398 8.641"
         })
     }));

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: o = 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 s = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: i,
             d: "M15.586 21.85h-.115c-.157 0-.274-.04-.347-.065a1.76 1.76 0 0 1-.756-.572 6 6 0 0 1-.485-.748l-.076-.165a17 17 0 0 1-.316-.804c-.264-.694-1.023-2.692-1.496-3.213-.473.521-1.23 2.521-1.493 3.213-.146.387-.24.633-.314.796l-.008.039-.073.134a6 6 0 0 1-.49.754 1.7 1.7 0 0 1-.717.552 1.1 1.1 0 0 1-.37.075h-.112c-.157 0-.275-.039-.347-.064a1.74 1.74 0 0 1-.754-.572 5.5 5.5 0 0 1-.423-.644l-.045-.075a20 20 0 0 1-1.406-3.07 21 21 0 0 1-.714-2.289c-.042-.16-.093-.367-.149-.59l-.028-.116c-1.025-1.784-1.75-3.554-2.16-5.26-.582-2.44-.078-4.488 1.421-5.76.857-.736 2.022-1.176 3.28-1.24 1.294-.07 2.639.252 3.874.938.333.188.67.378 1.03.591.373-.216.707-.406 1.032-.588 1.235-.686 2.582-1.011 3.88-.941 1.254.064 2.42.504 3.28 1.243 1.495 1.272 2 3.317 1.417 5.757-.41 1.706-1.138 3.473-2.16 5.26l-.025.098c-.056.233-.107.446-.154.617a21 21 0 0 1-.715 2.282 20 20 0 0 1-1.389 3.04l-.059.1a6 6 0 0 1-.428.65 1.7 1.7 0 0 1-.717.552.9.9 0 0 1-.373.084"
         })
     }));
-}, f = i;
+}, f = c;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : 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), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "M16.994 2.166c1.236.061 2.384.493 3.227 1.218 1.465 1.247 1.958 3.26 1.39 5.67-.415 1.73-1.154 3.526-2.2 5.341l-.036.154-.058.24q-.048.2-.09.357a22 22 0 0 1-.726 2.314 20 20 0 0 1-1.406 3.078l-.061.101-.029.047c-.099.165-.246.41-.392.589a1.6 1.6 0 0 1-.65.501.9.9 0 0 1-.302.062h-.115a.9.9 0 0 1-.288-.053 1.6 1.6 0 0 1-.675-.516 6 6 0 0 1-.477-.734l-.053-.114c-.073-.16-.174-.423-.336-.85l-.013-.034c-.327-.857-1.254-3.293-1.732-3.461-.431.17-1.381 2.672-1.692 3.496l-.033.086c-.146.381-.238.622-.309.771v.017l-.05.092a6 6 0 0 1-.482.74 1.6 1.6 0 0 1-.65.501.9.9 0 0 1-.302.062h-.115a.9.9 0 0 1-.289-.053 1.6 1.6 0 0 1-.675-.516 6 6 0 0 1-.412-.626l-.002-.004-.05-.081c-.62-1.12-.975-1.9-1.418-3.098a21 21 0 0 1-.723-2.317 18 18 0 0 1-.151-.608l-.034-.137c-1.042-1.815-1.781-3.61-2.198-5.342-.577-2.412-.085-4.428 1.383-5.675.84-.723 1.986-1.157 3.224-1.218 1.297-.065 2.617.252 3.844.932.37.208.745.42 1.154.661.422-.249.79-.456 1.154-.66 1.23-.681 2.554-1.003 3.848-.933m1.664 11.874c1.02-1.765 1.74-3.505 2.14-5.174.499-2.095.104-3.82-1.12-4.86-.709-.608-1.678-.97-2.731-1.022-1.132-.065-2.308.224-3.4.829l-.057.032c-.375.21-.76.429-1.182.68l-.004.002a.6.6 0 0 1-.312.095.6.6 0 0 1-.325-.1c-.44-.258-.844-.488-1.239-.71-1.086-.602-2.252-.89-3.397-.828-1.056.053-2.023.417-2.729 1.022-1.22 1.036-1.619 2.762-1.117 4.857.4 1.672 1.12 3.412 2.14 5.174l.045.109.047.196.044.178q.056.233.105.416c.201.79.428 1.518.7 2.238.429 1.16.77 1.908 1.356 2.972l.047.078c.082.14.222.381.35.538a.8.8 0 0 0 .312.255l.112.003a.84.84 0 0 0 .31-.255c.124-.151.275-.398.359-.543v-.012l.053-.092c.053-.095.196-.47.334-.835 1.01-2.67 1.677-4.025 2.493-4.025.817 0 1.481 1.356 2.493 4.025.137.364.28.74.333.835l.053.104c.084.145.235.389.356.537a.8.8 0 0 0 .31.255l.113.003a.84.84 0 0 0 .31-.255c.11-.132.222-.318.305-.457l.052-.086.055-.095a19.6 19.6 0 0 0 1.345-2.95c.272-.717.502-1.448.7-2.232q.059-.217.125-.496l.021-.087z"
         })
     }));
-}, m = i;
+}, m = s;

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

@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : e ? _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"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
-            d: "M15.476 21.85h.115c.149 0 .27-.04.373-.085.274-.11.518-.297.717-.552.165-.204.33-.482.428-.65l.06-.1c.601-1.09.952-1.858 1.389-3.04.28-.74.512-1.487.714-2.282a17 17 0 0 0 .154-.617l.025-.098c1.023-1.787 1.75-3.554 2.16-5.26.582-2.44.078-4.485-1.418-5.757-.86-.739-2.025-1.179-3.28-1.243-1.297-.07-2.644.255-3.88.94-.324.183-.657.37-1.03.59a59 59 0 0 0-1.03-.592c-1.236-.686-2.58-1.008-3.875-.938-1.258.064-2.423.504-3.28 1.24-1.498 1.272-2.003 3.32-1.42 5.76.409 1.706 1.134 3.476 2.16 5.26l.028.115.048.194c.037.149.07.285.1.397.205.81.44 1.557.714 2.289.44 1.187.79 1.955 1.406 3.07l.045.075c.098.168.264.448.423.645.205.263.448.45.754.57.073.026.19.065.347.065h.112c.149 0 .266-.039.37-.075.274-.11.518-.297.717-.552.204-.25.429-.639.49-.754l.073-.134.008-.04c.073-.162.168-.408.314-.795l.014-.035c.274-.722 1.013-2.665 1.48-3.178.473.521 1.232 2.519 1.495 3.213.148.392.244.642.316.804l.076.165c.062.115.286.505.485.748.207.264.45.451.756.572.073.025.19.064.347.064m-.148-1.39a5 5 0 0 1-.305-.46l-.073-.137c-.041-.072-.15-.358-.26-.647l-.054-.143c-1.048-2.759-1.709-4.072-2.633-4.072-.922 0-1.583 1.313-2.63 4.072l-.055.143c-.11.289-.218.575-.259.647L8.983 20v.009c-.084.14-.21.339-.308.462-.033.043-.068.08-.096.108-.03.032-.05.054-.05.063l-.033.011a.6.6 0 0 1-.221-.19 5 5 0 0 1-.328-.505l-.042-.07a19 19 0 0 1-1.317-2.882c-.26-.692-.481-1.4-.677-2.17a31 31 0 0 1-.143-.572l-.048-.2-.064-.159c-.99-1.711-1.687-3.397-2.076-5.011-.47-1.978-.106-3.594 1.03-4.56.656-.563 1.561-.902 2.553-.953 1.072-.064 2.184.213 3.218.788a63 63 0 0 1 1.213.697c.07.041.21.123.415.123a.77.77 0 0 0 .411-.126c.432-.257.824-.479 1.208-.694 1.033-.575 2.145-.846 3.22-.788.99.05 1.894.39 2.553.956 1.134.963 1.498 2.582 1.028 4.557-.39 1.616-1.087 3.303-2.076 5.011l-.11.342-.016.07q-.07.293-.132.524a20 20 0 0 1-.677 2.168 19 19 0 0 1-1.3 2.854l-.056.093-.01.015a4.5 4.5 0 0 1-.324.497c-.033.043-.068.08-.095.108-.03.032-.052.054-.05.063l-.034.011a.6.6 0 0 1-.221-.19"
+            fill: t,
+            d: "M15.476 21.85h.115c.149 0 .27-.04.373-.085.274-.11.518-.297.717-.552.165-.204.33-.482.428-.65l.06-.1c.601-1.09.952-1.858 1.389-3.04.28-.74.512-1.487.714-2.282a17 17 0 0 0 .154-.617l.025-.098c1.023-1.787 1.75-3.554 2.16-5.26.582-2.44.078-4.485-1.418-5.757-.86-.739-2.025-1.179-3.28-1.243-1.296-.07-2.644.255-3.88.94-.324.183-.657.37-1.03.59a59 59 0 0 0-1.03-.592c-1.236-.686-2.58-1.008-3.875-.938-1.257.064-2.423.504-3.28 1.24-1.498 1.272-2.003 3.32-1.42 5.76.409 1.706 1.135 3.476 2.16 5.26l.028.115.048.194c.037.149.07.285.1.397.205.81.44 1.557.714 2.289.44 1.187.79 1.955 1.407 3.07l.044.075c.098.168.264.448.423.645.205.263.449.45.754.57.073.026.19.065.347.065h.112c.149 0 .266-.039.37-.075.275-.11.518-.297.717-.552.205-.25.429-.639.49-.754l.073-.134.008-.04c.073-.162.169-.408.314-.795l.014-.035c.274-.722 1.014-2.665 1.48-3.178.473.521 1.232 2.519 1.495 3.213.149.392.244.642.317.804l.075.165c.062.115.286.505.485.748.207.264.45.451.756.572.073.025.19.064.347.064m-.148-1.39a5 5 0 0 1-.305-.46l-.073-.137c-.041-.072-.15-.358-.26-.647l-.054-.143c-1.047-2.759-1.709-4.072-2.633-4.072-.921 0-1.583 1.313-2.63 4.072l-.054.143a9 9 0 0 1-.26.647L8.983 20v.009c-.084.14-.21.339-.308.462a2 2 0 0 1-.096.108c-.03.032-.05.054-.05.063l-.033.011a.6.6 0 0 1-.221-.19 5 5 0 0 1-.328-.505l-.042-.07a19 19 0 0 1-1.316-2.882c-.261-.692-.482-1.4-.678-2.17a31 31 0 0 1-.143-.572l-.048-.2-.064-.159c-.989-1.711-1.687-3.397-2.076-5.011-.47-1.978-.106-3.594 1.03-4.56.656-.563 1.561-.902 2.553-.953 1.073-.064 2.185.213 3.218.788a63 63 0 0 1 1.213.697c.07.041.21.123.415.123a.77.77 0 0 0 .411-.126c.432-.257.824-.479 1.208-.694 1.033-.575 2.145-.846 3.221-.788.989.05 1.893.39 2.552.956 1.134.963 1.498 2.582 1.028 4.557-.39 1.616-1.087 3.303-2.076 5.011l-.11.342-.016.07q-.07.293-.131.524a20 20 0 0 1-.678 2.168 19 19 0 0 1-1.3 2.854l-.056.093-.01.015a4.5 4.5 0 0 1-.323.497c-.034.043-.069.08-.096.108-.03.032-.052.054-.05.063l-.034.011a.6.6 0 0 1-.221-.19"
         })
     }));
 }, v = n;

package/dist/generated/mistica-icons/icon-top-up-filled.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");
@@ -97,7 +97,7 @@ const p = (_param)=>{
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = h !== null && h !== void 0 ? h : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (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: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -106,11 +106,11 @@ const p = (_param)=>{
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M18.673 5.393C18.571 3.5 17.026 2 15.166 2H8.851c-1.86 0-3.405 1.5-3.507 3.393zM12.532 21.996h2.634c1.86 0 3.405-1.5 3.507-3.393h-6.141z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M5.34 17.535V6.465h13.333v11.07h-6.141V9.357l1.887 1.929c.11.108.248.144.39.144a.53.53 0 0 0 .388-.144.524.524 0 0 0 0-.752l-3.192-3.18-3.158 3.18a.524.524 0 0 0 0 .752.503.503 0 0 0 .74 0l1.895-1.929V22H8.847c-1.895 0-3.4-1.5-3.507-3.393h4.561c.28 0 .527-.252.527-.536a.55.55 0 0 0-.527-.536z"
             })
         ]
@@ -122,13 +122,13 @@ const p = (_param)=>{
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M18.673 5.393C18.571 3.5 17.026 2 15.166 2H8.85c-1.86 0-3.405 1.5-3.507 3.393zM12.531 21.996h2.635c1.86 0 3.405-1.5 3.507-3.393h-6.142z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M5.34 17.535V6.465h13.333v11.07h-6.142V9.357l1.888 1.929c.11.108.247.144.389.144a.53.53 0 0 0 .39-.144.524.524 0 0 0 0-.752l-3.193-3.18-3.158 3.18a.524.524 0 0 0 0 .752.503.503 0 0 0 .74 0l1.895-1.929V22H8.847c-1.895 0-3.401-1.5-3.507-3.393H9.9c.28 0 .528-.252.528-.536a.55.55 0 0 0-.527-.536z"
             })
         ]
     }));
-}, V = p;
+}, M = p;

package/dist/generated/mistica-icons/icon-top-up-light.js

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = t !== null && t !== void 0 ? t : 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M8.848 2h6.313c1.93 0 3.508 1.608 3.512 3.571V18.43c0 1.963-1.579 3.571-3.508 3.571H8.848C6.92 22 5.34 20.392 5.34 18.429V5.57C5.34 3.608 6.92 2 8.848 2m6.317 1.428H8.848c-1.057 0-1.897.788-2.074 1.783h10.462c-.177-1-1.018-1.783-2.07-1.783M6.774 18.785c.177 1 1.017 1.787 2.074 1.787h2.455v-10.43L9.69 11.786a.673.673 0 0 1-.982 0 .7.7 0 0 1 0-1l3.296-3.427 3.3 3.431a.7.7 0 0 1 0 1 .7.7 0 0 1-.491.216.7.7 0 0 1-.492-.216l-1.614-1.644v7.21h4.56V6.644H6.743v10.71h2.805c.385 0 .704.32.704.716a.71.71 0 0 1-.704.716zm5.932 1.787h2.455c1.053 0 1.894-.788 2.07-1.783h-4.525z"
@@ -113,7 +113,7 @@ const a = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: h,
@@ -125,4 +125,4 @@ const a = (_param)=>{
             })
         ]
     }));
-}, H = a;
+}, H = v;

package/dist/generated/mistica-icons/icon-top-up-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), h = t !== null && t !== void 0 ? t : l ? _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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const s = (_param)=>{
             d: "M8.848 2h6.313c1.93 0 3.508 1.608 3.512 3.571V18.43c0 1.963-1.579 3.571-3.508 3.571H8.848C6.92 22 5.34 20.392 5.34 18.429V5.57C5.34 3.608 6.92 2 8.848 2m6.317 1.428H8.848c-1.057 0-1.897.788-2.074 1.783h10.462c-.177-1-1.018-1.783-2.07-1.783M6.774 18.785c.177 1 1.017 1.787 2.074 1.787h2.455v-10.43L9.69 11.786a.673.673 0 0 1-.982 0 .7.7 0 0 1 0-1l3.296-3.427 3.3 3.431a.7.7 0 0 1 0 1 .7.7 0 0 1-.491.216.7.7 0 0 1-.492-.216l-1.614-1.644v7.21h4.56V6.644H6.743v10.71h2.805c.385 0 .704.32.704.716a.71.71 0 0 1-.704.716zm5.932 1.787h2.455c1.053 0 1.894-.788 2.07-1.783h-4.525z"
         })
     }));
-}, u = s;
+}, d = s;

package/dist/generated/mistica-icons/icon-tow-truck-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,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const a = (_param)=>{
     var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const i = (_param)=>{
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
-            d: "M17.717 6.241a461 461 0 0 0 3.334 4.426c.28.361.804 1.04.795 1.829v3.342c0 .571-.252 1.154-.695 1.594-.44.44-1.025.692-1.6.692h-.223c-.454 1.05-1.445 1.669-2.82 1.669-1.376 0-2.368-.616-2.822-1.67h-3.86c-.453 1.05-1.445 1.67-2.82 1.67-1.392 0-2.395-.63-2.84-1.709a2.34 2.34 0 0 1-1.309-.652c-.442-.44-.694-1.02-.694-1.594v-4.4a.6.6 0 0 1 .602-.6h4.154L5.154 7.286l-.003 1.689c.006.028.04.69-.4 1.165-.182.2-.521.44-1.076.443h-.014c-.582 0-.927-.247-1.115-.457-.45-.501-.383-1.201-.375-1.28a.604.604 0 0 1 1.199.14c-.009.093.011.27.076.34.027.028.067.032.116.037.032.004.067.007.105.018q.147 0 .199-.053c.075-.081.087-.269.084-.311l.008-4.196c0-.238.143-.437.342-.535l.011-.008q.064-.024.132-.034l.05-.016a.3.3 0 0 1 .107-.023h.005l1.443.01a.6.6 0 0 1 .493.261l4.199 6.079v-4.76a.6.6 0 0 1 .602-.599h4.302c.801 0 1.617.41 2.073 1.045M7.011 18.59c1.258 0 1.897-.636 1.897-1.891s-.639-1.891-1.897-1.891c-1.257 0-1.896.636-1.896 1.89 0 1.256.639 1.892 1.896 1.892m9.505 0c1.257 0 1.896-.636 1.896-1.891s-.639-1.891-1.896-1.891c-1.258 0-1.897.636-1.897 1.89 0 1.256.639 1.892 1.896 1.892"
+            d: "M17.717 6.241c.437.605 2.997 3.992 3.333 4.426.28.361.804 1.04.796 1.829v3.342c0 .571-.252 1.154-.695 1.594-.44.44-1.025.692-1.6.692h-.223c-.454 1.05-1.446 1.669-2.821 1.669s-2.367-.616-2.82-1.67h-3.86c-.455 1.05-1.446 1.67-2.822 1.67-1.392 0-2.394-.63-2.84-1.709a2.34 2.34 0 0 1-1.308-.652c-.443-.44-.695-1.02-.695-1.594v-4.4a.6.6 0 0 1 .603-.6h4.154L5.154 7.286 5.15 8.975c.006.028.04.69-.4 1.165-.182.2-.521.44-1.076.443h-.014c-.583 0-.927-.247-1.115-.457-.45-.501-.384-1.201-.375-1.28a.604.604 0 0 1 1.199.14c-.009.093.01.27.075.34.027.028.068.032.117.037.032.004.067.007.105.018q.148 0 .198-.053c.076-.081.087-.269.084-.311l.009-4.196c0-.238.143-.437.342-.535l.01-.008q.065-.024.132-.034l.05-.016a.3.3 0 0 1 .107-.023h.006l1.443.01a.6.6 0 0 1 .492.261l4.2 6.079v-4.76a.6.6 0 0 1 .602-.599h4.302c.801 0 1.616.41 2.073 1.045M7.011 18.59c1.258 0 1.896-.636 1.896-1.891s-.638-1.891-1.896-1.891-1.896.636-1.896 1.89c0 1.256.638 1.892 1.896 1.892m9.504 0c1.258 0 1.897-.636 1.897-1.891s-.639-1.891-1.897-1.891c-1.257 0-1.896.636-1.896 1.89 0 1.256.639 1.892 1.896 1.892"
         })
     }));
-}, m = i;
+}, d = a;

package/dist/generated/mistica-icons/icon-tow-truck-light.js

@@ -96,7 +96,7 @@ const e = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = l !== null && l !== void 0 ? l : 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,7 +104,7 @@ const e = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: h,
             d: "M21.062 10.844c-.342-.443-2.961-3.885-3.407-4.501-.428-.594-1.196-.975-1.95-.975h-4.394a.407.407 0 0 0-.41.406v5.294L6.267 4.39a.41.41 0 0 0-.336-.176l-1.47-.011h-.003a.4.4 0 0 0-.163.042.4.4 0 0 0-.286.38L4 8.872c.006.056-.006.322-.14.468l-.002.002c-.03.03-.115.115-.351.118h-.006c-.26 0-.344-.092-.372-.123-.132-.146-.137-.423-.129-.504a.405.405 0 0 0-.356-.451h-.003a.404.404 0 0 0-.453.35v.006c-.009.07-.07.697.33 1.14.165.182.468.395.986.395h.011c.493-.003.788-.21.95-.381.392-.423.361-1.014.356-1.048l.005-2.58 2.412 4.832H2.56a.407.407 0 0 0-.409.406v4.47c0 .53.236 1.068.647 1.477.353.35.807.555 1.322.616.395 1.098 1.367 1.726 2.765 1.726 1.39 0 2.359-.617 2.76-1.698h4.187c.4 1.084 1.37 1.698 2.759 1.698 1.39 0 2.359-.617 2.76-1.698h.35c.534 0 1.078-.232 1.487-.641.411-.41.65-.947.65-1.476v-3.398c0-.725-.48-1.348-.769-1.724zM5.118 5.02l.593.006 4.096 5.902-1.74-.003zm15.902 7.56c-.003-.002-.003 3.393-.003 3.393 0 .313-.149.644-.41.899-.26.258-.59.406-.907.406h-.179l.01-.092a3 3 0 0 0 .024-.334c0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.964 1.098-2.964 2.935 0 .118.012.225.024.332l.01.094H9.818l.01-.092c.012-.11.024-.218.024-.334 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.96 1.098-2.96 2.935 0 .093.009.18.018.268l.01.088a1.35 1.35 0 0 1-.575-.333c-.258-.258-.409-.586-.409-.9v-4.067h8.339a.407.407 0 0 0 .409-.406V6.18h3.983c.485 0 1.011.263 1.286.639.45.619 3.078 4.078 3.423 4.524.227.29.608.781.608 1.238m-6.572 4.272c0-1.389.742-2.123 2.143-2.123s2.143.734 2.143 2.123-.742 2.124-2.143 2.124-2.143-.734-2.143-2.124m-7.56 2.124c-1.4 0-2.14-.734-2.14-2.124 0-1.389.74-2.123 2.14-2.123 1.403 0 2.143.734 2.143 2.123s-.74 2.124-2.143 2.124"
         })
     }));