@telefonica/mistica 15.20.0 → 16.0.0

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

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

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

package/dist/generated/mistica-icons/icon-chip-device-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), v = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), v = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -118,4 +118,4 @@ const l = (_param)=>{
             })
         ]
     }));
-}, p = l;
+}, p = a;

package/dist/generated/mistica-icons/icon-chip-device-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
+const a = (_param)=>{
     var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), h = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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,
@@ -114,4 +114,4 @@ const l = (_param)=>{
             })
         ]
     }));
-}, p = l;
+}, p = a;

package/dist/generated/mistica-icons/icon-chip-sim-card-filled.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: h = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: h = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : a ? _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({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : a ? _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: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: i,
@@ -114,12 +114,12 @@ const s = (_param)=>{
                 d: "m18.929 6.338-3.686-3.69A2.23 2.23 0 0 0 13.7 2H6.433C5.359 2 4.5 2.932 4.5 4.115V22h15V7.734c-.032-.572-.212-1.04-.571-1.396M7.33 19.025v-8.1c0-.644.572-1.22 1.219-1.22h6.909c.642 0 1.218.572 1.218 1.22v8.1z"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: i,
@@ -135,7 +135,7 @@ const s = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: i,

package/dist/generated/mistica-icons/icon-chip-sim-card-light.js

@@ -97,8 +97,8 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : l ? _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({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : l ? _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: h,
         height: h,
         viewBox: "0 0 24 24",
@@ -114,7 +114,7 @@ const m = (_param)=>{
                 d: "M19.9 22H4.11V4.144C4.11 2.964 5.079 2 6.26 2h7.646c.575 0 1.114.216 1.507.644l3.84 3.82c.393.392.646.928.646 1.5zm-1.436-1.428V7.964a.7.7 0 0 0-.217-.5l-3.802-3.82a.73.73 0 0 0-.539-.216H6.261a.72.72 0 0 0-.72.716v16.428z"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-chip-sim-card-regular.js

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M4.559 7.39c-.188.463-.68.807-1.205.807C2.602 8.197 2 7.582 2 6.804c0-.728.564-1.344 1.316-1.344.525 0 .978.306 1.204.768h5.726l1.73-1.767-.008-.024c-.07-.218-.142-.443-.142-.704 0-.96.757-1.733 1.697-1.733s1.691.773 1.73 1.733c0 .965-.757 1.732-1.696 1.732-.26 0-.526-.078-.752-.192L10.733 7.39zm3.012 1.92h6.742l4.439-4.504a1.6 1.6 0 0 1-.15-.694c0-.965.752-1.733 1.697-1.733.944 0 1.696.773 1.658 1.733 0 .965-.757 1.732-1.697 1.732-.299 0-.564-.078-.79-.192l-4.709 4.81h-7.19c-.226.462-.68.768-1.205.768a1.32 1.32 0 0 1-1.315-1.344c0-.729.563-1.344 1.315-1.344.526 0 .979.305 1.205.768M20.3 11.235c-.752 0-1.354.502-1.58 1.151H4.597c-.188-.502-.68-.768-1.244-.768-.752 0-1.315.616-1.315 1.344 0 .768.602 1.344 1.315 1.344.526 0 .979-.305 1.205-.768h14.16c.226.655.866 1.152 1.58 1.152.94 0 1.696-.768 1.696-1.733-.005-.915-.756-1.722-1.696-1.722m-.752 7.497c.226-.114.487-.192.752-.192.94 0 1.701.762 1.701 1.727S21.248 22 20.304 22c-.945 0-1.697-.773-1.697-1.733 0-.265.077-.536.188-.768l-2.824-2.884H7.576c-.227.463-.68.768-1.205.768a1.32 1.32 0 0 1-1.316-1.344c0-.729.564-1.344 1.316-1.344.525 0 .978.345 1.205.807v-.039h8.771z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const a = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M4.559 7.39c-.188.463-.68.807-1.205.807C2.602 8.197 2 7.582 2 6.804c0-.728.564-1.344 1.316-1.344.525 0 .978.306 1.204.768h5.726l1.73-1.767-.008-.024c-.07-.218-.142-.443-.142-.704 0-.96.757-1.733 1.697-1.733s1.691.773 1.73 1.733c0 .965-.757 1.732-1.696 1.732-.26 0-.526-.078-.752-.192L10.733 7.39zm3.012 1.92h6.742l4.439-4.504a1.6 1.6 0 0 1-.15-.694c0-.965.752-1.733 1.697-1.733.944 0 1.696.773 1.658 1.733 0 .965-.757 1.732-1.697 1.732-.299 0-.564-.078-.79-.192l-4.709 4.81h-7.19c-.226.462-.68.768-1.205.768a1.32 1.32 0 0 1-1.315-1.344c0-.729.563-1.344 1.315-1.344.526 0 .979.305 1.205.768M20.3 11.235c-.752 0-1.354.502-1.58 1.151H4.597c-.188-.502-.68-.768-1.244-.768-.752 0-1.315.616-1.315 1.344 0 .768.602 1.344 1.315 1.344.526 0 .979-.305 1.205-.768h14.16c.226.655.866 1.152 1.58 1.152.94 0 1.696-.768 1.696-1.733-.005-.915-.756-1.722-1.696-1.722m-.752 7.497c.226-.114.487-.192.752-.192.94 0 1.701.762 1.701 1.727S21.248 22 20.304 22c-.945 0-1.697-.773-1.697-1.733 0-.265.077-.536.188-.768l-2.824-2.884H7.576c-.227.463-.68.768-1.205.768a1.32 1.32 0 0 1-1.316-1.344c0-.729.564-1.344 1.316-1.344.525 0 .978.345 1.205.807v-.039h8.771z"
         })
     }));

package/dist/generated/mistica-icons/icon-circuits-light.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,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : e ? _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,
@@ -105,7 +105,7 @@ const m = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M4.507 7.39a1.31 1.31 0 0 1-1.188.768C2.589 8.158 2 7.553 2 6.809c0-.743.59-1.344 1.319-1.344.526 0 .975.315 1.188.768h5.554l1.86-1.895a1.8 1.8 0 0 1-.112-.605c0-.955.763-1.733 1.7-1.733s1.7.778 1.7 1.733-.763 1.732-1.7 1.732c-.309 0-.599-.093-.85-.24L10.534 7.39zm9.563-3.657a.57.57 0 0 0-.566-.576c-.309 0-.565.26-.565.576s.256.576.566.576.564-.261.564-.576m6.23 7.502c-.739 0-1.357.482-1.594 1.151h-14.2a1.31 1.31 0 0 0-1.187-.768c-.73 0-1.319.601-1.319 1.344s.59 1.344 1.319 1.344c.526 0 .975-.315 1.188-.768h14.2c.236.67.854 1.152 1.593 1.152.937 0 1.7-.778 1.7-1.733a1.71 1.71 0 0 0-1.7-1.722m-.565 1.732c0-.315.256-.576.565-.576s.565.261.565.576a.575.575 0 0 1-.565.576.57.57 0 0 1-.565-.576m.565 5.573c-.266 0-.512.068-.734.177l-3.381-3.254h-8.66a1.31 1.31 0 0 0-1.188-.768c-.73 0-1.318.6-1.318 1.344 0 .743.589 1.344 1.318 1.344.527 0 .976-.315 1.188-.768h8.206l3.033 2.919a1.8 1.8 0 0 0-.164.733c0 .955.763 1.733 1.7 1.733s1.7-.778 1.7-1.733-.763-1.727-1.7-1.727m-.565 1.732c0-.315.256-.576.565-.576s.565.261.565.576a.575.575 0 0 1-.565.576.57.57 0 0 1-.565-.576M14.215 9.31h-6.69a1.31 1.31 0 0 0-1.188-.768c-.73 0-1.318.6-1.318 1.344 0 .743.589 1.344 1.318 1.344.527 0 .976-.315 1.188-.768h7.158l4.762-4.854c.251.148.541.241.85.241.937 0 1.7-.777 1.7-1.732s-.758-1.728-1.695-1.728-1.7.778-1.7 1.733c0 .216.043.418.11.605zm6.65-5.193a.575.575 0 0 1-.565.576.575.575 0 0 1-.565-.576c0-.315.251-.576.565-.576s.565.26.565.576"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const m = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M18.293 4.365A1.84 1.84 0 0 1 20.147 2.5c1.038 0 1.848.82 1.848 1.865a1.84 1.84 0 0 1-1.853 1.864c-.446 0-.816-.147-1.148-.41l-4.849 4.879H7.48a1.075 1.075 0 0 1-1.038.744c-.626 0-1.11-.486-1.11-1.116s.48-1.116 1.11-1.116c.483 0 .891.296 1.038.744h6.371l4.665-4.693a1.8 1.8 0 0 1-.223-.896m.038 8.193a1.866 1.866 0 0 1 1.816-1.488c1.038 0 1.853.81 1.853 1.855a1.84 1.84 0 0 1-1.854 1.865 1.86 1.86 0 0 1-1.815-1.488H4.147a1.075 1.075 0 0 1-1.038.744C2.484 14.046 2 13.56 2 12.93s.479-1.116 1.11-1.116c.483 0 .89.296 1.037.744zm-15.222.744a.33.33 0 0 0 .261-.11c.038-.038.109-.11.109-.262 0-.224-.147-.372-.37-.372s-.37.148-.37.372.185.372.37.372m17.815.41c.223-.22.332-.486.332-.782q0-.445-.332-.782c-.185-.224-.484-.334-.777-.334-.626 0-1.11.52-1.11 1.116q0 .445.332.782.336.335.777.334c.294 0 .593-.11.778-.334M6.703 10.584c.037-.039.109-.11.109-.263 0-.224-.147-.372-.37-.372s-.37.148-.37.372.185.372.37.372a.33.33 0 0 0 .26-.11M20.147 5.48c.293 0 .592-.11.777-.334q.333-.338.332-.782 0-.445-.332-.782c-.185-.225-.484-.334-.777-.334-.626 0-1.11.52-1.11 1.116q0 .444.332.782.336.335.777.334M3.108 8.833c.484 0 .891-.295 1.038-.744h6.258l2.11-2.122a1.7 1.7 0 0 0 .962.262 1.84 1.84 0 0 0 1.853-1.864A1.84 1.84 0 0 0 13.477 2.5a1.84 1.84 0 0 0-1.484 2.947l-1.887 1.898H4.147a1.075 1.075 0 0 0-1.038-.744C2.48 6.601 2 7.088 2 7.717s.479 1.116 1.11 1.116m11.145-5.255q.333.337.332.782c0 .296-.11.596-.332.782q-.278.335-.777.334-.442.001-.778-.334a1.08 1.08 0 0 1-.332-.782c.038-.63.522-1.116 1.11-1.116.294 0 .592.11.777.334M3.11 7.34c.223 0 .37.147.37.372 0 .139-.067.214-.103.255l-.006.007a.33.33 0 0 1-.26.11.37.37 0 0 1-.37-.372c0-.225.146-.372.37-.372m4.371 7.826h8.367l3.598 3.615a.36.36 0 0 1 0 .52.4.4 0 0 1-.26.11.4.4 0 0 1-.262-.11l-3.37-3.391H7.48a1.075 1.075 0 0 1-1.038.744c-.626 0-1.11-.487-1.11-1.116s.48-1.116 1.11-1.116c.483 0 .891.295 1.038.744m-.777.634a.35.35 0 0 0 .109-.262c0-.224-.147-.372-.37-.372s-.37.148-.37.372a.37.37 0 0 0 .37.372.33.33 0 0 0 .26-.11m13.444 4.955c0-.41.331-.744.739-.744s.74.334.74.744-.332.744-.74.744a.743.743 0 0 1-.74-.744"
         })
     }));
-}, v = m;
+}, u = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : h ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
             d: "M4.507 7.39a1.31 1.31 0 0 1-1.188.768C2.589 8.158 2 7.553 2 6.809c0-.743.59-1.344 1.319-1.344.526 0 .975.315 1.188.768h5.554l1.86-1.895a1.8 1.8 0 0 1-.112-.605c0-.955.763-1.733 1.7-1.733s1.7.778 1.7 1.733-.763 1.732-1.7 1.732c-.309 0-.599-.093-.85-.24L10.534 7.39zm9.563-3.657a.57.57 0 0 0-.566-.576c-.309 0-.565.26-.565.576s.256.576.566.576.564-.261.564-.576m6.23 7.502c-.739 0-1.357.482-1.594 1.151h-14.2a1.31 1.31 0 0 0-1.187-.768c-.73 0-1.319.601-1.319 1.344s.59 1.344 1.319 1.344c.526 0 .975-.315 1.188-.768h14.2c.236.67.854 1.152 1.593 1.152.937 0 1.7-.778 1.7-1.733a1.71 1.71 0 0 0-1.7-1.722m-.565 1.732c0-.315.256-.576.565-.576s.565.261.565.576a.575.575 0 0 1-.565.576.57.57 0 0 1-.565-.576m.565 5.573c-.266 0-.512.068-.734.177l-3.381-3.254h-8.66a1.31 1.31 0 0 0-1.188-.768c-.73 0-1.318.6-1.318 1.344 0 .743.589 1.344 1.318 1.344.527 0 .976-.315 1.188-.768h8.206l3.033 2.919a1.8 1.8 0 0 0-.164.733c0 .955.763 1.733 1.7 1.733s1.7-.778 1.7-1.733-.763-1.727-1.7-1.727m-.565 1.732c0-.315.256-.576.565-.576s.565.261.565.576a.575.575 0 0 1-.565.576.57.57 0 0 1-.565-.576M14.215 9.31h-6.69a1.31 1.31 0 0 0-1.188-.768c-.73 0-1.318.6-1.318 1.344 0 .743.589 1.344 1.318 1.344.527 0 .976-.315 1.188-.768h7.158l4.762-4.854c.251.148.541.241.85.241.937 0 1.7-.777 1.7-1.732s-.758-1.728-1.695-1.728-1.7.778-1.7 1.733c0 .216.043.418.11.605zm6.65-5.193a.575.575 0 0 1-.565.576.575.575 0 0 1-.565-.576c0-.315.251-.576.565-.576s.565.26.565.576"
@@ -113,10 +113,10 @@ const m = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
             d: "M4.507 7.39a1.31 1.31 0 0 1-1.188.768C2.589 8.158 2 7.553 2 6.809c0-.743.59-1.344 1.319-1.344.526 0 .975.315 1.188.768h5.554l1.86-1.895a1.8 1.8 0 0 1-.112-.605c0-.955.763-1.733 1.7-1.733s1.7.778 1.7 1.733-.763 1.732-1.7 1.732c-.309 0-.599-.093-.85-.24L10.534 7.39zm9.563-3.657a.57.57 0 0 0-.566-.576c-.309 0-.565.26-.565.576s.256.576.566.576.564-.261.564-.576m6.23 7.502c-.739 0-1.357.482-1.594 1.151h-14.2a1.31 1.31 0 0 0-1.187-.768c-.73 0-1.319.601-1.319 1.344s.59 1.344 1.319 1.344c.526 0 .975-.315 1.188-.768h14.2c.236.67.854 1.152 1.593 1.152.937 0 1.7-.778 1.7-1.733a1.71 1.71 0 0 0-1.7-1.722m-.565 1.732c0-.315.256-.576.565-.576s.565.261.565.576a.575.575 0 0 1-.565.576.57.57 0 0 1-.565-.576m.565 5.573c-.266 0-.512.068-.734.177l-3.381-3.254h-8.66a1.31 1.31 0 0 0-1.188-.768c-.73 0-1.318.6-1.318 1.344 0 .743.589 1.344 1.318 1.344.527 0 .976-.315 1.188-.768h8.206l3.033 2.919a1.8 1.8 0 0 0-.164.733c0 .955.763 1.733 1.7 1.733s1.7-.778 1.7-1.733-.763-1.727-1.7-1.727m-.565 1.732c0-.315.256-.576.565-.576s.565.261.565.576a.575.575 0 0 1-.565.576.57.57 0 0 1-.565-.576M14.215 9.31h-6.69a1.31 1.31 0 0 0-1.188-.768c-.73 0-1.318.6-1.318 1.344 0 .743.589 1.344 1.318 1.344.527 0 .976-.315 1.188-.768h7.158l4.762-4.854c.251.148.541.241.85.241.937 0 1.7-.777 1.7-1.732s-.758-1.728-1.695-1.728-1.7.778-1.7 1.733c0 .216.043.418.11.605zm6.65-5.193a.575.575 0 0 1-.565.576.575.575 0 0 1-.565-.576c0-.315.251-.576.565-.576s.565.26.565.576"
         })
     }));
-}, v = m;
+}, d = m;

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

@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
-    var { color: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: n, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -119,4 +119,4 @@ const a = (_param)=>{
             d: "M17.127 5.336V2h-6.59c-.22 0-.402.112-.548.26l-2.38 2.776a.75.75 0 0 0-.11.776c.11.26.367.444.656.444h1.28v2.036H6.87v11.484C6.87 21 7.858 22 9.068 22h5.126c1.21 0 2.197-1 2.197-2.224V8.296h-2.565v-1.52l.479.776c.146.224.367.372.62.372a.6.6 0 0 0 .368-.112c.332-.224.478-.664.257-1l-.878-1.484h.62z"
         })
     }));
-}, p = a;
+}, p = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: r, size: h = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: h = 24 } = _param, o = _object_without_properties(_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: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
@@ -125,4 +125,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, g = v;
+}, d = v;

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: o, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : 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: e,
         height: e,
@@ -105,7 +105,7 @@ const s = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M15.45 4.991h1.676V2h-6.523c-.148 0-.3.076-.411.184L7.768 4.987a.52.52 0 0 0-.076.597c.076.184.3.336.523.336h1.49v2.242H6.87v11.596A2.246 2.246 0 0 0 9.106 22h5.218a2.246 2.246 0 0 0 2.236-2.242V8.17h-2.795V6.116l.036-.076.782 1.31c.112.184.3.264.483.264.09 0 .155-.024.237-.054l.063-.022c.263-.149.335-.485.183-.785L14.543 5.07l.076-.076c.008-.004.83-.004.83-.004m-.376 14.767a.75.75 0 0 1-.746.749H9.114a.75.75 0 0 1-.747-.75V9.665h6.707zm-4.283-14.39c0-.301-.264-.561-.56-.561H9.41l1.453-1.682h5.143v.749h-1.677a.54.54 0 0 0-.447.224l-1.118 1.494a.6.6 0 0 0-.112.336V8.17h-1.86z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const s = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M15.45 4.991h1.676V2h-6.523c-.148 0-.3.076-.411.184L7.768 4.987a.52.52 0 0 0-.076.597c.076.184.3.336.523.336h1.49v2.242H6.87v11.596A2.246 2.246 0 0 0 9.106 22h5.218a2.246 2.246 0 0 0 2.236-2.242V8.17h-2.795V6.116l.036-.076.782 1.31c.112.184.3.264.483.264.09 0 .155-.024.237-.054l.063-.022c.263-.149.335-.485.183-.785L14.543 5.07l.076-.076c.008-.004.83-.004.83-.004m-.376 14.767a.75.75 0 0 1-.746.749H9.114a.75.75 0 0 1-.747-.75V9.665h6.707zm-4.283-14.39c0-.301-.264-.561-.56-.561H9.41l1.453-1.682h5.143v.749h-1.677a.54.54 0 0 0-.447.224l-1.118 1.494a.6.6 0 0 0-.112.336V8.17h-1.86z"
         })
     }));

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

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

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

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

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

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

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: s, size: l = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), c = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = a !== null && a !== void 0 ? a : e ? _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"
-    }, a), {
+    }, s), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,

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

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = l !== null && l !== void 0 ? l : 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M16.53 22a3.43 3.43 0 0 1-2.459-1.043L3.89 10.506A5 5 0 0 1 2.47 6.98c0-1.33.505-2.58 1.42-3.523a4.772 4.772 0 0 1 6.864 0l10.553 10.825c.28.288.28.755 0 1.043a.705.705 0 0 1-1.015 0L9.738 4.5a3.34 3.34 0 0 0-2.416-1.028c-.915 0-1.77.363-2.417 1.028a3.52 3.52 0 0 0-1.002 2.481c0 .939.354 1.816 1.002 2.481l10.181 10.453c.795.816 2.09.816 2.886 0a2.14 2.14 0 0 0 0-2.962L7.79 6.505a.665.665 0 0 0-.932 0 .68.68 0 0 0-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L5.842 8.505a2.193 2.193 0 0 1 0-3.043 2.06 2.06 0 0 1 2.968 0l10.182 10.453c1.355 1.392 1.355 3.656 0 5.043A3.46 3.46 0 0 1 16.529 22"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M14.223 21.03c.617.645 1.428.97 2.24.97.81 0 1.622-.325 2.24-.97 1.234-1.29 1.234-3.39 0-4.68L8.301 5.484a1.708 1.708 0 0 0-2.487 0 1.9 1.9 0 0 0 0 2.599l9.409 9.821a.34.34 0 0 0 .495 0 .37.37 0 0 0 0-.518L6.315 7.56a1.14 1.14 0 0 1 0-1.558 1.04 1.04 0 0 1 1.491 0l10.396 10.87c.96 1.004.96 2.637 0 3.64a2.39 2.39 0 0 1-3.483 0L4.319 9.646a4.1 4.1 0 0 1-1.136-2.863c0-1.082.406-2.1 1.136-2.862a3.76 3.76 0 0 1 2.74-1.187 3.77 3.77 0 0 1 2.739 1.187l9.368 9.788a.34.34 0 0 0 .496 0 .37.37 0 0 0 0-.518l-9.368-9.788C9.429 2.499 8.279 2 7.058 2c-1.22 0-2.37.5-3.235 1.403a4.86 4.86 0 0 0-1.343 3.38c0 1.276.478 2.477 1.343 3.38zM20.825 15.649c.387 0 .703-.33.703-.735s-.316-.734-.703-.734c-.388 0-.703.33-.703.734 0 .405.315.735.703.735"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M12.001 21.838c-2.907 0-4.512-1.457-4.512-4.107V5.434c0-2.117 1.283-3.283 3.613-3.283 2.328 0 3.61 1.166 3.61 3.286v10.65c0 1.557-.98 2.454-2.694 2.454s-2.695-.894-2.695-2.454v-8.98c0-.227.202-.41.451-.41.25 0 .449.185.449.41v8.98c0 1.115.571 1.633 1.792 1.633 1.224 0 1.793-.518 1.793-1.633V5.437c0-1.658-.888-2.465-2.711-2.465-1.824 0-2.712.807-2.712 2.465v12.297c0 2.18 1.216 3.286 3.61 3.286 2.396 0 3.611-1.107 3.611-3.286L15.596 7.1c0-.227.2-.41.447-.41h.003c.25 0 .451.183.451.41l.014 10.636c.003 2.644-1.602 4.1-4.51 4.1"
         })
     }));
-}, d = s;
+}, f = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const h = (_param)=>{
             fill: e,
             d: "M16.53 22a3.43 3.43 0 0 1-2.459-1.043L3.89 10.506A5 5 0 0 1 2.47 6.98c0-1.33.505-2.58 1.42-3.523a4.772 4.772 0 0 1 6.864 0l10.554 10.825c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L9.74 4.5a3.34 3.34 0 0 0-2.417-1.028c-.914 0-1.77.363-2.417 1.028a3.52 3.52 0 0 0-1.001 2.481c0 .939.353 1.816 1.001 2.481l10.182 10.453c.794.816 2.09.816 2.885 0a2.14 2.14 0 0 0 0-2.962L7.79 6.505a.665.665 0 0 0-.932 0 .68.68 0 0 0-.193.48c0 .185.069.355.193.482l9.203 9.448c.28.288.28.755 0 1.043a.705.705 0 0 1-1.016 0L5.842 8.505a2.193 2.193 0 0 1 0-3.043 2.06 2.06 0 0 1 2.968 0l10.182 10.453c1.355 1.392 1.355 3.656 0 5.043A3.46 3.46 0 0 1 16.529 22"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M11.993 21.841c-2.863 0-4.507-1.563-4.507-4.291V5.31c0-2.004 1.207-3.155 3.31-3.155 2.104 0 3.311 1.148 3.311 3.154l.026 11.053c0 1.166-.76 1.888-1.98 1.888-1.222 0-1.981-.723-1.981-1.885V6.284c0-.34.288-.61.641-.61.356 0 .642.274.642.61v10.078c0 .496.176.661.694.661.522 0 .695-.165.695-.66l-.028-11.054c0-1.316-.644-1.93-2.025-1.93s-2.025.614-2.025 1.93V17.55c0 2.064 1.053 3.067 3.221 3.067s3.221-1.003 3.221-3.067l.011-11.32c0-.338.289-.61.642-.61.356 0 .641.274.641.613l-.01 11.32c.008 2.725-1.637 4.288-4.5 4.288"
         })
     }));
-}, d = h;
+}, v = h;

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

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