@telefonica/mistica 15.20.1 → 16.1.0

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : t ? _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({
         width: l,
         height: l,

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

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : a ? _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({
         width: c,
         height: c,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,15 +97,15 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : t ? _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 t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = a !== null && a !== void 0 ? a : t ? _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({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "m21.38 18.744-3.904.58-.56-4.034c-.057-.41.22-.797.616-.855a.736.736 0 0 1 .828.637l.215 1.546A8.66 8.66 0 0 0 19.898 12c0-4.681-3.688-8.493-8.218-8.493S3.463 7.32 3.463 12s3.688 8.493 8.217 8.493a7.9 7.9 0 0 0 2.987-.58.72.72 0 0 1 .944.43.76.76 0 0 1-.416.976 9.3 9.3 0 0 1-3.52.681C6.339 22 2 17.512 2 12S6.342 2 11.676 2c5.333 0 9.675 4.488 9.675 10 0 1.957-.547 3.836-1.56 5.45l1.373-.204a.736.736 0 0 1 .828.638.75.75 0 0 1-.613.86m-8.223-7.56c.075-.276.117-.648-.107-.875l-.823-.84c-.56-.575-.593-1.488-.07-2.034l1.178-1.227c.523-.546 1.407-.522 1.968.053l.785.802c1.734 1.773.996 5.459-1.64 8.208-1.805 1.845-3.745 2.647-5.334 2.647-1.056 0-1.958-.353-2.57-.99l-.777-.812c-.556-.58-.58-1.493-.051-2.034l1.187-1.217c.528-.541 1.412-.508 1.968.072l.813.85c.22.232.58.189.846.112.491-.145 1.062-.527 1.594-1.073.524-.546.893-1.13 1.033-1.642m-.261 2.449-.005.005c-.678.69-1.393 1.16-2.07 1.357-.777.227-1.46.082-1.922-.4l-.813-.851a.38.38 0 0 0-.267-.126q-.091 0-.15.058L6.484 14.89c-.099.101-.07.3.06.435l.776.811c1.127 1.174 3.875.875 6.353-1.662 2.397-2.502 2.785-5.434 1.645-6.603l-.785-.802c-.131-.136-.323-.16-.421-.063l-1.178 1.227c-.094.101-.066.3.065.43l.823.84c.472.484.608 1.189.388 1.99-.192.701-.645 1.44-1.313 2.14"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const m = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "m21.38 18.744-3.904.58-.56-4.034c-.057-.41.22-.797.616-.855a.736.736 0 0 1 .828.637l.215 1.546A8.66 8.66 0 0 0 19.898 12c0-4.681-3.688-8.493-8.218-8.493S3.463 7.32 3.463 12s3.688 8.493 8.217 8.493a7.9 7.9 0 0 0 2.987-.58.72.72 0 0 1 .944.43.76.76 0 0 1-.416.976 9.3 9.3 0 0 1-3.52.681C6.339 22 2 17.512 2 12S6.342 2 11.676 2c5.333 0 9.675 4.488 9.675 10 0 1.957-.547 3.836-1.56 5.45l1.373-.204a.736.736 0 0 1 .828.638.75.75 0 0 1-.613.86m-8.223-7.56c.075-.276.117-.648-.107-.875l-.823-.84c-.56-.575-.593-1.488-.07-2.034l1.178-1.227c.523-.546 1.407-.522 1.968.053l.785.802c1.734 1.773.996 5.459-1.64 8.208-1.805 1.845-3.745 2.647-5.334 2.647-1.056 0-1.958-.353-2.57-.99l-.777-.812c-.556-.58-.58-1.493-.051-2.034l1.187-1.217c.528-.541 1.412-.508 1.968.072l.813.85c.22.232.58.189.846.112.491-.145 1.062-.527 1.594-1.073.524-.546.893-1.13 1.033-1.642m-.261 2.449-.005.005c-.678.69-1.393 1.16-2.07 1.357-.777.227-1.46.082-1.922-.4l-.813-.851a.38.38 0 0 0-.267-.126q-.091 0-.15.058L6.484 14.89c-.099.101-.07.3.06.435l.776.811c1.127 1.174 3.875.875 6.353-1.662 2.397-2.502 2.785-5.434 1.645-6.603l-.785-.802c-.131-.136-.323-.16-.421-.063l-1.178 1.227c-.094.101-.066.3.065.43l.823.84c.472.484.608 1.189.388 1.99-.192.701-.645 1.44-1.313 2.14"
         })
     }));
-}, v = m;
+}, u = m;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : n ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12m14.664 4.672a.534.534 0 0 0 0-.76L12.768 12l3.912-3.912a.534.534 0 0 0 0-.76.534.534 0 0 0-.76 0l-3.912 3.912-3.912-3.912a.534.534 0 0 0-.76 0 .534.534 0 0 0 0 .76L11.232 12 7.32 15.912a.534.534 0 0 0 .38.912.54.54 0 0 0 .38-.152l3.912-3.912 3.912 3.912a.54.54 0 0 0 .38.152.54.54 0 0 0 .38-.152"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const c = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M2 12C2 6.484 6.484 2 12 2s10 4.484 10 10-4.484 10-10 10S2 17.516 2 12m14.664 4.672a.534.534 0 0 0 0-.76L12.768 12l3.912-3.912a.534.534 0 0 0 0-.76.534.534 0 0 0-.76 0l-3.912 3.912-3.912-3.912a.534.534 0 0 0-.76 0 .534.534 0 0 0 0 .76L11.232 12 7.32 15.912a.534.534 0 0 0 .38.912.54.54 0 0 0 .38-.152l3.912-3.912 3.912 3.912a.54.54 0 0 0 .38.152.54.54 0 0 0 .38-.152"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const c = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: o,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m16.362 5.366a.69.69 0 0 0 0-.974L12.964 12l4.398-4.395a.688.688 0 1 0-.973-.974l-4.395 4.399L7.61 6.647a.684.684 0 0 0-.97 0 .684.684 0 0 0 0 .97L11.023 12l-4.382 4.383a.688.688 0 0 0 .97.973l4.383-4.383 4.395 4.396a.69.69 0 0 0 .973 0"
         })
     }));

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

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: h, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), l = h !== null && h !== void 0 ? h : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : h ? _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,
@@ -139,4 +139,4 @@ const c = (_param)=>{
             })
         ]
     }));
-}, u = c;
+}, M = c;

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

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : r ? _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: a,
         height: a,

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

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: n, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = n !== null && n !== void 0 ? n : h ? _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({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : n ? _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: a,
         height: a,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-car-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 n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = 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,
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M17.472 9.547c.756.115 2.66.574 3.767 2.434 1.38 2.313-.03 3.582-.123 3.667l-.003.003a.62.62 0 0 1-.4.145h-2.384c-.23 1.213-1.166 1.944-2.566 1.944-1.398 0-2.336-.73-2.566-1.944h-3.42c-.233 1.21-1.168 1.939-2.566 1.939s-2.336-.732-2.566-1.939H2.928a.61.61 0 0 1-.596-.453l-.003-.013c-.028-.123-.237-1.051-.154-2.413-.009-1.062.672-2.843 2.21-4.345 1.084-1.059 2.966-2.32 5.781-2.32 4.465 0 6.692 2.477 7.306 3.295M7.208 16.541c.941 0 1.398-.442 1.398-1.353 0-.913-.457-1.355-1.398-1.355s-1.397.445-1.397 1.355.459 1.353 1.397 1.353m8.552.006c.938 0 1.395-.443 1.395-1.353s-.457-1.353-1.395-1.353c-.941 0-1.398.443-1.398 1.353s.46 1.353 1.398 1.353"
         })
     }));
-}, d = n;
+}, m = n;

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : e ? _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-car-moving-filled.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const t = (_param)=>{
-    var { color: a, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: s, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = s !== null && s !== void 0 ? s : i ? _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 t = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: c,
             d: "M21.295 11.92c1.048 1.715.353 2.877-.157 3.25a.6.6 0 0 1-.353.115h-2.014c-.218 1.016-1 1.633-2.16 1.633s-1.94-.617-2.16-1.633h-2.615c-.222 1.014-1.003 1.624-2.16 1.624s-1.936-.61-2.16-1.624h-1.31a.6.6 0 0 1-.583-.46c-.009-.033-.202-.848-.132-2.064-.008-.905.552-2.431 1.82-3.712.894-.902 2.443-1.977 4.76-1.977 3.605 0 5.44 2.042 5.98 2.773.678.112 2.306.532 3.244 2.076M10.71 14.678c0-.706-.328-1.034-1.031-1.034s-1.031.328-1.031 1.034c-.003.706.325 1.033 1.03 1.033.704 0 1.032-.327 1.032-1.033m6.932.005c0-.706-.327-1.033-1.03-1.033s-1.031.328-1.031 1.033c0 .706.328 1.034 1.03 1.034.704 0 1.031-.328 1.031-1.034m-12.56-1.145a.6.6 0 0 0-.6-.6H3.178a.6.6 0 0 0 0 1.2h1.306a.6.6 0 0 0 .6-.6m-.344-2.6a.6.6 0 0 1 0 1.2H2.754a.6.6 0 0 1 0-1.2zm.627-.776a.6.6 0 0 0 0-1.198h-1.54a.6.6 0 0 0 0 1.198z"
         })
     }));

package/dist/generated/mistica-icons/icon-car-moving-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
+const n = (_param)=>{
     var { color: a, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : t ? _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: o,
         height: o,
@@ -108,4 +108,4 @@ const e = (_param)=>{
             d: "M21.308 12.032c.997 1.661.364 2.76-.11 3.11a.4.4 0 0 1-.24.08H18.72c-.157 1.06-.91 1.7-2.05 1.7s-1.894-.64-2.05-1.7H11.6c-.157 1.057-.91 1.695-2.051 1.695-1.137 0-1.89-.638-2.048-1.695H5.986a.41.41 0 0 1-.398-.319c-.008-.033-.201-.851-.129-2.09-.008-.882.558-2.448 1.81-3.73.888-.914 2.434-2 4.745-2 3.742 0 5.566 2.215 6.028 2.873.594.085 2.3.463 3.266 2.076m-.51 2.356c.171-.205.49-.79-.187-1.922-.933-1.554-2.813-1.7-2.832-1.7a.42.42 0 0 1-.325-.202c-.065-.109-1.622-2.65-5.44-2.65-2.028 0-3.384.956-4.162 1.754-1.04 1.067-1.577 2.4-1.572 3.165-.04.692.009 1.233.05 1.555h1.171c.152-1.067.908-1.714 2.05-1.714 1.146 0 1.9.647 2.054 1.714h3.02c.154-1.062.907-1.709 2.05-1.709s1.896.644 2.05 1.709zm-4.126 1.7c.838 0 1.264-.431 1.264-1.288 0-.855-.426-1.289-1.264-1.289-.84 0-1.263.434-1.263 1.289q.002 1.287 1.263 1.288m-5.86-1.294c0-.854-.425-1.289-1.263-1.289s-1.263.435-1.263 1.289.425 1.288 1.263 1.288 1.263-.43 1.263-1.288m-6.03-1.185a.413.413 0 0 0-.41-.417H3.032a.415.415 0 0 0-.41.417c-.002.23.18.415.41.418h1.342a.415.415 0 0 0 .409-.418m-.183-2.501c.227 0 .41.187.41.417s-.185.417-.41.417H2.56a.41.41 0 0 1-.409-.417v-.003c0-.23.182-.417.41-.417 0 .003 2.038.003 2.038.003m.93-1.642a.413.413 0 0 0-.409-.417H3.538a.415.415 0 0 0-.41.417.413.413 0 0 0 .41.418H5.12a.415.415 0 0 0 .41-.418"
         })
     }));
-}, v = e;
+}, v = n;

package/dist/generated/mistica-icons/icon-car-moving-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: o, size: r = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M21.298 11.926c1.045 1.717.353 2.876-.16 3.249a.6.6 0 0 1-.353.115h-2.014c-.218 1.017-1 1.633-2.16 1.633s-1.94-.614-2.16-1.633h-2.615c-.222 1.014-1.003 1.624-2.157 1.624-1.157 0-1.939-.61-2.157-1.624H6.211a.6.6 0 0 1-.583-.457c-.008-.034-.201-.849-.131-2.064-.009-.905.552-2.429 1.82-3.712a6.56 6.56 0 0 1 4.76-1.977c3.605 0 5.437 2.039 5.98 2.773.672.109 2.3.53 3.24 2.073m-.768 2.162c.126-.202.272-.678-.252-1.538-.83-1.358-2.486-1.526-2.594-1.537h-.005a.6.6 0 0 1-.476-.292c-.06-.098-1.53-2.443-5.126-2.443a5.38 5.38 0 0 0-3.908 1.62c-.975.983-1.479 2.201-1.473 2.896q-.04.648.028 1.291h.795c.216-1.025 1-1.644 2.163-1.644 1.165 0 1.946.619 2.162 1.644h2.608c.216-1.02 1-1.638 2.162-1.638 1.163 0 1.944.616 2.163 1.638zm-3.918 1.633c.703 0 1.03-.328 1.03-1.033 0-.706-.327-1.037-1.03-1.037s-1.031.328-1.031 1.037c0 .705.328 1.033 1.03 1.033M10.71 14.68c0-.706-.328-1.034-1.031-1.034s-1.031.328-1.031 1.034.328 1.037 1.03 1.037c.704 0 1.032-.328 1.032-1.037m-5.625-1.137a.6.6 0 0 0-.6-.6H3.18a.598.598 0 1 0 0 1.2h1.306a.6.6 0 0 0 .599-.6m-.347-2.6a.6.6 0 0 1 0 1.2H2.754a.597.597 0 0 1-.599-.6c0-.333.269-.6.6-.6zm.63-.773a.6.6 0 0 0 0-1.199h-1.54a.6.6 0 0 0 0 1.2z"

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M17.472 9.547c.753.112 2.66.574 3.767 2.434 1.398 2.342-.064 3.614-.129 3.67a.6.6 0 0 1-.4.145h-2.381c-.23 1.213-1.166 1.944-2.566 1.944s-2.342-.73-2.569-1.944h-3.42c-.232 1.208-1.168 1.936-2.566 1.936-1.395 0-2.333-.728-2.563-1.936H2.928a.61.61 0 0 1-.6-.466c-.027-.123-.236-1.051-.153-2.413-.011-1.062.67-2.843 2.21-4.345 1.084-1.059 2.966-2.32 5.781-2.32 4.465 0 6.692 2.477 7.306 3.295m.857 5.056h2.095c.177-.272.409-.924-.25-2.028-1.033-1.734-3.005-1.871-3.089-1.874a.62.62 0 0 1-.493-.289c-.073-.117-1.916-2.969-6.428-2.969-2.393 0-3.992 1.068-4.91 1.967-1.228 1.196-1.86 2.683-1.855 3.535a9 9 0 0 0 .047 1.658h1.19c.225-1.221 1.166-1.96 2.572-1.96s2.348.739 2.572 1.96h3.412c.224-1.219 1.165-1.952 2.568-1.952s2.342.733 2.569 1.952m-3.964.591c0 .91.454 1.353 1.395 1.353.938 0 1.395-.443 1.395-1.353s-.457-1.353-1.395-1.353-1.395.443-1.395 1.353m-7.157 1.347c.939 0 1.395-.442 1.398-1.353 0-.913-.46-1.355-1.398-1.355s-1.395.442-1.395 1.355c0 .91.454 1.353 1.395 1.353"
         })
     }));

package/dist/generated/mistica-icons/icon-car-with-clock-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: s, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = s !== null && s !== void 0 ? s : l ? _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"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M20.223 14.272c.367.356.72.798 1.014 1.359 1.356 2.577-.064 3.969-.123 4.025a.62.62 0 0 1-.426.17H18.31c-.23 1.261-1.168 2.017-2.566 2.017s-2.336-.756-2.557-2.016H9.769c-.23 1.252-1.168 2.008-2.566 2.008s-2.339-.756-2.566-2.008H2.923a.62.62 0 0 1-.596-.485c-.01-.046-.238-1.11-.157-2.7-.009-1.244.753-3.4 2.445-5.112.712-.726 1.773-1.55 3.202-2-.009-.098-.009-.205-.009-.303 0-4.557 2.493-7.067 7.012-7.067 4.526 0 7.02 2.51 7.02 7.064 0 2.157-.547 3.855-1.617 5.048m.162 4.322c.188-.32.443-1.104-.238-2.386-1.044-1.986-3.056-2.124-3.072-2.124a.61.61 0 0 1-.508-.322c-.072-.131-1.913-3.35-6.414-3.35-2.238 0-3.773 1.079-4.672 1.983-1.365 1.381-2.093 3.236-2.084 4.272-.042.84 0 1.507.056 1.927h1.176c.221-1.269 1.168-2.033 2.574-2.033s2.353.767 2.575 2.033h3.406c.213-1.269 1.154-2.025 2.557-2.025 1.406 0 2.353.76 2.566 2.025zm-3.243.616v-.008c0-.947-.457-1.398-1.398-1.398-.938 0-1.39.454-1.39 1.398v.008c0 .939.449 1.401 1.39 1.401.938 0 1.398-.462 1.398-1.4m-8.54-.016c0-.947-.458-1.4-1.399-1.4-.94 0-1.397.453-1.397 1.4s.456 1.409 1.397 1.409c.933 0 1.39-.454 1.398-1.393zm8.321-8.972a.624.624 0 0 0 0-.874l-1.546-1.56V5.686a.614.614 0 1 0-1.227 0v2.355c0 .166.064.32.18.437l1.728 1.74c.12.12.277.18.431.182.162 0 .32-.065.434-.18"
         })
     }));

package/dist/generated/mistica-icons/icon-car-with-clock-light.js

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : 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: c,
         height: c,

package/dist/generated/mistica-icons/icon-car-with-clock-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: a, size: c = 24 } = _param, s = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : 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.232 15.62a5.3 5.3 0 0 0-1.014-1.36c1.073-1.192 1.619-2.89 1.622-5.044 0-4.552-2.493-7.064-7.02-7.064-4.518 0-7.011 2.512-7.011 7.064 0 .098 0 .205.008.303-1.431.453-2.493 1.277-3.204 2.002-1.692 1.712-2.451 3.869-2.443 5.112-.083 1.592.144 2.654.154 2.7a.62.62 0 0 0 .597.488h1.714c.23 1.252 1.168 2.008 2.566 2.008s2.336-.756 2.566-2.008h3.415c.22 1.26 1.16 2.017 2.557 2.017s2.336-.756 2.566-2.017h2.378c.165 0 .31-.067.426-.174.076-.076 1.47-1.466.123-4.028M9.033 9.212c0-3.87 1.952-5.829 5.784-5.829 3.84 0 5.793 1.96 5.793 5.83 0 1.882-.465 3.324-1.39 4.296a5.5 5.5 0 0 0-1.747-.636c-.605-.913-2.835-3.711-7.322-3.711-.39 0-.768.025-1.118.081zm7.02.995c.12.123.277.182.434.182a.61.61 0 0 0 .434-.182.624.624 0 0 0 0-.874l-1.549-1.56V5.672a.614.614 0 1 0-1.227 0V8.03c0 .165.065.322.18.437zm4.092 5.988c.68 1.283.426 2.065.238 2.387h-2.078c-.213-1.269-1.16-2.025-2.566-2.025-1.403 0-2.345.756-2.558 2.025H9.776c-.221-1.269-1.168-2.034-2.574-2.034s-2.353.765-2.574 2.034H3.45a11 11 0 0 1-.056-1.927c-.008-1.037.72-2.888 2.084-4.272.9-.905 2.435-1.983 4.673-1.983 4.501 0 6.341 3.218 6.414 3.35a.61.61 0 0 0 .507.322c.017 0 2.028.14 3.073 2.123M17.14 19.2c0 .939-.457 1.4-1.398 1.4-.942 0-1.39-.461-1.39-1.4v-.008c0-.944.448-1.398 1.39-1.398.94 0 1.398.451 1.398 1.398zm-8.541-.017v.017c-.009.939-.465 1.392-1.398 1.392-.941 0-1.398-.462-1.398-1.409 0-.944.46-1.397 1.398-1.397.941 0 1.398.45 1.398 1.397"
         })
     }));
-}, v = i;
+}, v = l;

package/dist/generated/mistica-icons/icon-care-bike-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: e, size: l = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: e, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
                 fill: c,

package/dist/generated/mistica-icons/icon-care-briefcase-regular.js

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

package/dist/generated/mistica-icons/icon-care-check-regular.js

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

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

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = r !== null && r !== void 0 ? r : e ? _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-care-health-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), h = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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: c,
         height: c,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M9.724 7.65c0 3.544 1.946 5.494 5.476 5.494 3.532 0 5.476-1.953 5.479-5.493 0-3.544-1.947-5.496-5.48-5.496-3.531 0-5.475 1.952-5.475 5.496M20.91 18.164c1.255-.798.967-1.82.692-2.353a.4.4 0 0 0-.048-.092 1.854 1.854 0 0 0-2.232-.838l-2.711.942c0-.502-.185-.944-.49-1.266a1.65 1.65 0 0 0-1.197-.538q-.061.005-.142.004t-.171.004c-.754.014-2.126.04-3.379-.742-.168-.112-1.173-.684-4.263-.731-.25-.44-.706-.74-1.244-.74H3.584c-.788 0-1.429.644-1.429 1.434v6.614c0 .787.641 1.426 1.429 1.426h2.142c.788 0 1.429-.64 1.429-1.426v-.387l4.045 1.95c.482.283 1.084.42 1.79.42.585 0 1.1-.098 1.557-.308.199-.095 4.846-2.415 6.364-3.373m-.384-1.806c.185.347.169.507-.257.781-1.279.808-5.04 2.707-6.007 3.195l-.003.002-.226.114c-.28.12-.633.185-1.042.185-.49 0-.893-.09-1.23-.283l-4.607-2.218V13.76c2.48.062 3.326.49 3.413.534l.006.003h.001c1.574.984 3.258.953 4.062.936q.158-.01.266-.008c.336.008.504.308.504.597 0 .316-.328.644-.633.644H9.925a.6.6 0 0 0-.602.605v.003c0 .333.269.602.602.602h4.846c.34-.006.667-.106.95-.289l.05-.004c.025-.001.05-.002.079-.012l3.868-1.345a.66.66 0 0 1 .81.33M4.634 13.682c.42 0 .717.3.714.717 0 .42-.297.717-.714.717a.69.69 0 0 1-.714-.717.69.69 0 0 1 .714-.717m8.17-6.395h1.513a.52.52 0 0 0 .521-.524V5.245h.726v1.518c0 .288.235.52.524.524H17.6v.725h-1.512a.52.52 0 0 0-.521.524v1.518h-.726V8.536a.52.52 0 0 0-.52-.524l-1.513.003zm.99 1.773-1.205.003c-.448 0-.829-.353-.832-.774V7.007c0-.418.381-.77.832-.77h1.202V5.028c0-.454.353-.835.767-.835h1.278c.414 0 .767.384.767.835v1.204h1.205c.45 0 .832.353.832.77v1.284c0 .417-.381.77-.832.77h-1.202v1.207c0 .454-.353.835-.768.835h-1.277c-.414 0-.767-.381-.767-.835z"
         })
     }));
-}, m = s;
+}, m = i;

package/dist/generated/mistica-icons/icon-care-health-light.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : o ? _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 s = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M9.88 7.555c0 3.484 1.91 5.4 5.383 5.4 3.474 0 5.384-1.916 5.387-5.4 0-3.485-1.913-5.404-5.387-5.404S9.877 4.07 9.88 7.555m5.383-4.583c3.028 0 4.566 1.543 4.566 4.583s-1.535 4.58-4.566 4.58-4.565-1.541-4.565-4.58 1.537-4.583 4.565-4.583m6.348 12.989c.31.6.459 1.462-.625 2.145-1.363.865-5.224 2.81-6.239 3.322l-.24.121a3.75 3.75 0 0 1-1.499.288c-.68 0-1.26-.14-1.72-.403l-4.44-2.137v.714c0 .692-.56 1.255-1.251 1.258H3.403a1.26 1.26 0 0 1-1.252-1.258v-6.74c0-.688.566-1.257 1.252-1.257h2.188c.515 0 .95.305 1.148.748 3.261.034 4.261.65 4.359.725 1.332.827 2.776.796 3.557.78h.326c.85.016 1.523.733 1.523 1.627 0 .106-.017.204-.039.302l3.073-1.067a1.68 1.68 0 0 1 2.073.832M6.025 13.27a.436.436 0 0 0-.434-.434H3.403a.436.436 0 0 0-.434.435v6.74c0 .237.196.433.434.433h2.188a.433.433 0 0 0 .434-.434zm14.866 3.076c-.238-.42-.672-.577-1.081-.434l-3.958 1.373c-.05.016-.098.016-.149.016-.263.171-.566.28-.877.28h-4.95a.41.41 0 0 1 0-.82h4.95c.434 0 .86-.426.86-.863 0-.45-.31-.798-.72-.807h-.295c-.808.018-2.473.052-4.013-.921l-.002-.002c-.057-.03-.968-.534-3.81-.58v4.8l4.818 2.317c.37.213.804.314 1.344.314.451 0 .835-.076 1.146-.216l.155-.078.003-.002c.85-.427 4.892-2.454 6.234-3.31.51-.319.591-.59.345-1.067M5.21 14.451c0-.437-.306-.734-.732-.734-.429 0-.731.294-.731.731 0 .426.302.734.731.734a.703.703 0 0 0 .731-.731m7.484-7.39 1.66-.002a.41.41 0 0 0 .41-.41V4.979h.989V6.65a.41.41 0 0 0 .408.409h1.667v.989h-1.667a.41.41 0 0 0-.408.411v1.673h-.986V8.459a.41.41 0 0 0-.41-.409h-1.666zm-.821 1.146c0 .362.33.664.725.664 0 0 1.35 0 1.35-.005l.003 1.353c0 .394.303.728.661.728h1.306c.355 0 .658-.33.658-.726V8.866h1.35c.387 0 .726-.309.726-.662V6.896c0-.353-.34-.66-.726-.66h-1.353V4.881c0-.389-.31-.728-.66-.728H14.61c-.353 0-.661.336-.661.726v1.355l-1.35.003c-.393 0-.726.303-.726.661z"
         })
     }));

package/dist/generated/mistica-icons/icon-care-health-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: h, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), o = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : e ? _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"
-    }, a), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M9.726 7.65c0 3.541 1.944 5.491 5.474 5.491s5.476-1.95 5.476-5.493c0-3.54-1.944-5.493-5.476-5.493s-5.476 1.95-5.474 5.496M15.2 3.363c2.874 0 4.272 1.404 4.274 4.286 0 2.882-1.397 4.283-4.274 4.283-2.874 0-4.27-1.4-4.27-4.283 0-2.882 1.396-4.286 4.27-4.286m6.395 12.426c.288.55.568 1.577-.684 2.367-1.373.868-5.316 2.853-6.195 3.296l-.006.003-.163.082c-.448.202-.972.308-1.557.308-.706 0-1.308-.146-1.79-.428l-4.045-1.95v.386c0 .79-.633 1.435-1.429 1.435H3.584a1.434 1.434 0 0 1-1.429-1.434v-6.608c0-.787.639-1.426 1.429-1.426h2.142c.538 0 .995.3 1.244.734 3.098.05 4.093.619 4.27.74 1.243.78 2.624.75 3.372.733h.31c.457.006.891.199 1.205.532.305.322.49.774.49 1.264l2.706-.941a1.85 1.85 0 0 1 2.272.907M5.95 13.245a.22.22 0 0 0-.219-.219H3.584a.224.224 0 0 0-.224.219v6.608c.002.123.1.224.224.226h2.142a.23.23 0 0 0 .225-.227zm14.585 3.106c-.18-.314-.515-.434-.82-.33l-3.69 1.252q-.159.058-.313.126a1.8 1.8 0 0 1-.942.271H9.923a.6.6 0 0 1-.603-.602v-.003c0-.327.266-.605.603-.605h4.848c.314 0 .642-.327.642-.644 0-.289-.18-.588-.507-.588h-.285c-.807.017-2.475.052-4.051-.936-.009-.008-.821-.473-3.42-.538v4.373l4.613 2.224c.336.193.74.283 1.227.283q.624 0 1.042-.193l.221-.112.002-.001c.959-.483 4.732-2.382 6.015-3.195.434-.275.442-.435.266-.782m-15.188-1.95c0-.428-.288-.717-.714-.717-.417 0-.714.292-.714.718 0 .417.297.708.714.708.426 0 .714-.291.714-.708m7.535-6.47v-.566h1.437c.33-.003.6-.272.6-.605l-.003-1.437h.566v1.434c0 .334.269.605.602.605h1.431v.566h-1.431a.604.604 0 0 0-.602.605V9.97h-.563l-.003-1.437a.6.6 0 0 0-.602-.602zm-.291 1.207h1.123l.003 1.123c0 .496.387.914.846.914h1.272c.46 0 .846-.418.846-.914V9.133h1.123c.493 0 .91-.39.91-.85v-1.28c0-.459-.417-.848-.91-.848h-1.123V5.032c0-.499-.387-.916-.846-.916h-1.278c-.456 0-.845.417-.845.913v1.129h-1.121c-.493 0-.91.39-.91.851v1.28c0 .46.417.85.91.85"

package/dist/generated/mistica-icons/icon-care-home-regular.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 s = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -122,4 +122,4 @@ const s = (_param)=>{
             })
         ]
     }));
-}, d = s;
+}, m = s;

package/dist/generated/mistica-icons/icon-care-laptop-regular.js

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

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

@@ -96,7 +96,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = h !== null && h !== void 0 ? h : o ? _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 v = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M20.555 2.591c.706 0 1.285.586 1.285 1.297v4.815c0 .712-.58 1.297-1.285 1.297h-1.27c-.445 0-.84-.238-1.067-.585-2.568-.025-3.375-.518-3.459-.577-.997-.636-2.1-.61-2.686-.594h-.252c-.715-.009-1.275-.61-1.275-1.373q0-.018.004-.038.004-.019.005-.037l-2.219.77A1.388 1.388 0 0 1 6.64 6.93c-.294-.569-.412-1.288.487-1.865 1.202-.762 4.863-2.603 5.014-2.678.773-.348 1.908-.306 2.594.092l3.269 1.586v-.18c0-.711.58-1.297 1.285-1.297h1.267zm-2.552 2.415-3.664-1.779c-.269-.151-.597-.23-.992-.23-.336 0-.621.05-.848.16-.026.008-3.765 1.89-4.922 2.627-.378.239-.378.398-.227.695a.59.59 0 0 0 .706.289L11.112 5.7c.034-.016.076-.016.118-.016.21-.135.454-.23.714-.23v.008h3.823c.236 0 .42.188.42.423 0 .23-.184.423-.42.423h-3.82V6.3c-.277 0-.563.288-.563.569 0 .263.16.526.454.526.038.006.083.004.133.002l.085-.002c.63-.017 1.938-.042 3.165.728l.003.002c.046.025.728.392 2.779.433zM21 8.7V3.888a.45.45 0 0 0-.445-.448h-1.27a.45.45 0 0 0-.445.448v.832l.002.024c.002.014.004.027-.002.043v3.916c0 .247.202.448.446.448h1.269a.45.45 0 0 0 .445-.45m-3.644 8.356c.294.569.411 1.289-.488 1.866-1.201.762-4.862 2.602-5.022 2.678q-.52.239-1.202.238-.819 0-1.386-.33l-3.266-1.586v.179c0 .72-.58 1.297-1.286 1.297H3.437A1.29 1.29 0 0 1 2.151 20.1v-4.807c0-.72.58-1.297 1.286-1.297h1.269c.445 0 .84.23 1.064.586 2.572.025 3.378.518 3.46.577.986.618 2.07.603 2.66.594h.026c.1-.009.185-.009.244-.009.722.017 1.285.62 1.285 1.373l-.004.042-.004.042 2.218-.779a1.406 1.406 0 0 1 1.7.633M5.15 15.294a.45.45 0 0 0-.445-.448H3.437a.45.45 0 0 0-.445.448v4.807c0 .247.201.448.445.448h1.269a.45.45 0 0 0 .445-.448v-.832c-.008-.017-.008-.042 0-.067zm11.49 2.222c-.15-.272-.445-.381-.705-.289l-3.06 1.067c-.033.009-.066.009-.1.009-.219.142-.47.23-.731.23h-3.82a.42.42 0 0 1-.421-.424c0-.238.185-.423.42-.423h3.82c.278 0 .564-.288.564-.568 0-.255-.16-.518-.454-.527l-.218.009H11.9c-.636.009-1.929.027-3.133-.737l-.001-.001c-.043-.023-.722-.381-2.777-.43v3.56l3.66 1.77c.27.16.598.23.992.23q.507 0 .85-.152c.003-.003.163-.085.424-.218l.002-.001c1.018-.52 3.575-1.825 4.498-2.41.378-.247.378-.407.226-.695M4.034 16.66c.302 0 .529-.221.529-.526a.513.513 0 0 0-.53-.527.51.51 0 0 0-.52.527c0 .305.226.526.52.526m15.899-8.28a.51.51 0 0 0 .52-.527.516.516 0 0 0-.52-.526.51.51 0 0 0-.521.526c0 .306.218.527.52.527m-6.224 2.633c-.11.476-.334.983-.673 1.51a6 6 0 0 1-.857 1.084l-.025.025v.009a1.3 1.3 0 0 0-.151.15h-.009a3 3 0 0 1-.193-.176 6.5 6.5 0 0 1-.865-1.092c-.328-.518-.555-1.028-.673-1.51-.033-.146-.092-.484.076-.627.067-.06.185-.101.353-.11q.252.002.504.143.126.069.277.16l.06.036a.96.96 0 0 0 .453.118h.017c.042 0 .176-.017.252-.042l.088-.038.088-.038q.026-.01.026-.008l.104-.064q.112-.07.215-.124c.16-.084.302-.143.504-.143h.042c.126.009.244.05.32.11.16.143.1.484.067.627m.823.193c.143-.624.025-1.142-.344-1.465a1.37 1.37 0 0 0-.824-.313h-.084a1.9 1.9 0 0 0-.907.246 7 7 0 0 0-.345.205l-.014.003a.1.1 0 0 1-.028.005l-.017-.004q-.01-.004-.017-.004a6 6 0 0 0-.344-.205 1.9 1.9 0 0 0-.916-.246h-.084c-.311.017-.605.126-.815.313-.37.32-.496.838-.345 1.465.135.575.404 1.168.782 1.77.31.485.554.79.974 1.23.034.042.177.188.303.272.1.076.219.126.336.151a.4.4 0 0 0 .101.017h.084q.061-.002.11-.017a.9.9 0 0 0 .335-.15c.11-.08.243-.213.294-.264l.009-.009q0-.006.004-.008.004-.003.004-.008c.412-.426.656-.74.958-1.213.387-.6.647-1.194.79-1.77"
         })
     }));

package/dist/generated/mistica-icons/icon-care-mobile-regular.js

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

package/dist/generated/mistica-icons/icon-care-pet-regular.js

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

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

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