@telefonica/mistica 15.20.0 → 16.0.0

package/dist/generated/mistica-icons/icon-file-sketch-light.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M19.352 7.911a.4.4 0 0 1 .03.163v12.563c0 .652-.557 1.204-1.22 1.204H5.835c-.65 0-1.221-.563-1.221-1.204V3.36c0-.63.583-1.205 1.221-1.205h7.502c.179 0 .353.07.479.193l5.358 5.236c.095.09.146.204.177.327m-.787 12.726V8.757H16.02c-.972 0-1.81-.316-2.42-.916-.616-.602-.944-1.428-.944-2.383V2.984H5.839c-.182 0-.4.205-.4.378v17.275c0 .188.201.378.4.378h12.325c.207 0 .4-.185.4-.378m-5.09-17.474v2.292c0 .728.24 1.347.695 1.79.456.445 1.098.683 1.851.683h2.33zm2.387 9.813h-1.11l.448-1.3zm-1.396.829h1.261l-2.412 3.347zm-6.187 0h1.3l1.165 3.39zm1.734-1.258-.518-1.504H11.2zm4.017.006-1.205-1.51h1.726zm-3.309.423 1.289-1.633 1.305 1.633zm-.277.829h3.157l-1.58 4.585zM8.84 11.662l.454 1.314H8.15zm8.1 1.728a.4.4 0 0 0-.041-.179q0-.006-.003-.008L15.49 10.44l-.006-.007-.005-.007a.35.35 0 0 0-.118-.13q-.026-.019-.05-.03l-.02-.013q-.014-.012-.03-.018a.3.3 0 0 0-.083-.012l-.021-.002-.016-.004-.015-.004H8.918l-.016.004q-.008.004-.015.004l-.022.002a.3.3 0 0 0-.082.012q-.016.007-.03.016l-.018.012q-.022.01-.039.024l-.011.007a.4.4 0 0 0-.122.132l-.007.008-1.448 2.762-.001.005-.002.006a.45.45 0 0 0-.045.182l.002.009.001.008q.001.016.005.029l.004.013q.01.087.056.157l.005.014q.002.008.006.014l4.552 6.258a.2.2 0 0 0 .043.04l.024.019.016.014q.015.016.034.028c.065.042.135.07.213.07a.4.4 0 0 0 .213-.07.4.4 0 0 0 .05-.045l.024-.019a.2.2 0 0 0 .044-.04l4.51-6.258q.005-.007.007-.016 0-.006.004-.012a.4.4 0 0 0 .056-.151l.003-.013a.1.1 0 0 0 .005-.032q0-.004.002-.008z"
         })
     }));

package/dist/generated/mistica-icons/icon-file-sketch-regular.js

@@ -96,7 +96,7 @@ const s = (_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.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

package/dist/generated/mistica-icons/icon-file-zip-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");
@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: e, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, i = _object_without_properties(_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 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -114,4 +114,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, m = v;
+}, d = v;

package/dist/generated/mistica-icons/icon-file-zip-light.js

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

@@ -92,24 +92,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const t = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), h = l !== null && l !== void 0 ? l : v ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M8.942 11.408h.846v3.703h-.846zM5.483 14.615l1.798-2.582H5.536v-.622H8.32v.518l-1.77 2.56h1.781v.622H5.483zM11.87 11.408h-1.278v3.703h.846v-1.277h.596c.488 0 .824-.115 1.04-.359.185-.207.277-.504.277-.9 0-.394-.095-.68-.297-.865-.238-.22-.605-.302-1.185-.302m-.01 1.793v.002h-.416v-1.182h.394c.261 0 .418.037.522.13.098.092.14.24.14.439q0 .324-.146.47c-.11.101-.221.14-.493.14"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: r,
                 d: "M21.578 7.528c.17.168.263.39.263.622v12.306c0 .75-.644 1.383-1.409 1.383H8.25c-.75 0-1.409-.647-1.409-1.383l.034-2.774h-2.3a2.427 2.427 0 0 1-2.42-2.425V11.16a2.427 2.427 0 0 1 2.42-2.425h2.266V3.534c0-.726.673-1.384 1.41-1.384h7.414c.23 0 .445.087.61.244zm-1.146 13.096c.098 0 .194-.096.194-.168V9.02h-2.311c-1.014 0-1.891-.33-2.535-.952-.65-.628-.992-1.487-.992-2.482V3.37H8.253c-.073 0-.188.109-.193.168v5.201h6.364c1.336 0 2.42 1.09 2.42 2.426v4.095a2.427 2.427 0 0 1-2.42 2.426h-6.33l-.034 2.779c0 .05.1.16.193.16zM3.368 15.259c0 .667.54 1.21 1.207 1.21h9.846a1.21 1.21 0 0 0 1.207-1.21v-4.095c0-.666-.54-1.21-1.207-1.21H4.575a1.21 1.21 0 0 0-1.207 1.21zM16.004 3.822v1.765c0 .658.215 1.213.622 1.608.414.4.997.61 1.691.61h1.802z"
             })
         ]

package/dist/generated/mistica-icons/icon-files-digital-filled.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: i = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = r !== null && r !== void 0 ? r : 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: o,
-        height: o,
+        width: i,
+        height: i,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M21.087 14.468c-.499.532-1.235.804-2.182.804l-7.17.002v.79h9.478c.339 0 .602.28.602.617a.604.604 0 0 1-.602.616h-9.479v1.784c0 .591-.496 1.093-1.081 1.093H3.266a1.103 1.103 0 0 1-1.08-1.093V8.597c0-.591.503-1.101 1.08-1.101h1.275V6.78c0-.935.252-1.666.73-2.168.5-.523 1.236-.787 2.183-.787l11.45-.008c.948 0 1.687.263 2.183.79q.733.765.731 2.168v5.513c0 .938-.24 1.669-.731 2.179M10.53 18.944v-6.712H9.367c-.683 0-1.266-.224-1.7-.658-.44-.434-.672-1.028-.672-1.709V8.731H3.387v10.213zM8.2 8.78h-.004v1.084c0 .345.104.625.306.83.263.257.607.305.865.305h1.12z"

package/dist/generated/mistica-icons/icon-files-digital-light.js

@@ -96,7 +96,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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 v = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M11.496 15.764h9.933a.41.41 0 0 1 .409.4v.003a.404.404 0 0 1-.41.4h-9.932v2.351c0 .473-.415.871-.905.871H3.056c-.482 0-.905-.406-.905-.871V8.672c0-.457.432-.872.905-.874h1.501v-.902c0-.858.23-1.521.687-1.978.47-.468 1.168-.709 2.08-.709l11.69-.005c.913 0 1.613.238 2.084.708.457.457.686 1.12.686 1.978v5.39c0 .86-.23 1.529-.683 1.991-.474.479-1.174.723-2.084.723l-7.521.002zM5.832 5.481c-.3.3-.451.779-.451 1.417V7.8h2.26a.58.58 0 0 1 .407.16l3.271 3.104a.55.55 0 0 1 .14.243.4.4 0 0 1 .034.157v2.731l7.521-.002c.68 0 1.182-.16 1.493-.477.302-.308.457-.79.457-1.434v-5.39c0-.638-.152-1.117-.451-1.417-.311-.31-.813-.467-1.496-.467L7.33 5.013c-.687 0-1.191.157-1.5.468M3.056 18.985h7.535c.045.003.087-.045.087-.07v-6.89H9.28c-.636 0-1.188-.202-1.59-.586-.41-.386-.626-.916-.626-1.527v-1.31H3.056c-.025.002-.078.044-.087.072v10.244c.003.02.048.067.087.067M7.882 8.921v.991c0 .39.132.717.376.95.249.238.602.361 1.022.361h1.03z"
         })
     }));

package/dist/generated/mistica-icons/icon-files-digital-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M21.087 14.468c-.499.532-1.235.804-2.182.804h-7.168v.79h9.476c.339 0 .602.28.602.616a.605.605 0 0 1-.602.616h-9.479v1.784c0 .591-.496 1.093-1.081 1.093H3.266a1.103 1.103 0 0 1-1.08-1.093V8.594c0-.591.503-1.101 1.08-1.101h1.275v-.714c0-.936.25-1.667.73-2.168.5-.524 1.236-.788 2.183-.788l11.45-.008c.948 0 1.687.263 2.183.79q.733.764.731 2.17v5.516c0 .936-.24 1.667-.731 2.177m-9.585-3.566c.09.081.145.196.184.31q.051.114.048.25v2.588l7.168-.008c.608 0 1.05-.14 1.322-.429.255-.268.384-.714.384-1.322V6.78c0-.6-.126-1.042-.384-1.306q-.396-.42-1.322-.42l-11.45.009c-.609 0-1.06.14-1.323.42-.255.263-.384.706-.384 1.305v.714h2.02c.193 0 .392.082.53.222zM8.199 9.339v.526c0 .345.104.625.305.83.264.257.611.305.866.305h.513zm2.33 9.605v-6.712H9.368c-.68 0-1.266-.224-1.7-.658-.44-.434-.672-1.028-.672-1.709V8.731H3.387v10.213z"
         })
     }));
-}, m = n;
+}, m = a;

package/dist/generated/mistica-icons/icon-find-store-filled.js

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

package/dist/generated/mistica-icons/icon-find-store-light.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : v ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.989 4.772q-.002-.012-.003-.025a.8.8 0 0 0-.044-.174q0-.003-.003-.004l-.002-.005a.6.6 0 0 0-.096-.155l-.007-.01-1.756-2.143A.7.7 0 0 0 19.539 2H5.509a.71.71 0 0 0-.538.256L3.215 4.399l-.007.01-.007.009a1 1 0 0 0-.09.146q0 .003-.002.005l-.002.004a.7.7 0 0 0-.045.174q-.005.025-.004.05 0 .018-.003.032l-.002.032v3.926H5.16v3.13a3.76 3.76 0 0 0-1.4 2.94c0 .84.278 1.613.74 2.239l-2.344 2.381a.54.54 0 0 0 0 .759.52.52 0 0 0 .373.155c.134 0 .27-.05.372-.155l2.26-2.3V22h15.084V8.787H22V4.861l-.002-.01q-.007-.025-.007-.054zM5.837 3.43h13.379l.75.892H5.083zm3 17.14H6.56v-2.076a3.572 3.572 0 0 0 2.277-.174zm-1.4-3.035c-1.451 0-2.632-1.202-2.632-2.678 0-1.477 1.18-2.679 2.631-2.679s2.632 1.202 2.632 2.678c0 1.477-1.181 2.679-2.632 2.679m2.456 3.035v-2.926a3.78 3.78 0 0 0 0-5.576v-.603h5.613v9.105zm6.664 0V10.39H8.842v.997a3.6 3.6 0 0 0-2.277-.174V8.778h12.278V20.57zM4.454 5.39h16.14v1.965H4.454z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const n = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M22 8.07V4.5q.001-.005-.005-.018a.3.3 0 0 0-.022-.114v-.01a.4.4 0 0 0-.055-.086l-1.767-2.144A.35.35 0 0 0 19.88 2H5.019a.35.35 0 0 0-.272.128L2.975 4.272a.4.4 0 0 0-.054.087c-.005.004-.005.004-.005.009a.3.3 0 0 0-.022.114q0 .009-.003.013l-.002.006V8.08h2.12v4.078a3.57 3.57 0 0 0-1.236 2.706c0 .832.28 1.623.797 2.258L2.105 19.61a.353.353 0 0 0 0 .503.35.35 0 0 0 .25.105c.09 0 .18-.036.249-.105l2.464-2.487a3.49 3.49 0 0 0 4.01.32v3.342H5.716v-1.788a.355.355 0 0 0-.353-.356.355.355 0 0 0-.353.356V22h15.395V8.07zm-5.487 8.216a.71.71 0 0 0-.707-.713.71.71 0 0 0-.706.713.71.71 0 0 0 .706.713.71.71 0 0 0 .707-.713M4 4.144l1.178-1.426h14.54l1.178 1.426zm6.144 10.715c0 1.578-1.269 2.858-2.832 2.858a2.81 2.81 0 0 1-1.998-.832c-.004 0-.004-.005-.004-.005 0-.005-.005-.005-.005-.005a2.86 2.86 0 0 1-.825-2.016c0-1.577 1.27-2.857 2.832-2.857 1.563 0 2.832 1.28 2.832 2.857m9.56-6.784v13.212h-3.539V18.43a.355.355 0 0 0-.353-.357.355.355 0 0 0-.353.357v2.857H9.794v-3.881a3.58 3.58 0 0 0 1.06-2.547c0-.996-.407-1.897-1.06-2.546v-.846h5.664v2.68c0 .196.158.356.353.356s.353-.16.353-.357v-3.392H9.087v1.02a3.473 3.473 0 0 0-3.366-.096V8.075zM3.596 4.862h17.697v2.5H3.596z"
         })
     }));

package/dist/generated/mistica-icons/icon-find-store-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,15 +97,15 @@ 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: v } = (0, _hooks.useTheme)();
-    return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.989 4.772q-.002-.012-.003-.025a.8.8 0 0 0-.044-.174q0-.003-.003-.004l-.002-.005a.6.6 0 0 0-.096-.155l-.007-.01-1.756-2.143A.7.7 0 0 0 19.539 2H5.509a.71.71 0 0 0-.538.256L3.215 4.399l-.007.01-.007.009a1 1 0 0 0-.09.146q0 .003-.002.005l-.002.004a.7.7 0 0 0-.045.174q-.005.025-.004.05 0 .018-.003.032l-.002.032v3.926H5.16v3.13a3.76 3.76 0 0 0-1.4 2.94c0 .84.278 1.613.74 2.239l-2.344 2.381a.54.54 0 0 0 0 .759.52.52 0 0 0 .373.155c.134 0 .27-.05.372-.155l2.26-2.3V22h15.084V8.787H22V4.861l-.002-.01q-.007-.025-.007-.054zM5.837 3.43h13.379l.75.892H5.083zm3 17.14H6.56v-2.076a3.572 3.572 0 0 0 2.277-.174zm-1.4-3.035c-1.451 0-2.632-1.202-2.632-2.678 0-1.477 1.18-2.679 2.631-2.679s2.632 1.202 2.632 2.678c0 1.477-1.181 2.679-2.632 2.679m2.456 3.035v-2.926a3.78 3.78 0 0 0 0-5.576v-.603h5.613v9.105zm6.664 0V10.39H8.842v.997a3.6 3.6 0 0 0-2.277-.174V8.778h12.278V20.57zM4.454 5.39h16.14v1.965H4.454z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.989 4.772q-.002-.012-.003-.025a.8.8 0 0 0-.044-.174q0-.003-.003-.004l-.002-.005a.6.6 0 0 0-.096-.155l-.007-.01-1.756-2.143A.7.7 0 0 0 19.539 2H5.509a.71.71 0 0 0-.538.256L3.215 4.399l-.007.01-.007.009a1 1 0 0 0-.09.146q0 .003-.002.005l-.002.004a.7.7 0 0 0-.045.174q-.005.025-.004.05 0 .018-.003.032l-.002.032v3.926H5.16v3.13a3.76 3.76 0 0 0-1.4 2.94c0 .84.278 1.613.74 2.239l-2.344 2.381a.54.54 0 0 0 0 .759.52.52 0 0 0 .373.155c.134 0 .27-.05.372-.155l2.26-2.3V22h15.084V8.787H22V4.861l-.002-.01q-.007-.025-.007-.054zM5.837 3.43h13.379l.75.892H5.083zm3 17.14H6.56v-2.076a3.572 3.572 0 0 0 2.277-.174zm-1.4-3.035c-1.451 0-2.632-1.202-2.632-2.678 0-1.477 1.18-2.679 2.631-2.679s2.632 1.202 2.632 2.678c0 1.477-1.181 2.679-2.632 2.679m2.456 3.035v-2.926a3.78 3.78 0 0 0 0-5.576v-.603h5.613v9.105zm6.664 0V10.39H8.842v.997a3.6 3.6 0 0 0-2.277-.174V8.778h12.278V20.57zM4.454 5.39h16.14v1.965H4.454z"
         })
     }));
-}, q = s;
+}, d = s;

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

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

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

@@ -96,7 +96,7 @@ const s = (_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,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
+const a = (_param)=>{
     var { color: i, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : s ? _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 c = (_param)=>{
             d: "M18.14 11.307a9.4 9.4 0 0 0-1.424-1.238c-4.11-2.989-2.347-7.16-2.272-7.336a.42.42 0 0 0-.058-.432.41.41 0 0 0-.412-.137c-1.843.437-3.737 1.395-5.33 2.698-5.27 4.308-5.28 11.05-2.967 13.991 1.04 1.322 2.524 2.255 4.157 2.726a4 4 0 0 1-.756-.58 3.393 3.393 0 0 1-.163-4.647q.313-.358.7-.653c1.586-1.238.886-3.005.877-3.022a.62.62 0 0 1 .104-.642.63.63 0 0 1 .619-.196c.888.227 1.798.717 2.56 1.387 1.706 1.496 3.056 4.98 1.386 7.258a4.05 4.05 0 0 1-1.773 1.355c.225-.033.449-.061.673-.114.08-.012 2.01-.292 3.77-1.905 1.202-1.101 1.896-2.588 1.955-4.185.056-1.597-.53-3.135-1.647-4.328"
         })
     }));
-}, h = c;
+}, h = a;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: r = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : t ? _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"
-    }, a), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M16.721 10.039q.771.547 1.423 1.232c1.118 1.185 1.703 2.715 1.642 4.308-.06 1.586-.754 3.065-1.956 4.163-1.759 1.605-3.688 1.885-3.77 1.896a8.3 8.3 0 0 1-1.837.205l-.203-.002-.136-.001q-.276-.002-.552-.045c-2.207-.23-4.303-1.302-5.656-3.014-2.31-2.927-2.302-9.638 2.97-13.927 1.593-1.297 3.49-2.25 5.336-2.686a.411.411 0 0 1 .468.566c-.076.176-1.838 4.327 2.271 7.305m.558 9.095c1.036-.947 1.636-2.221 1.689-3.588.05-1.37-.454-2.69-1.42-3.712a8.6 8.6 0 0 0-1.306-1.128c-3.557-2.575-3.179-6.028-2.79-7.541-1.495.465-2.994 1.274-4.285 2.328C5.954 8.106 3.25 14.383 6.32 18.27a7.04 7.04 0 0 0 2.462 1.953 3.156 3.156 0 0 1 .286-3.793q.302-.346.67-.625c1.708-1.33.949-3.232.94-3.252a.41.41 0 0 1-.053-.776.41.41 0 0 1 .538.222c.857.218 1.737.691 2.476 1.336 1.644 1.437 2.955 4.773 1.356 6.947q-.135.179-.286.341a7.1 7.1 0 0 0 2.569-1.49m-6.123 1.793h.008l.181.025a5 5 0 0 0 .502.05q.066.002.13 0 .066-.004.13-.002a3.05 3.05 0 0 0 2.228-1.205c1.302-1.77.14-4.641-1.235-5.84a5.7 5.7 0 0 0-1.451-.922c.137.99-.068 2.384-1.407 3.426a4 4 0 0 0-.552.513 2.335 2.335 0 0 0 .107 3.21c.639.622 1.353.745 1.358.745"

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

@@ -96,7 +96,7 @@ const l = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const l = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M16.729 9.911q.765.547 1.409 1.233a6.03 6.03 0 0 1 1.647 4.367 6 6 0 0 1-1.96 4.218c-1.751 1.617-3.684 1.9-3.765 1.91a8 8 0 0 1-1.81.202q-.063 0-.126-.006l-.084-.005-.038.003q-.04.005-.083.006a4 4 0 0 1-.549-.045c-2.19-.23-4.277-1.306-5.624-3.028-3.404-4.35-.6-11.042 2.907-13.925 1.572-1.288 3.437-2.238 5.252-2.67a.6.6 0 0 1 .6.203c.145.176.18.42.087.63-.07.165-1.712 4.095 2.137 6.907m.288 8.925a4.8 4.8 0 0 0 1.572-3.373 4.84 4.84 0 0 0-1.325-3.49 8 8 0 0 0-1.232-1.078c-3.292-2.41-3.205-5.583-2.863-7.255a12.6 12.6 0 0 0-3.757 2.134C6.36 8.281 3.78 14.292 6.687 18.01a6.5 6.5 0 0 0 1.762 1.538 3.32 3.32 0 0 1 .594-3.35q.302-.349.678-.636c1.512-1.185.881-2.867.852-2.944v-.003a.6.6 0 0 1 .7-.815c.86.221 1.742.7 2.481 1.353 1.6 1.41 2.868 4.628 1.49 6.846.65-.288 1.25-.68 1.773-1.162m-5.77 1.706.03.005q.015.002.029.006l.16.021q.156.024.32.038.1.005.198.002.037.003.075.001h.037a2.73 2.73 0 0 0 2.04-1.104c1.178-1.616.078-4.35-1.169-5.448a5.3 5.3 0 0 0-1.045-.723c.045.983-.255 2.227-1.47 3.182q-.286.22-.51.476c-.726.835-.686 2.095.095 2.866.571.566 1.205.677 1.21.677"
         })
     }));

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

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = 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({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = i !== null && i !== void 0 ? i : t ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: h,
             d: "M7.275 19.889A.34.34 0 0 0 7.53 20h.07c.032 0 4.578-.756 4.578-4.886 0-2.862-1.434-4.335-1.558-4.462l-.006-.006c-.107-.078-.255-.117-.363-.078-.148.039-.218.117-.255.267-.033.189-.22.722-.508 1.022a1.8 1.8 0 0 1-.4.3c.107-.527.182-1.361.182-2.384 0-2.67-2.15-4.808-2.82-5.475-.11-.109-.18-.179-.195-.205a.315.315 0 0 0-.4-.039.47.47 0 0 0-.182.378l.002.087c.008.364.032 1.49-.364 3.209-.16.672-.633 1.31-1.141 1.997q-.102.136-.204.276l-.06.08c-.93 1.23-1.976 2.614-1.903 4.578.107 3.296 2.582 4.43 2.689 4.469.144.072.288.038.4-.078s.149-.267.074-.417c0 0-.507-1.173-.107-2.99.182-.907.47-1.629.726-2.157l.085.459c.08.438.162.882.24 1.247.103.554.353.983.563 1.342l.057.098c.218.339.4.644.474 1.022.182.834-.037 1.895-.037 1.895 0 .112.032.267.107.34m11.812-5.191v-4.164h-7.122c.544.795 1.237 2.157 1.307 4.164zM22 15.832h-5.816v4.163H22zM15.091 20h-4.508c1.275-.834 2.475-2.196 2.689-4.163h1.82z"
         })
-    })) : 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: l,
         height: l,
         viewBox: "0 0 24 24",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "m5.317 2.151 15.319.003c.63 0 1.207.67 1.204 1.409v16.594c0 .753-.563 1.412-1.207 1.412H9.373a.36.36 0 0 1-.185-.05 4 4 0 0 1-.695.187q-.577.133-1.162.131-.043 0-.083-.004l-.083-.004q-.014 0-.024.002h-.02a.4.4 0 0 1-.068-.006q-.025-.005-.05-.007c-1.493-.093-2.939-.79-3.855-1.958-1.885-2.4-.812-5.91.958-8.02V3.563c0-.74.577-1.412 1.21-1.412m-.003.835c-.126 0-.378.26-.378.577v4.745l3.61.009V2.986zm.221 8.591c-1.941 1.594-3.583 5.412-1.737 7.768.294.367.647.683 1.048.932a2.14 2.14 0 0 1 .412-2.09q.197-.223.437-.408c.936-.733.562-1.77.536-1.842l-.001-.004a.42.42 0 0 1-.02-.255.42.42 0 0 1 .504-.308c.555.14 1.126.45 1.603.868 1.014.894 1.806 2.908.983 4.336a4.2 4.2 0 0 0 1.058-.709 3.03 3.03 0 0 0 .995-2.131 3.05 3.05 0 0 0-.838-2.205 5 5 0 0 0-.784-.686c-2.084-1.524-2.064-3.52-1.854-4.605a8 8 0 0 0-2.342 1.339m6.65 6.188a3.86 3.86 0 0 1-1.54 2.942l-.034.027h5.714v-5.381l-4.916-.022c.524.708.81 1.551.776 2.434m4.966 2.972h3.485c.151 0 .38-.26.378-.577v-4.782l-3.863-.02zm-9.963.255h.006l.01-.001h.034c.51-.033.978-.28 1.277-.689.745-1.02.045-2.745-.742-3.436a3.6 3.6 0 0 0-.616-.432 2.4 2.4 0 0 1-.955 2.003 2 2 0 0 0-.32.3H5.88c-.454.518-.429 1.3.058 1.787.356.353.754.423.757.423.165.039.33.05.493.045M21.014 8.347V3.563c0-.314-.252-.577-.381-.574h-3.482v5.35zM9.375 8.32l6.947.017V2.99l-6.947-.003zm1.283 6.196a.4.4 0 0 1 .12-.022l1.611.008V9.162l-7.456-.016v1.857l.038-.035.037-.035c1.012-.827 2.208-1.434 3.373-1.712a.41.41 0 0 1 .415.14c.1.12.126.289.061.434-.045.104-1.084 2.589 1.356 4.37q.23.165.445.35m2.563-.01 7.793.038v-5.36l-7.793-.02z"
         })
     }));
-}, d = m;
+}, p = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : 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,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M5.444 2.155h15.009c.725 0 1.386.756 1.386 1.585v16.253c0 .86-.636 1.585-1.386 1.585H9.422a.6.6 0 0 1-.221-.045 4 4 0 0 1-.678.18 5.2 5.2 0 0 1-1.154.128q-.04 0-.08-.004l-.086-.004-.02.001-.019.002a.3.3 0 0 1-.052-.006q-.026-.005-.051-.005c-1.507-.087-2.978-.793-3.908-1.978-1.882-2.4-.843-5.885.905-7.997V3.74c0-.829.66-1.585 1.386-1.585m15.18 5.566V3.74c0-.18-.138-.342-.194-.365h-3.184v4.336zM5.447 3.379a.5.5 0 0 0-.168.359v3.946l3.132.009V3.379zm.314 8.476c-1.818 1.49-3.367 5.048-1.653 7.233.16.204.348.38.552.543a2.28 2.28 0 0 1 .552-1.678c.134-.154.288-.3.454-.425.781-.611.484-1.451.448-1.547a.62.62 0 0 1 .11-.63.6.6 0 0 1 .604-.19 4.1 4.1 0 0 1 1.636.888c.905.798 1.633 2.476 1.244 3.874.154-.101.308-.216.459-.356a2.74 2.74 0 0 0 .9-1.919 2.75 2.75 0 0 0-.757-1.983 5 5 0 0 0-.731-.636c-1.779-1.297-2.101-3.028-1.955-4.3a7.6 7.6 0 0 0-1.863 1.126m11.482 8.499h3.21c.042-.014.17-.163.168-.359v-4.479l-3.378-.017zm-3.85-6.101 7.23.034V8.945l-7.243-.017q.002.016.007.03a.1.1 0 0 1 .007.037zm2.634 6.1v-4.862l-4.339-.02c.412.667.62 1.435.591 2.225-.036 1.008-.465 1.94-1.188 2.658zm-6.4-12.657 6.4.016V3.38h-6.4zM8.343 9.208a.61.61 0 0 1 .607.205.64.64 0 0 1 .093.641 3.316 3.316 0 0 0 1.246 3.98q.127.091.246.191l.068.056a.6.6 0 0 1 .196-.04h.003l1.375.006V8.998q.001-.02.007-.039l.007-.03L5.28 8.91v1.787c.938-.708 2.011-1.238 3.065-1.49m-1.11 11.398h.011a1.46 1.46 0 0 0 1.104-.586c.63-.862.025-2.417-.689-3.047a4 4 0 0 0-.269-.21 2.5 2.5 0 0 1-.989 1.74 2 2 0 0 0-.283.263 1.07 1.07 0 0 0 .048 1.445c.291.291.62.353.622.353q.227.053.445.042"
         })
     }));
-}, p = n;
+}, f = n;

package/dist/generated/mistica-icons/icon-first-aid-kit-filled.js

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: i, size: r = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : 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-first-aid-kit-light.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const e = (_param)=>{
-    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), h = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = i !== null && i !== void 0 ? i : o ? _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"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M21.838 7.58c0-.697-.575-1.266-1.28-1.266h-3.93v-1.91c0-.575-.564-1.023-1.28-1.023H8.64c-.717 0-1.28.448-1.28 1.023v1.91h-3.93c-.706 0-1.28.569-1.28 1.266v11.762c0 .698.574 1.266 1.28 1.266h17.126c.706 0 1.28-.569 1.28-1.266zM8.197 4.404c0-.05.152-.194.443-.194h6.706c.292 0 .443.143.443.194v1.91H8.199zM21 19.342a.44.44 0 0 1-.443.437H3.431a.44.44 0 0 1-.442-.437V7.58a.44.44 0 0 1 .442-.437h17.126A.44.44 0 0 1 21 7.58zm-5.219-6.793h-.002v1.76q-.008-.005-.028.002h-2.485a.417.417 0 0 0-.42.412l-.017 2.485h-1.692q.005-.005 0-.026l-.003-2.456a.417.417 0 0 0-.42-.415l-2.512-.017V12.62c.005.003.01.003.028 0l2.484-.002c.233 0 .42-.185.42-.415l.023-2.485h1.686q-.005.008.003.028v2.457a.413.413 0 0 0 .42.415l2.488-.003v-.415l.05.437c-.006-.005-.023-.036-.023-.087m.838 0c0-.406-.406-.764-.865-.764l-2.068-.003V9.74c0-.454-.361-.855-.773-.855h-1.84c-.412 0-.773.398-.773.855v2.045l-2.065.002c-.47 0-.865.35-.865.765v1.82c0 .415.397.765.865.765l2.068-.002.002 2.045c0 .462.353.854.773.854h1.84c.418 0 .774-.392.774-.854l-.003-2.045h2.065c.462 0 .865-.359.865-.765z"

package/dist/generated/mistica-icons/icon-first-aid-kit-regular.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");
@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
@@ -108,4 +108,4 @@ const l = (_param)=>{
             d: "M21.841 7.688c0-.795-.652-1.44-1.456-1.44h-3.647V4.585c0-.673-.642-1.202-1.46-1.202H8.712c-.817 0-1.456.53-1.456 1.202v1.66H3.612a1.45 1.45 0 0 0-1.457 1.44v11.488c0 .793.653 1.437 1.457 1.437h16.773c.804 0 1.456-.645 1.456-1.437zM8.488 4.652a.43.43 0 0 1 .227-.053h6.569a.46.46 0 0 1 .227.053v1.596H8.488zM20.612 19.17a.226.226 0 0 1-.23.224H3.612a.225.225 0 0 1-.227-.224V7.685c0-.126.1-.226.227-.226h16.773c.126 0 .227.1.227.226zM15.5 14.05l-2.255.002a.615.615 0 0 0-.614.608l.003 2.224-1.266-.003-.003-2.224a.61.61 0 0 0-.616-.605l-2.255.003V12.81l2.255-.003a.61.61 0 0 0 .613-.608V9.974h1.266v2.224c.006.336.28.608.617.605H15.5zm1.232-1.51c0-.507-.493-.95-1.05-.95h-1.824V9.797c0-.551-.448-1.036-.96-1.036h-1.802c-.512 0-.96.485-.96 1.036v1.796H8.316c-.568 0-1.05.434-1.05.95v1.778c0 .516.482.95 1.053.95h1.821v1.793c0 .56.44 1.036.96 1.036h1.802c.52 0 .96-.474.96-1.037v-1.795h1.819c.557 0 1.05-.445 1.05-.95z"
         })
     }));
-}, m = l;
+}, d = l;

package/dist/generated/mistica-icons/icon-fixed-internet-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: m, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: m, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), r = m !== null && m !== void 0 ? m : 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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = m !== null && m !== void 0 ? m : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M21.092 22V7.4L12 2 2.91 7.4V22zM11.434 8.871v3.773H10.26c.088-1.867.62-3.194 1.174-3.773m2.36 4.945h-1.226V17.6c.568-.544 1.125-1.881 1.227-3.783m-3.859-4.75a4.68 4.68 0 0 0-2.438 3.578H9.12c.063-1.417.354-2.655.814-3.578m.025 8.338c-1.319-.683-2.27-2.016-2.463-3.588H9.12c.068 1.428.373 2.67.839 3.588m1.474.145v-3.733H10.26c.097 1.842.626 3.16 1.174 3.733m6.25-4.321c0 3.228-2.55 5.848-5.683 5.848s-5.682-2.625-5.682-5.848c0-3.224 2.55-5.849 5.682-5.849h.024q.012 0 .02.003l.014.002c3.108.03 5.624 2.64 5.624 5.844m-3.89-.584h-1.226V8.826c.568.55 1.135 1.897 1.227 3.818m.34-3.543c.446.918.737 2.14.8 3.543h1.576A4.69 4.69 0 0 0 14.134 9.1m2.376 4.715a4.7 4.7 0 0 1-2.395 3.553c.456-.913.751-2.145.82-3.553z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M21.092 22V7.4L12 2 2.91 7.4V22zM11.434 8.871v3.773H10.26c.088-1.867.62-3.194 1.174-3.773m2.36 4.945h-1.226V17.6c.568-.544 1.125-1.881 1.227-3.783m-3.859-4.75a4.68 4.68 0 0 0-2.438 3.578H9.12c.063-1.417.354-2.655.814-3.578m.025 8.338c-1.319-.683-2.27-2.016-2.463-3.588H9.12c.068 1.428.373 2.67.839 3.588m1.474.145v-3.733H10.26c.097 1.842.626 3.16 1.174 3.733m6.25-4.321c0 3.228-2.55 5.848-5.683 5.848s-5.682-2.625-5.682-5.848c0-3.224 2.55-5.849 5.682-5.849h.024q.012 0 .02.003l.014.002c3.108.03 5.624 2.64 5.624 5.844m-3.89-.584h-1.226V8.826c.568.55 1.135 1.897 1.227 3.818m.34-3.543c.446.918.737 2.14.8 3.543h1.576A4.69 4.69 0 0 0 14.134 9.1m2.376 4.715a4.7 4.7 0 0 1-2.395 3.553c.456-.913.751-2.145.82-3.553z"
         })
     }));

package/dist/generated/mistica-icons/icon-fixed-internet-light.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: m, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = m !== null && m !== void 0 ? m : 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 m = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : m ? _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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M12 2 2.91 7.4V22h18.182V7.4zm7.574 18.443H4.427V8.297l7.574-4.5 7.573 4.5zM6.318 13.228c0-3.224 2.55-5.849 5.683-5.849q.004.002.005.003 0 .001.005.002h.014c3.123 0 5.663 2.615 5.663 5.829a6 6 0 0 1-.446 2.265c-.853 2.11-2.88 3.598-5.241 3.598-3.132 0-5.683-2.625-5.683-5.848m8.616-.584h1.571a4.67 4.67 0 0 0-2.37-3.543c.45.918.736 2.14.8 3.543m-4.674 1.172c.097 1.847.626 3.16 1.174 3.733v-3.733zm-.005-1.172h1.174V8.87c-.548.58-1.082 1.906-1.174 3.773m-1.134 0c.063-1.408.354-2.64.805-3.558a4.68 4.68 0 0 0-2.39 3.558zm0 1.172H7.54a4.68 4.68 0 0 0 2.385 3.523c-.446-.913-.742-2.13-.805-3.523m3.447-.005v3.783c.567-.544 1.125-1.877 1.227-3.783zm0-1.167h1.227c-.092-1.921-.66-3.269-1.227-3.818zm2.366 1.167c-.063 1.393-.359 2.615-.805 3.523a4.65 4.65 0 0 0 2.07-2.315 4.7 4.7 0 0 0 .31-1.208z"
@@ -113,7 +113,7 @@ const l = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,