@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), h = v !== null && v !== void 0 ? v : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = v !== null && v !== void 0 ? v : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -105,7 +105,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.571V22H2V10.571zm-7.77 8.394h-2.948q.091-.255.092-.535v-1.61h1.609a.533.533 0 0 0 .534-.534.537.537 0 0 0-.534-.54h-1.61V14.32a1.07 1.07 0 0 1 1.742-.832.537.537 0 0 0 .677-.832 2.147 2.147 0 0 0-3.492 1.669v1.421h-.174a.533.533 0 0 0-.535.535c0 .297.238.535.535.535h.178v1.61a.527.527 0 0 1-.534.534.533.533 0 0 0-.535.535c0 .297.238.535.535.535h4.465a.533.533 0 0 0-.005-1.065"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M8.787 6.283v-3.57a.714.714 0 0 0-1.426 0v3.57a.714.714 0 0 0 1.426 0m11.07-2.144C21.04 4.14 22 5.1 22 6.283v3.214H2V6.283C2 5.1 2.96 4.14 4.144 4.14h2.143v2.144a1.787 1.787 0 1 0 3.574 0V4.14h4.287v2.144a1.787 1.787 0 1 0 3.574 0V4.14zm-3.213-1.426v3.57a.714.714 0 0 1-1.426 0v-3.57a.714.714 0 0 1 1.425 0M22 10.571V22H2V10.571zm-7.77 8.394h-2.948q.091-.255.092-.535v-1.61h1.609a.533.533 0 0 0 .534-.534.537.537 0 0 0-.534-.54h-1.61V14.32a1.07 1.07 0 0 1 1.742-.832.537.537 0 0 0 .677-.832 2.147 2.147 0 0 0-3.492 1.669v1.421h-.174a.533.533 0 0 0-.535.535c0 .297.238.535.535.535h.178v1.61a.527.527 0 0 1-.534.534.533.533 0 0 0-.535.535c0 .297.238.535.535.535h4.465a.533.533 0 0 0-.005-1.065"
         })
     }));

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

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: n, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: n, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
     return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: h,
             d: "M16.647 4.14h3.214c1.179 0 2.143.964 2.139 2.143V22H2V6.283C2 5.1 2.965 4.14 4.144 4.14h3.218V2.713a.714.714 0 0 1 1.427 0V4.14h6.432V2.713a.714.714 0 0 1 1.426 0zM3.43 20.57h17.143V10.21H3.43zM20.564 8.783v-2.5a.714.714 0 0 0-.713-.714h-3.213v1.427a.714.714 0 0 1-1.427 0V5.57H8.784v1.427a.714.714 0 0 1-1.426 0V5.57H4.144a.714.714 0 0 0-.713.713v2.501zM9.859 18.069a.714.714 0 0 0-.004 1.426h4.466a.714.714 0 0 0 0-1.426h-2.715q.035-.172.036-.357v-1.426h1.426a.714.714 0 0 0 0-1.427h-1.426v-1.248a.893.893 0 0 1 1.454-.694.717.717 0 0 0 1.006-.106.717.717 0 0 0-.106-1.005 2.32 2.32 0 0 0-1.458-.517 2.326 2.326 0 0 0-2.322 2.322v1.248a.714.714 0 0 0 0 1.427v1.426a.35.35 0 0 1-.357.357"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: h,
             d: "M16.647 4.14h3.214c1.179 0 2.143.964 2.139 2.143V22H2V6.283C2 5.1 2.965 4.14 4.144 4.14h3.218V2.713a.714.714 0 0 1 1.427 0V4.14h6.432V2.713a.714.714 0 0 1 1.426 0zM3.43 20.57h17.143V10.21H3.43zM20.564 8.783v-2.5a.714.714 0 0 0-.713-.714h-3.213v1.427a.714.714 0 0 1-1.427 0V5.57H8.784v1.427a.714.714 0 0 1-1.426 0V5.57H4.144a.714.714 0 0 0-.713.713v2.501zM9.859 18.069a.714.714 0 0 0-.004 1.426h4.466a.714.714 0 0 0 0-1.426h-2.715q.035-.172.036-.357v-1.426h1.426a.714.714 0 0 0 0-1.427h-1.426v-1.248a.893.893 0 0 1 1.454-.694.717.717 0 0 0 1.006-.106.717.717 0 0 0-.106-1.005 2.32 2.32 0 0 0-1.458-.517 2.326 2.326 0 0 0-2.322 2.322v1.248a.714.714 0 0 0 0 1.427v1.426a.35.35 0 0 1-.357.357"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-call-details-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 s = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M21.293 7.491 15.83 2.31a.56.56 0 0 0-.383-.154H8.066c-.569 0-1.107.538-1.107 1.106v1.507c-.417-.26-.846-.395-1.277-.403-.712-.014-1.423.317-2.115.978-.234.223-.456.527-.54.642l-.009.013-.008.011L3 6.021l-.008.01c-.636.922-.625 2.337.03 3.984.676 1.695 1.99 3.543 3.796 5.35l.006.006.053.056.006.005.068.067.069.068a.6.6 0 0 0-.062.252v4.921c0 .589.518 1.107 1.107 1.107h12.297c.588 0 1.106-.518 1.106-1.107V7.897a.56.56 0 0 0-.176-.406m-1.213.392h-2.182c-.653 0-1.2-.204-1.583-.588-.384-.384-.588-.933-.588-1.583V3.754zM3.912 6.68l.016-.025c.202-.28.337-.429.415-.502.93-.888 1.67-.89 2.549-.008q.261.256.451.568l.008.017c.267.426.513 1.101-.417 2.028a3 3 0 0 1-.333.292l-.065.058c-.19.208-.389.577-.24 1.154.078.311.249.656.523 1.054.392.574.978 1.238 1.897 2.157l.064.064c.919.919 1.583 1.501 2.157 1.896.398.275.742.446 1.053.524.577.146.947-.05 1.154-.24a.4.4 0 0 0 .059-.065q.135-.178.294-.334c.927-.927 1.602-.683 2.028-.417l.017.008c.207.127.4.278.568.452.883.882.88 1.619-.008 2.549-.073.075-.218.21-.501.414l-.026.017c-.602.406-1.666.35-2.927-.154-1.96-.782-3.784-2.359-4.969-3.544l-.04-.039-.03-.028c-1.185-1.187-2.762-3.011-3.543-4.972-.504-1.26-.56-2.325-.154-2.924"
         })
     }));
-}, m = i;
+}, d = s;

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

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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,
@@ -104,7 +104,7 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M21.324 7.9v13.108c0 .44-.387.826-.826.826H7.935c-.432 0-.827-.395-.827-.826v-5.462q0-.068.03-.124l-.186-.184-.003-.003-.062-.06-.003-.002c-1.778-1.781-3.07-3.6-3.73-5.258-.623-1.557-.642-2.876-.062-3.72l.01-.014.012-.016c.073-.101.291-.404.515-.617 1.179-1.126 2.348-1.199 3.48-.224V2.983c0-.418.408-.827.826-.827h7.647q.056 0 .106.021a.3.3 0 0 1 .093.06L21.243 7.7c.052.052.08.12.081.193V7.9m-6.022-5.184H7.935c-.107 0-.266.16-.266.267v2.73q-.001.08-.04.143.168.206.306.435c.442.711.706 1.82-.538 3.064q-.18.183-.387.342c-.196.246.146.823.367 1.148.47.687 1.252 1.49 1.799 2.037l.064.064c.546.546 1.35 1.328 2.037 1.796.324.224.901.563 1.148.367q.157-.207.342-.387c1.243-1.244 2.35-.98 3.064-.538q.407.243.74.583c1.207 1.207 1.21 2.462.002 3.723a5 5 0 0 1-.586.493l-.03.022-.017.011-.014.011c-.406.28-.927.423-1.53.423-.643 0-1.386-.16-2.19-.481-1.435-.573-2.991-1.618-4.537-3.043v5.082c0 .12.145.266.266.266h12.563c.129 0 .266-.137.266-.266V8.178h-2.451c-.88 0-1.633-.288-2.18-.831-.546-.544-.831-1.297-.831-2.18zm5.067 4.902-4.507-4.504v2.053c0 1.488.96 2.451 2.45 2.451zM7.347 14.84c3.658 3.658 6.918 4.644 8.257 3.73l.025-.019q.36-.26.541-.448c.994-1.042.997-1.95.006-2.941a3.2 3.2 0 0 0-.628-.496l-.008-.005c-.796-.496-1.572-.348-2.376.456q-.17.167-.313.359l-.031.033c-.602.555-1.55-.092-1.857-.305-.726-.496-1.555-1.303-2.118-1.863l-.064-.064c-.563-.563-1.367-1.392-1.863-2.118l-.002-.003c-.216-.315-.859-1.254-.303-1.854l.033-.03q.19-.145.359-.315c.8-.8.952-1.58.456-2.375l-.005-.008a3 3 0 0 0-.496-.628c-.992-.991-1.9-.989-2.941.006-.123.117-.275.3-.448.54l-.02.026c-.913 1.336.073 4.599 3.728 8.257l.037.037z"
         })
     }));

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

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

@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : n ? _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-call-landline-light.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const d = (_param)=>{
-    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

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

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