@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-data-checked-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M21.84 5.075c0-1.078-.841-1.877-2.497-2.375-1.131-.34-2.613-.527-4.179-.541-1.557 0-3.039.188-4.17.527-1.37.411-2.186 1.039-2.424 1.865a1.8 1.8 0 0 0-.072.513V7.62h-.012c-1.528 0-2.41.582-3.191 1.097l-.002.001-.007.005c-.736.49-1.316.877-2.385.707a.604.604 0 0 0-.75.582v.022c-.001.389-.006 4.704.33 6.606.454 2.59 5.213 4.899 5.753 5.154a.6.6 0 0 0 .516.003c.243-.115 1.347-.65 2.526-1.437 1.098.294 2.46.46 3.894.46 1.554 0 3.036-.189 4.173-.527 1.656-.496 2.496-1.297 2.496-2.376zM9.788 4.809c.17-.364.706-.7 1.56-.958 1.02-.305 2.378-.474 3.82-.476 1.446 0 2.805.168 3.824.473.636.193 1.373.51 1.577.972-.168.364-.717.703-1.568.958-1.023.305-2.378.473-3.821.473-1.44 0-2.798-.168-3.82-.473-.866-.258-1.41-.602-1.572-.97m-.076 1.577q.526.315 1.3.546c1.134.339 2.613.524 4.17.524 1.555 0 3.037-.188 4.169-.527q.755-.227 1.28-.535V9.24c-.182.303-.686.72-1.627 1.003-1.023.308-2.379.476-3.821.476q-.117 0-.232-.005l-.118-.003.002-.69a.62.62 0 0 0-.224-.453.63.63 0 0 0-.495-.134c-1.101.173-1.687-.213-2.426-.704-.544-.358-1.146-.747-1.978-.952zm3.605 10.056c-.277 1.577-3.364 3.417-4.826 4.146-1.46-.729-4.543-2.57-4.82-4.149-.25-1.42-.3-4.434-.309-5.762 1.14-.005 1.922-.496 2.602-.947l.01-.005c.696-.458 1.357-.89 2.517-.89h.003c1.168.002 1.826.436 2.526.898l.007.004c.67.442 1.415.932 2.593.932h.003c-.009 1.325-.06 4.347-.306 5.773m-2.608-4.098a.605.605 0 0 1 .855 0 .6.6 0 0 1 0 .851l-3.647 3.633a.605.605 0 0 1-.852 0l-1.638-1.633a.6.6 0 0 1 0-.851.605.605 0 0 1 .854 0l1.21 1.207zm8.286 6.798c-1.028.308-2.386.476-3.826.476-.93 0-1.815-.075-2.61-.21.963-.812 1.775-1.762 1.949-2.759v-.003l.022-.141q.007-.057.017-.113l.127.005q.25.012.506.014c1.557 0 3.04-.188 4.168-.527a5.6 5.6 0 0 0 1.28-.557v2.591c0 .605-.888 1-1.633 1.224m-4.18-7.227q.09 0 .18.004.092.005.188.005c1.554 0 3.036-.188 4.168-.527a5.6 5.6 0 0 0 1.28-.557v2.89c-.182.303-.69.72-1.627 1.003-1.02.306-2.376.474-3.821.474q-.193-.001-.383-.01l-.124-.004c.081-1.056.12-2.28.14-3.278"

package/dist/generated/mistica-icons/icon-data-cloud-filled.js

@@ -97,25 +97,25 @@ const h = (_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: t } = (0, _hooks.useTheme)();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M8.182 9.255a.74.74 0 0 0 1.023.279.77.77 0 0 0 .268-1.047 3.7 3.7 0 0 0-1.224-1.29c.564-2.146 2.486-3.672 4.685-3.672 2.174 0 4.1 1.501 4.679 3.642.11.406.52.646.918.533a.766.766 0 0 0 .52-.938C18.297 3.96 15.783 2 12.935 2c-2.82 0-5.297 1.921-6.085 4.644-.21-.039-.42-.063-.636-.063-2.06 0-3.733 1.71-3.733 3.818s1.673 3.818 3.733 3.818a.755.755 0 0 0 .746-.763.755.755 0 0 0-.746-.762c-1.238 0-2.242-1.027-2.242-2.293S4.98 8.106 6.213 8.106c.817 0 1.568.44 1.97 1.149m6.845.034a.36.36 0 0 1 .301 0l5.588 2.503-5.74 2.938-5.741-2.938zm-6.195 9.514c0 .146.082.278.206.342L14.62 22v-6.282L8.832 12.76zm6.907-3.085 5.789-2.958v6.043a.38.38 0 0 1-.206.342L15.74 22z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : l.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), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M8.182 9.255a.74.74 0 0 0 1.023.279.77.77 0 0 0 .268-1.047 3.7 3.7 0 0 0-1.224-1.29c.564-2.146 2.486-3.672 4.685-3.672 2.174 0 4.1 1.501 4.679 3.642.11.406.52.646.918.533a.766.766 0 0 0 .52-.938C18.297 3.96 15.783 2 12.935 2c-2.82 0-5.297 1.921-6.085 4.644-.21-.039-.42-.063-.636-.063-2.06 0-3.733 1.71-3.733 3.818s1.673 3.818 3.733 3.818a.755.755 0 0 0 .746-.763.755.755 0 0 0-.746-.762c-1.238 0-2.242-1.027-2.242-2.293S4.98 8.106 6.213 8.106c.817 0 1.568.44 1.97 1.149m6.845.034a.36.36 0 0 1 .301 0l5.588 2.503-5.74 2.938-5.741-2.938zm-6.195 9.514c0 .146.082.278.206.342L14.62 22v-6.282L8.832 12.76zm6.907-3.085 5.789-2.958v6.043a.38.38 0 0 1-.206.342L15.74 22z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const h = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M17.183 5.83c2.325.207 4.658 1.627 4.658 5.039 0 3.756-2.84 5.095-5.271 5.095h-.41v1.37c-.148.266-.574.616-1.358.848-.795.241-1.84.37-2.955.37-1.12 0-2.168-.126-2.964-.37-.703-.207-1.218-.52-1.375-.84v-1.353l-.032.01a.3.3 0 0 1-.074.015l-.9.009c-2.103 0-4.347-1.115-4.347-4.247 0-2.45 1.375-3.468 2.448-3.885.196-5.445 5.412-5.728 6.474-5.728.818-.003 4.862.182 6.106 3.666m-.588 8.946c.966-.022 4.02-.297 4.02-3.91 0-3.387-2.734-3.838-3.905-3.869a.604.604 0 0 1-.575-.44c-.834-3.044-4.361-3.195-5.058-3.195-1.236 0-5.247.344-5.247 4.846v.112c0 .266-.18.504-.442.577-1.337.37-2.006 1.339-2.006 2.876 0 2.748 2.176 3.045 3.118 3.045l.893-.008h.009c.05 0 .072 0 .106.008.31.216.711.41 1.21.552.843.25 1.955.387 3.126.387s2.275-.138 3.118-.387c.482-.137.885-.328 1.196-.56zM7.55 10.614c.123.347.58.65 1.336.87.796.236 1.84.365 2.958.365 1.115 0 2.163-.132 2.958-.364.737-.219 1.19-.507 1.325-.843 0-.006.006-.011.006-.011-.098-.367-.547-.673-1.337-.905-.79-.233-1.84-.364-2.957-.364-1.115 0-2.169.131-2.964.364-.75.221-1.207.53-1.33.876l.005.007v.005m4.294 4.574c-1.115 0-2.162-.126-2.958-.359-.709-.21-1.221-.529-1.378-.848v-2.518c.291.226.692.42 1.21.568.849.25 1.958.387 3.126.387s2.277-.138 3.126-.387c.507-.148.902-.33 1.19-.557v2.501c-.142.269-.574.62-1.358.854-.793.233-1.843.359-2.958.359m3.126 3.54c-.843.25-1.952.387-3.126.387-1.168 0-2.28-.134-3.123-.39-.496-.148-.908-.341-1.21-.562v2.24c0 .446.46.81 1.364 1.076.804.233 1.854.364 2.964.364 1.111 0 2.162-.128 2.957-.364.905-.266 1.365-.63 1.365-1.075V18.16a3.7 3.7 0 0 1-1.19.569"
         })
     }));

package/dist/generated/mistica-icons/icon-data-cloud-light.js

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : v ? _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-data-cloud-regular.js

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : v ? _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,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
@@ -109,8 +109,8 @@ const m = (_param)=>{
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 0 0 .998.27.75.75 0 0 0 .268-1.014 3.63 3.63 0 0 0-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.73.73 0 0 0 .9.516.74.74 0 0 0 .51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.4 3.4 0 0 0-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 0 0 .732-.74.736.736 0 0 0-.732-.739c-1.214 0-2.198-.995-2.198-2.223s.989-2.223 2.198-2.223m15.382 4.059q0-.022-.007-.043l-.002-.01a.7.7 0 0 0-.024-.137l-.028-.071a1 1 0 0 0-.037-.08l-.015-.03-.023-.032-.023-.034a1 1 0 0 0-.075-.085.4.4 0 0 0-.076-.06l-.008-.007q-.012-.013-.029-.023l-.026-.012-.026-.012-.011-.008a.1.1 0 0 0-.026-.015l-5.86-2.593a.74.74 0 0 0-.586 0L8.77 11.32q-.01.004-.019.012t-.019.011q-.011.006-.023.01l-.028.014q-.017.009-.028.021l-.02.017-.018.014q-.026.019-.047.043a1 1 0 0 0-.122.152 1 1 0 0 0-.062.132q-.011.024-.017.048c-.014.04-.019.085-.023.126v.007q0 .013-.006.028l-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.5.5 0 0 0 .09.033l.027.01.02.007.008.002q.091.023.183.024a.8.8 0 0 0 .211-.033l.014-.005.009-.003.005-.002.017-.005a1 1 0 0 0 .072-.028l5.86-2.963a.74.74 0 0 0 .404-.663v-6.3c-.005-.005-.005-.005-.005-.01zm-6.592-1.764 4.135 1.83-4.135 2.086-4.134-2.09zm-.73 5.205v4.636l-4.398-2.223v-4.636zm5.86 2.418-4.398 2.218v-4.64l4.397-2.224z"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {
@@ -119,8 +119,8 @@ const m = (_param)=>{
             d: "M6.131 7.92c.802 0 1.538.427 1.932 1.115a.725.725 0 0 0 .998.27.75.75 0 0 0 .268-1.014 3.63 3.63 0 0 0-1.2-1.252c.553-2.08 2.437-3.56 4.594-3.56 2.133 0 4.022 1.455 4.59 3.532a.73.73 0 0 0 .9.516.74.74 0 0 0 .51-.91c-.74-2.716-3.206-4.617-6-4.617-2.766 0-5.195 1.863-5.968 4.503a3.4 3.4 0 0 0-.624-.061c-2.02 0-3.661 1.659-3.661 3.702s1.64 3.702 3.661 3.702a.736.736 0 0 0 .732-.74.736.736 0 0 0-.732-.739c-1.214 0-2.198-.995-2.198-2.223s.989-2.223 2.198-2.223m15.382 4.059q0-.022-.007-.043l-.002-.01a.7.7 0 0 0-.024-.137l-.028-.071a1 1 0 0 0-.037-.08l-.015-.03-.023-.032-.023-.034a1 1 0 0 0-.075-.085.4.4 0 0 0-.076-.06l-.008-.007q-.012-.013-.029-.023l-.026-.012-.026-.012-.011-.008a.1.1 0 0 0-.026-.015l-5.86-2.593a.74.74 0 0 0-.586 0L8.77 11.32q-.01.004-.019.012t-.019.011q-.011.006-.023.01l-.028.014q-.017.009-.028.021l-.02.017-.018.014q-.026.019-.047.043a1 1 0 0 0-.122.152 1 1 0 0 0-.062.132.623.623 0 0 0-.04.174v.007l-.006.028-.004.028v6.315c0 .28.154.535.403.663l5.86 2.963a.5.5 0 0 0 .09.033l.027.01.02.007.008.002q.091.023.183.024a.8.8 0 0 0 .211-.033l.014-.005.009-.003.005-.002.017-.005a1 1 0 0 0 .072-.028l5.86-2.963a.74.74 0 0 0 .404-.663v-6.3c-.005-.005-.005-.005-.005-.01zm-6.592-1.764 4.135 1.83-4.135 2.086-4.134-2.09zm-.73 5.205v4.636l-4.398-2.223v-4.636zm5.86 2.418-4.398 2.218v-4.64l4.397-2.224z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, c), {

package/dist/generated/mistica-icons/icon-data-distribution-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");
@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M8.063 3.294c.112.314.532.586 1.226.788.732.212 1.692.33 2.723.333 1.022 0 1.983-.118 2.714-.33.678-.197 1.093-.46 1.216-.763 0-.005.006-.01.006-.01-.093-.328-.502-.609-1.227-.819-.726-.213-1.692-.33-2.717-.33s-1.992.117-2.723.33c-.689.2-1.11.477-1.221.793.003.003.003.003.003.008M21.838 19.43l.003.176c-.014 1.034-.658 2.238-2.417 2.238-1.76 0-2.395-1.198-2.406-2.227v-.19c.022-.893.515-1.921 1.79-2.176v-1.252H5.18l.006 1.252c1.28.249 1.773 1.28 1.79 2.179l.003.18c-.02 1.033-.662 2.237-2.418 2.237-1.759 0-2.395-1.199-2.406-2.227 0-.061 0-.131.003-.19.022-.894.515-1.919 1.784-2.174l-.008-1.857a.58.58 0 0 1 .182-.426.63.63 0 0 1 .442-.176h6.79l-.007-.032q-.006-.02-.007-.041v-1.275c-.767-.039-1.482-.145-2.053-.308-.832-.243-1.255-.571-1.255-.974v-2.031c.277.201.658.375 1.11.51.778.226 1.798.35 2.87.35 1.079 0 2.099-.123 2.872-.35a3.4 3.4 0 0 0 1.095-.516v2.034c0 .403-.423.73-1.255.975-.591.17-1.336.277-2.137.313v1.27q-.001.023-.01.046l-.007.026h6.868c.345 0 .622.269.622.602v1.857c1.28.25 1.77 1.278 1.784 2.177M4.572 18.395c-.944 0-1.156.58-1.168 1.065l-.002.14v.002c.005.69.397 1.037 1.16 1.037.764 0 1.159-.356 1.17-1.053v-.135c-.011-.482-.218-1.056-1.16-1.056m16.023 1.196-.003-.14c-.008-.473-.213-1.036-1.12-1.053l-.021.004q-.012.004-.021.004-.011 0-.02-.004l-.02-.004c-.907.02-1.117.583-1.129 1.062v.142c.009.692.401 1.043 1.163 1.043.767 0 1.162-.353 1.17-1.054M9.289 7.11c-.65-.19-1.12-.48-1.263-.768V4.06c.266.207.636.384 1.11.516.778.226 1.798.35 2.87.35s2.09-.124 2.872-.35c.462-.135.826-.3 1.095-.505v2.266c-.135.244-.53.563-1.25.774-.725.212-1.691.324-2.714.324-1.028 0-1.989-.112-2.72-.324M8.026 9.38c.143.294.614.577 1.263.768.732.213 1.692.33 2.72.33 1.023 0 1.99-.117 2.715-.33.72-.213 1.114-.532 1.249-.773V7.087c-.286.21-.658.387-1.095.51-.773.227-1.796.35-2.871.35-1.073 0-2.093-.123-2.872-.35-.45-.129-.826-.303-1.109-.504z"
         })
     }));
-}, m = n;
+}, d = n;

package/dist/generated/mistica-icons/icon-data-distribution-light.js

@@ -96,7 +96,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : a ? _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-data-distribution-regular.js

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

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M5.09 4.125c.197.549.94 1.022 2.155 1.373 1.283.366 2.97.574 4.765.571 1.798 0 3.484-.207 4.767-.574 1.19-.342 1.919-.799 2.135-1.328 0-.008.01-.017.01-.017-.159-.574-.879-1.059-2.153-1.426S13.799 2.15 12 2.15s-3.493.207-4.776.574c-1.207.35-1.946.835-2.142 1.381q.007.01.007.013zm13.88 1.356c-.467.358-1.103.647-1.918.88-1.367.391-3.157.607-5.04.61-1.88 0-3.669-.216-5.036-.61-.835-.233-1.482-.539-1.95-.897v3.975c.253.501 1.076 1.002 2.219 1.336 1.286.37 2.97.566 4.767.566 1.799 0 3.493-.2 4.768-.566 1.263-.37 1.955-.925 2.19-1.348zm-6.958 6.753c1.891 0 3.681-.216 5.04-.61.767-.216 1.423-.521 1.918-.888v3.983c-.235.423-.927.977-2.19 1.344-1.275.367-2.97.575-4.768.575s-3.484-.208-4.767-.575c-1.143-.33-1.966-.826-2.219-1.336v-3.98c.5.35 1.152.655 1.95.88 1.367.391 3.154.607 5.036.607m5.04 4.69c-1.359.394-3.149.61-5.04.61-1.882 0-3.669-.216-5.039-.61-.798-.236-1.462-.539-1.95-.889v3.532c0 .7.743 1.272 2.202 1.695 1.294.367 2.99.574 4.776.574 1.79 0 3.485-.204 4.768-.574 1.462-.42 2.201-.994 2.201-1.695v-3.54c-.495.367-1.15.68-1.918.896"

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const v = (_param)=>{
             d: "M16.463 2.566C15.253 2.211 13.671 2 12.006 2c-1.677 0-3.26.208-4.46.566-1.41.427-2.24 1.062-2.479 1.888q-.065.24-.067.492v14.108c0 1.067.855 1.87 2.545 2.38 1.21.367 2.793.566 4.46.566 1.657 0 3.243-.2 4.458-.567 1.685-.517 2.537-1.312 2.537-2.38V4.95c0-1.07-.852-1.862-2.537-2.383M18.17 9.61c-.208.393-.818.91-1.94 1.252-1.128.342-2.627.527-4.219.527s-3.082-.182-4.218-.524c-1.01-.31-1.741-.777-1.963-1.244v-3.7c.413.333.987.617 1.724.837 1.209.367 2.795.566 4.46.566s3.251-.2 4.46-.566c.723-.217 1.286-.484 1.7-.82v3.672zm-1.94 6.183c-1.128.341-2.627.535-4.219.535s-3.082-.19-4.218-.535c-1.01-.308-1.741-.769-1.963-1.244v-3.71c.438.325 1.02.61 1.724.82 1.209.368 2.795.57 4.46.57 1.676 0 3.257-.202 4.46-.57.681-.199 1.26-.483 1.7-.825v3.706h-.004c-.208.393-.818.911-1.94 1.253m1.94 3.265c0 .652-.655 1.184-1.949 1.58-1.136.341-2.635.532-4.218.532s-3.083-.19-4.227-.532c-1.294-.393-1.95-.928-1.95-1.58v-3.291c.431.324 1.022.61 1.725.825 1.21.368 2.795.57 4.46.57 1.676 0 3.257-.2 4.46-.57.681-.199 1.26-.492 1.7-.834zm-6.167-16.22c1.589 0 3.09.19 4.218.532s1.767.792 1.907 1.33c0 0-.008.008-.008.017-.192.492-.835.92-1.89 1.235-1.136.342-2.627.535-4.219.535s-3.082-.19-4.218-.535c-1.077-.327-1.733-.769-1.907-1.278v-.008l-.009-.01c.175-.509.83-.958 1.899-1.286 1.136-.341 2.638-.532 4.227-.532"
         })
     }));
-}, m = v;
+}, m = a;

package/dist/generated/mistica-icons/icon-data-network-filled.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
             d: "M21.437 7.894c.263.977.409 2.07.409 3.288 0 5.9-3.196 9.023-9.26 9.023-.894 0-1.734-.073-2.51-.207l-.007-.004-.005-.003q-.014-.01-.03-.01v.596c0 .39-.418.712-1.241.944-.723.208-1.684.325-2.695.325-1.003 0-1.963-.117-2.695-.325-.823-.232-1.24-.554-1.24-.944v-1.972c.28.19.655.364 1.106.49.765.225 1.776.34 2.84.34 1.07 0 2.076-.118 2.85-.34a3.3 3.3 0 0 0 1.078-.495v.596a.5.5 0 0 1 .196-.017c.593.11 1.249.16 1.938.183v-4.076h-2.126a.42.42 0 0 1-.263-.098c-.213.174-.527.347-.978.479-.723.199-1.683.316-2.695.316-1.01 0-1.963-.117-2.686-.316-.647-.19-1.115-.47-1.258-.753v-2.222c.264.207.63.373 1.107.504.765.225 1.776.342 2.84.342 1.062 0 2.076-.115 2.849-.342.46-.131.815-.288 1.078-.487v1.748h2.135v-6.03h-3.93c-.18.811-.28 1.671-.289 2.568l.012.002c.296.05.577.097.831.171.715.208 1.124.474 1.216.796l-.008.008c-.12.297-.527.555-1.2.745-.73.208-1.683.322-2.694.322s-1.963-.114-2.686-.322c-.69-.199-1.107-.462-1.216-.77l-.008-.008c.11-.292.501-.555 1.14-.745v-.009c0-1.218.146-2.31.417-3.288q.006-.014.009-.03a.1.1 0 0 1 .008-.03c1.053-3.719 4.048-5.674 8.818-5.674 4.787 0 7.781 1.955 8.835 5.675l.002.02q0 .019.006.036m-9.266-.297-.008-4.566c-1.583.28-2.995 2.104-3.71 4.566zm4.317 0c-.648-2.496-1.939-4.283-3.48-4.566l.009 4.566zm4.075 6.86c.289-.953.434-2.04.434-3.272 0-1.011-.092-1.93-.288-2.759h-3.154c.154.863.238 1.782.238 2.742a15.7 15.7 0 0 1-.348 3.292h3.118zm-5.51 4.697c2.558-.482 4.303-1.773 5.205-3.868H17.23c-.476 1.656-1.235 3.006-2.177 3.868m1.292-3.868H13.02v4.05c1.42-.266 2.636-1.831 3.325-4.05m.33-6.863h-3.658v6.034h3.555c.232-1.014.366-2.123.366-3.291 0-.961-.092-1.888-.263-2.743m3.784-.826c-.834-2.403-2.644-3.86-5.4-4.384 1.036.953 1.854 2.493 2.314 4.384zm-12.907 0c.493-1.863 1.353-3.398 2.44-4.359-2.687.538-4.448 1.998-5.272 4.359zm-.196.83H4.482c-.188.77-.28 1.63-.289 2.576.58-.1 1.224-.157 1.905-.157.347-.003.678.014 1.003.048.017-.863.1-1.69.255-2.468m-5.193 9.442c.142.285.607.56 1.252.747.725.208 1.675.323 2.697.32 1.014 0 1.972-.115 2.692-.32.712-.207 1.104-.518 1.235-.753v-2.224c-.28.204-.65.375-1.084.496-.767.221-1.778.341-2.846.341-1.064 0-2.072-.123-2.846-.341-.45-.126-.82-.294-1.1-.49z"

package/dist/generated/mistica-icons/icon-data-network-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
-    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const m = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = a !== null && a !== void 0 ? a : m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "m21.42 7.806.009.028c.266.972.409 2.056.409 3.269 0 5.849-3.143 8.938-9.076 8.938a13.5 13.5 0 0 1-2.46-.204h-.008v.221q-.001 1.003-1.54 1.462c-.692.205-1.594.32-2.536.32-.94 0-1.831-.115-2.523-.32-1.026-.302-1.544-.795-1.544-1.462v-7.655c0-.107.017-.216.042-.325.152-.51.659-.894 1.502-1.149.02-1.134.15-2.162.4-3.09l.008-.021a.1.1 0 0 1 .017-.043c1.023-3.686 3.958-5.619 8.642-5.619s7.616 1.933 8.65 5.622q.006.015.008.028m-9.076-.269v-4.52c-1.548.282-2.932 2.089-3.64 4.52zm.833-4.518v4.518h3.408c-.633-2.473-1.907-4.238-3.408-4.518m4.333 11.322h3.059c.285-.944.434-2.022.434-3.238 0-1.011-.101-1.924-.294-2.745h-3.09c.151.854.233 1.767.233 2.72 0 1.16-.124 2.26-.342 3.263m-.2.82c-.475 1.645-1.218 2.984-2.133 3.838 2.51-.476 4.21-1.759 5.1-3.837zm-4.133 4.02c1.392-.263 2.59-1.815 3.26-4.02h-3.26zm3.59-10.82h-3.59v5.983h3.481a14.3 14.3 0 0 0 .359-3.263c0-.956-.09-1.866-.25-2.72m.687-.824h3.025c-.818-2.372-2.594-3.826-5.291-4.339 1.005.939 1.815 2.465 2.266 4.34m-7.16 6.804h2.05v-5.98H8.502a12.6 12.6 0 0 0-.283 2.448q.269.046.533.123c1.028.303 1.543.796 1.543 1.47zm2.05 4.866s0-4.045-.002-4.045h-2.05v3.874a.5.5 0 0 1 .159 0 14 14 0 0 0 1.893.17m-3.826-3.773c.507-.157.824-.387.941-.566 0 0 0-1.603-.002-1.603a3.7 3.7 0 0 1-.71.289c-.683.204-1.582.32-2.523.32s-1.84-.116-2.524-.32a3.2 3.2 0 0 1-.717-.294v1.624c.101.163.384.379.961.55 1.216.364 3.35.364 4.574 0m.941 2.112s0-1.628-.002-1.628c-.208.118-.44.224-.7.306-.693.196-1.592.31-2.533.31s-1.84-.114-2.524-.313a3.6 3.6 0 0 1-.717-.303v1.636c.093.165.384.39.961.56 1.216.362 3.347.362 4.574 0 .54-.165.835-.398.941-.568m-.95 3.196c.36-.107.95-.34.95-.684v-1.46c-.207.116-.44.222-.7.295-.692.204-1.591.322-2.532.322s-1.84-.118-2.524-.322a3.5 3.5 0 0 1-.717-.294v1.46c0 .347.591.576.95.683 1.224.361 3.35.361 4.574 0m-4.573-9.023c-.485.14-.793.33-.9.516.107.199.415.386.908.535 1.216.361 3.35.361 4.566 0 .624-.19.832-.387.907-.518-.131-.261-.607-.443-.907-.533-1.224-.361-3.35-.361-4.574 0m3.7-3.358H4.81a11.7 11.7 0 0 0-.275 2.4 11.6 11.6 0 0 1 2.852-.075q.034-1.174.249-2.325m2.574-5.143c-2.625.54-4.358 1.977-5.16 4.32h2.768c.485-1.85 1.333-3.368 2.392-4.32"
         })
     }));
-}, l = e;
+}, l = h;

package/dist/generated/mistica-icons/icon-data-network-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return i;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M21.388 7.735c.039.064.064.145.072.224q.379 1.41.384 3.132c0 5.837-3.123 8.924-9.036 8.924-.827 0-1.597-.064-2.32-.185v.073c0 .513-.283 1.218-1.647 1.619-.692.21-1.59.322-2.524.322-.932 0-1.826-.112-2.515-.322-1.364-.4-1.647-1.106-1.647-1.62V12.43q-.002-.195.048-.362v-.008c.162-.563.697-.989 1.582-1.252.098-5.661 3.213-8.653 9.02-8.653 4.569 0 7.52 1.955 8.583 5.58m-9.191-.328V3.455c-1.291.375-2.434 1.899-3.076 3.952zm1.216-3.944v3.944h2.863c-.575-2.076-1.622-3.566-2.863-3.944m4.266 10.583h2.571c.244-.866.376-1.852.373-2.958 0-.908-.09-1.726-.252-2.48h-2.597c.123.78.188 1.597.188 2.463a15.7 15.7 0 0 1-.283 2.975m-.3 1.204c-.38 1.3-.941 2.39-1.63 3.207 1.916-.515 3.269-1.58 4.056-3.207zm-3.966 3.462c1.137-.35 2.109-1.641 2.7-3.456h-2.7zM16.536 8.61h-3.123v5.445l3.033-.008c.194-.916.3-1.925.3-2.975 0-.857-.073-1.686-.21-2.462m1.008-1.202h2.465c-.73-1.877-2.143-3.112-4.201-3.68.764.913 1.364 2.182 1.736 3.68m-7.058 6.647h1.711V8.61H8.822a12.3 12.3 0 0 0-.236 2.134c.082.014.171.031.252.056 1.365.41 1.648 1.107 1.648 1.628zm1.711 4.731V15.26h-1.711v3.375l.053-.004q.027-.003.053-.004c.501.095 1.045.137 1.605.16M8.5 15.195c.42-.13.663-.306.77-.427h.003v-1.176l-.031.012c-.128.052-.25.1-.392.14-.692.21-1.583.321-2.524.321-.933 0-1.835-.114-2.516-.322a4 4 0 0 1-.436-.16v1.202c.09.104.333.272.787.41 1.15.335 3.179.335 4.339 0m.77 2.187h.003V16.18c-.14.065-.278.12-.423.16-.692.21-1.583.322-2.524.322-.933 0-1.835-.112-2.516-.322a2.3 2.3 0 0 1-.358-.127l-.078-.033V17.4c.08.098.302.266.787.409 1.15.336 3.179.336 4.339 0 .42-.13.663-.306.77-.426m-.779 2.991c.535-.162.779-.353.779-.473h.003v-1.106l-.095.038a3 3 0 0 1-.328.121c-.692.21-1.583.322-2.524.322-.933 0-1.835-.114-2.516-.322a4 4 0 0 1-.436-.16V19.9c0 .12.243.311.778.474 1.16.336 3.171.336 4.34 0m-4.342-8.42c-.364.112-.565.224-.672.311.104.096.308.216.68.328 1.152.336 3.18.336 4.331 0 .39-.118.583-.232.681-.32-.112-.095-.33-.215-.68-.319-1.152-.344-3.188-.344-4.34 0M7.572 8.61H5.245c-.138.602-.21 1.26-.236 1.955a12.4 12.4 0 0 1 2.37-.022q.034-.999.193-1.933M9.698 3.76c-2.002.583-3.375 1.804-4.095 3.65H7.85c.406-1.468 1.045-2.728 1.848-3.65"
         })
     }));
-}, i = m;
+}, v = m;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: a, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = s !== null && s !== void 0 ? s : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M12 2.155c1.63 0 3.183.196 4.368.555 1.73.523 2.607 1.367 2.605 2.507v13.568c0 1.135-.88 1.978-2.608 2.502-1.194.358-2.743.554-4.367.554-1.622 0-3.171-.196-4.362-.554-1.73-.527-2.607-1.367-2.607-2.505V5.214q0-.277.075-.538c.25-.871 1.101-1.532 2.532-1.966 1.185-.356 2.737-.555 4.365-.555m-4.002 1.76c-.9.27-1.462.632-1.642 1.019.168.39.745.756 1.653 1.03 1.07.323 2.49.502 4.003.502s2.932-.18 4.003-.501c.899-.272 1.476-.634 1.65-1.02-.216-.496-.99-.832-1.659-1.034-1.073-.322-2.493-.501-4.005-.501-1.51 0-2.93.18-4.003.504m9.728 5.716h.003V6.595c-.37.221-.818.412-1.353.574-1.182.356-2.731.555-4.362.555-1.63 0-3.179-.196-4.36-.555a5.8 5.8 0 0 1-1.373-.588v3.07c.179.308.711.723 1.73 1.033 1.07.325 2.494.502 4.004.502s2.932-.177 4.002-.502c.972-.296 1.513-.734 1.709-1.053m0 4.728h.003v-3.07c-.387.236-.838.44-1.35.594-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.196-4.364-.555a6.2 6.2 0 0 1-1.372-.59v3.094c.176.311.708.726 1.73 1.034 1.07.325 2.494.504 4.004.504s2.932-.176 4.002-.501c.986-.3 1.521-.745 1.709-1.065m-1.717 5.723c.781-.238 1.717-.655 1.717-1.3v-2.747a5.9 5.9 0 0 1-1.35.593c-1.182.359-2.731.555-4.362.555-1.63 0-3.179-.199-4.364-.558a6 6 0 0 1-1.372-.588v2.748c0 .644.935 1.062 1.72 1.3 1.075.322 2.498.501 4.003.501 1.507 0 2.93-.179 4.008-.504"
         })
     }));

package/dist/generated/mistica-icons/icon-data-rollover-filled.js

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

package/dist/generated/mistica-icons/icon-data-rollover-light.js

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: o = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: r,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: r,
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32s4.284 1.944 4.284 4.32-1.928 4.32-4.284 4.32-4.283-1.945-4.283-4.32m1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88-2.856 1.295-2.856 2.88"
             })
         ]
@@ -119,9 +119,9 @@ const m = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: r,
             d: "m19.5 13.585 2.392-2.412a.35.35 0 0 0 0-.504.34.34 0 0 0-.5 0l-1.536 1.549V12c0-4.968-4-9-8.928-9S2 7.032 2 12s4 9 8.932 9c.212 0 .356-.141.356-.359 0-.214-.14-.359-.356-.359-4.536 0-8.216-3.71-8.216-8.282 0-4.573 3.676-8.282 8.212-8.282s8.216 3.71 8.216 8.282v.181l-1.5-1.548a.34.34 0 0 0-.5 0 .35.35 0 0 0 0 .504zm-.716 1.657c0-.4.324-.722.716-.722a.72.72 0 0 1 .716.722c0 .4-.32.722-.716.722a.72.72 0 0 1-.716-.722M15.216 12c0 2.375-1.928 4.319-4.284 4.319S6.644 14.375 6.644 12s1.928-4.319 4.284-4.319S15.216 9.625 15.216 12m-4.288-3.6c-1.964 0-3.572 1.62-3.572 3.6s1.608 3.6 3.572 3.6S14.5 13.98 14.5 12s-1.608-3.6-3.572-3.6"
         })
     }));

package/dist/generated/mistica-icons/icon-data-rollover-regular.js

@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -106,11 +106,11 @@ const m = (_param)=>{
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32s4.284 1.944 4.284 4.32-1.928 4.32-4.284 4.32-4.283-1.945-4.283-4.32m1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88-2.856 1.295-2.856 2.88"
             })
         ]
@@ -122,11 +122,11 @@ const m = (_param)=>{
     }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M21.778 10.776a.69.69 0 0 0-1 0l-.928.936C19.706 6.888 15.743 3 10.923 3 6 2.996 2 7.03 2 11.998 2 16.967 6 21 10.927 21a.72.72 0 0 0 .716-.722.72.72 0 0 0-.716-.722c-4.14 0-7.5-3.384-7.5-7.562s3.357-7.558 7.5-7.558c4.036 0 7.32 3.238 7.5 7.235l-.892-.9a.69.69 0 0 0-1 0 .703.703 0 0 0 0 1.01l2.643 2.665 2.644-2.666a.733.733 0 0 0-.044-1.004"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: e,
                 d: "M6.644 11.998c0-2.376 1.927-4.32 4.283-4.32s4.284 1.944 4.284 4.32-1.928 4.32-4.284 4.32-4.283-1.945-4.283-4.32m1.427 0c0 1.585 1.284 2.88 2.856 2.88 1.568 0 2.856-1.295 2.856-2.88s-1.284-2.88-2.856-2.88-2.856 1.295-2.856 2.88"
             })
         ]

package/dist/generated/mistica-icons/icon-data-settings-filled.js

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : r ? _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 i = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: e,
             d: "M10.004 5.505c-1.227-.35-1.972-.824-2.174-1.37v-.007l-.008-.013c.199-.546.944-1.03 2.163-1.38 1.294-.368 3.002-.575 4.815-.575 1.812 0 3.523.204 4.806.574s2.011.852 2.171 1.426c0 0-.011.008-.011.017-.216.53-.952.986-2.151 1.328-1.294.366-2.992.574-4.807.574s-3.51-.208-4.804-.574M7.59 14.74c0-1.306.669-1.941 2.044-1.941 1.378 0 2.048.636 2.048 1.94 0 1.309-.672 1.942-2.048 1.942S7.59 16.045 7.59 14.74m2.044 3.151c2.079 0 3.32-1.18 3.32-3.151 0-1.975-1.238-3.152-3.32-3.152-2.078 0-3.319 1.177-3.319 3.152s1.24 3.151 3.32 3.151m-2.392.504a.67.67 0 0 0-.728.115l-1.034.908-.764-.802.952-.904a.58.58 0 0 0 .104-.723c-.168-.283-.311-.804-.379-1.199-.047-.291-.316-.507-.627-.507l-1.336-.042.048-1.039h1.288c.311 0 .577-.216.627-.507.068-.395.21-.919.379-1.199a.58.58 0 0 0-.104-.725l-.952-.98.843-.726.955.905c.193.184.49.23.734.114a4.6 4.6 0 0 1 1.288-.375.61.61 0 0 0 .533-.597l.047-1.249v-.022l1.095.042v1.227c0 .297.227.549.535.596l.034.009c.468.072.871.19 1.258.37a.66.66 0 0 0 .728-.118l1.034-.905.764.801-.955.905a.59.59 0 0 0-.168.549q.01.076.048.148c.185.356.316.768.395 1.224a.63.63 0 0 0 .63.51l1.336.045-.048 1.036h-1.29a.63.63 0 0 0-.631.51 4.3 4.3 0 0 1-.219.799c-.053.145-.106.29-.176.423a.58.58 0 0 0-.023.47.6.6 0 0 0 .143.224l.953.98-.843.729-.065-.062-.193-.182-.698-.664a.66.66 0 0 0-.728-.115q-.326.15-.678.244a6 6 0 0 1-.616.135.615.615 0 0 0-.535.596v1.224c0 .025-.02.045-.045.045l-1.095-.045v-1.224a.61.61 0 0 0-.532-.596 4.7 4.7 0 0 1-1.289-.376m12.65-6.77c-1.342.386-3.104.6-4.97.608l.544-.521c.13-.12.224-.26.292-.415 1.465-.067 2.826-.26 3.887-.574 1.272-.378 1.964-.941 2.197-1.364l-.04-3.944c-.467.364-1.106.655-1.927.896-1.372.406-3.173.639-5.073.656-1.896.017-3.703-.185-5.084-.566-.843-.224-1.495-.524-1.972-.88l.034 3.384.02.003v.703c-.241.059-.468.129-.69.207l-.646-.613c-.502-.476-1.376-.476-1.88 0l-.765.722a1.22 1.22 0 0 0-.392.894c0 .336.14.656.39.894l.64.607c-.089.227-.159.46-.21.662h-.77c-.728 0-1.319.56-1.319 1.252v.994c0 .689.591 1.252 1.32 1.252h.77c.05.205.117.437.21.661l-.642.608a1.22 1.22 0 0 0-.392.893c0 .337.14.656.39.894l.764.728c.505.48 1.379.477 1.88 0l.647-.613q.33.12.689.204v.734c0 .69.591 1.252 1.32 1.252h1.047c.345 0 .658-.128.894-.336 1.112.213 2.403.328 3.747.328 1.804 0 3.513-.204 4.807-.574 1.473-.423 2.219-.997 2.219-1.695v-3.54c-.502.366-1.163.68-1.936.896-1.274.364-2.924.569-4.68.596l-.398-.375c.067-.162.12-.339.17-.512 1.748-.012 3.393-.213 4.634-.57 1.274-.369 1.972-.924 2.21-1.344v-3.98c-.502.367-1.163.672-1.936.888"
         })
     }));

package/dist/generated/mistica-icons/icon-data-settings-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
+const v = (_param)=>{
     var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -108,4 +108,4 @@ const e = (_param)=>{
             d: "M22 4.928c0-1.061-.876-1.855-2.601-2.362C18.164 2.2 16.539 2 14.829 2s-3.333.202-4.574.566c-1.437.421-2.287 1.053-2.53 1.872v.003a1.8 1.8 0 0 0-.068.487v4.416c0 .028.008.053.015.079l.005.018v.256q-.496.103-.967.296l-.757-.74a1.134 1.134 0 0 0-1.58 0l-.768.754a1.07 1.07 0 0 0 0 1.545l.748.731a5.6 5.6 0 0 0-.296.953h-.95c-.609 0-1.107.487-1.107 1.084v1.033c0 .598.498 1.084 1.107 1.084h.95q.108.492.296.956l-.748.732c-.21.204-.327.478-.327.77 0 .294.116.573.327.775l.771.756a1.134 1.134 0 0 0 1.58 0l.757-.74q.47.194.967.297v.933c0 .597.498 1.084 1.107 1.084h1.059c.42 0 .777-.242.964-.583 2.112.478 3.262.48 4.021.48 1.705 0 3.327-.201 4.57-.566C21.127 20.822 22 20.028 22 18.97zm-.84 14.039c0 .651-.674 1.18-2 1.573-1.17.345-2.706.532-4.326.524-.728 0-1.83-.003-3.878-.47v-.62a5.5 5.5 0 0 0 .967-.296l.754.74a1.134 1.134 0 0 0 1.58 0l.77-.754.027-.026a1.074 1.074 0 0 0-.026-1.52l-.754-.739q.039-.102.07-.215l.038-.126a.4.4 0 0 0 .134.028l.327.003c1.71 0 3.332-.2 4.57-.563.7-.205 1.295-.498 1.747-.84zm-11.05.674.006 1.27c0 .144-.12.261-.267.261H8.793a.264.264 0 0 1-.268-.262v-1.272a.415.415 0 0 0-.353-.404q-.765-.122-1.36-.41a.42.42 0 0 0-.484.077l-.961.942a.284.284 0 0 1-.393 0l-.771-.757a.27.27 0 0 1-.08-.19.26.26 0 0 1 .08-.19l.959-.94a.4.4 0 0 0 .068-.492c-.196-.339-.342-.92-.407-1.315a.42.42 0 0 0-.415-.347H3.107a.266.266 0 0 1-.268-.262v-1.032a.27.27 0 0 1 .268-.262h1.295a.416.416 0 0 0 .415-.344c.066-.396.21-.976.407-1.315a.4.4 0 0 0-.068-.492l-.96-.94a.26.26 0 0 1-.079-.19.26.26 0 0 1 .08-.19l.771-.755a.284.284 0 0 1 .393 0l.962.942a.42.42 0 0 0 .483.077c.43-.202.888-.341 1.36-.41a.42.42 0 0 0 .354-.407V8.761a.27.27 0 0 1 .267-.262h1.056c.145 0 .265.116.267.262v1.271c0 .205.151.379.353.407.473.069.93.208 1.36.413a.43.43 0 0 0 .484-.08l.962-.942a.284.284 0 0 1 .393 0l.771.754c.051.049.08.12.08.191a.26.26 0 0 1-.08.19l-.962.943a.4.4 0 0 0-.08.472c.206.421.348.87.419 1.334.037.2.21.348.415.345h1.3a.26.26 0 0 1 .266.261v1.03c0 .146-.12.262-.268.262h-1.3a.42.42 0 0 0-.416.347c-.08.498-.222.945-.418 1.332a.4.4 0 0 0 .08.472l.964.942c.051.049.08.12.08.19a.26.26 0 0 1-.08.191l-.771.757a.284.284 0 0 1-.393 0l-.962-.942a.43.43 0 0 0-.483-.08c-.43.206-.888.345-1.36.413a.415.415 0 0 0-.354.407M8.55 4.635c.172-.512.843-.956 1.953-1.283 1.158-.342 2.695-.53 4.326-.53s3.167.188 4.328.53c1.15.338 1.807.78 1.964 1.317l-.007.008-.01.018c-.194.492-.863.919-1.941 1.234-1.158.345-2.695.533-4.326.533-1.628 0-3.164-.191-4.325-.533-1.102-.321-1.779-.762-1.95-1.271q-.001-.008-.005-.013-.005-.005-.006-.01m6.475 5.369s-.771-.754-.768-.754a1.134 1.134 0 0 0-1.58 0l-.757.74a5.7 5.7 0 0 0-.967-.296v-.93c0-.598-.495-1.085-1.107-1.085H8.79c-.086 0-.164.023-.243.045l-.044.012V5.884c.426.333 1.015.615 1.77.836 1.238.367 2.86.567 4.567.567 1.71 0 3.332-.202 4.57-.567q1.113-.33 1.75-.822v3.66c-.216.392-.836.915-1.991 1.254-1.08.319-2.513.492-3.993.518.102-.168.176-.353.176-.555 0-.29-.116-.566-.327-.771m1.608 4.316c0-.597-.498-1.084-1.107-1.084l-.95.003a5.6 5.6 0 0 0-.302-.947l.13-.128.221.001.22.002c1.711 0 3.333-.2 4.571-.564.7-.208 1.295-.498 1.747-.84v3.705c-.213.39-.84.914-1.992 1.252-.834.248-1.87.41-2.988.484.268-.2.45-.498.45-.85z"
         })
     }));
-}, m = e;
+}, m = v;

package/dist/generated/mistica-icons/icon-data-settings-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), s = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: e,
             d: "M21.84 5.2c0-1.127-.897-1.964-2.659-2.485-1.213-.359-2.801-.555-4.468-.552-1.67 0-3.257.196-4.47.554-1.463.432-2.33 1.09-2.583 1.953q-.075.254-.076.53v3.73q.001.029.01.056l.007.028v.617a5 5 0 0 0-.666.204l-.625-.616a1.304 1.304 0 0 0-1.815 0l-.737.725a1.248 1.248 0 0 0-.003 1.784l.62.608c-.087.227-.155.46-.205.662h-.745c-.703 0-1.275.563-1.275 1.252v.994c0 .689.572 1.252 1.275 1.252h.745c.05.199.118.434.204.658l-.616.608a1.247 1.247 0 0 0-.003 1.784l.74.726c.487.476 1.33.476 1.815 0l.625-.613q.318.119.666.204v.731c0 .692.572 1.252 1.275 1.252h1.008c.375 0 .709-.162.941-.417 1.126.263 2.477.412 3.883.412 1.666 0 3.254-.197 4.473-.555 1.765-.521 2.658-1.359 2.658-2.485zM10.592 3.87c1.1-.324 2.563-.504 4.115-.504 1.554 0 3.016.18 4.117.504.698.208 1.505.55 1.723 1.062-.18.398-.779.768-1.714 1.045-1.098.325-2.56.504-4.115.504s-3.014-.18-4.115-.504c-.947-.283-1.546-.656-1.717-1.059.18-.4.767-.77 1.706-1.048M20.61 6.535v3.098c-.202.325-.762.773-1.77 1.079-.959.283-2.202.445-3.516.487a1.3 1.3 0 0 0 .056-.356c0-.338-.135-.655-.375-.89l-.74-.729a1.304 1.304 0 0 0-1.815 0l-.625.614a5 5 0 0 0-.664-.207v-.732c0-.691-.571-1.252-1.274-1.252H8.876l-.058.005h-.007V6.52c.39.238.866.445 1.44.613 1.21.358 2.798.555 4.468.555 1.672 0 3.258-.197 4.47-.555a6.2 6.2 0 0 0 1.42-.597M9.38 11.6c2.005 0 3.204 1.176 3.204 3.148s-1.198 3.149-3.204 3.149-3.205-1.177-3.205-3.149S7.375 11.6 9.38 11.6m0 5.086c1.328 0 1.975-.635 1.975-1.94 0-1.306-.647-1.942-1.975-1.942s-1.975.636-1.975 1.941c0 1.309.647 1.941 1.975 1.941m11.23-2.3c-.202.326-.762.774-1.77 1.07-.687.205-1.519.343-2.415.424.112-.188.182-.404.182-.636v-.994c0-.692-.572-1.252-1.275-1.252h-.745a5 5 0 0 0-.185-.583l.16.001.16.002c1.666 0 3.255-.196 4.47-.555a6 6 0 0 0 1.418-.619zm0 1.612V18.8c0 .661-.97 1.087-1.782 1.33-1.106.326-2.571.505-4.12.505q-.593 0-1.168-.04c.266-.035.526-.13.725-.324l.74-.725a1.24 1.24 0 0 0 0-1.782l-.608-.6.162.003q.08.003.163.003c1.67 0 3.255-.196 4.47-.555a6 6 0 0 0 1.418-.618m-8.21 2.515a.64.64 0 0 0-.71-.12 4.4 4.4 0 0 1-1.246.378c-.3.047-.518.3-.518.596v1.224a.046.046 0 0 1-.045.045l-1.056-.045v-1.224a.61.61 0 0 0-.515-.596 4.4 4.4 0 0 1-1.244-.376.622.622 0 0 0-.706.115l-.997.905-.74-.801.92-.905a.595.595 0 0 0 .1-.723c-.16-.28-.3-.8-.364-1.196a.614.614 0 0 0-.608-.507l-1.291-.045.045-1.039H4.67a.614.614 0 0 0 .608-.507c.065-.392.202-.913.364-1.196a.595.595 0 0 0-.1-.723l-.92-.977.816-.726.921.905c.188.182.474.23.709.115a4.4 4.4 0 0 1 1.244-.375c.3-.048.518-.3.518-.597l.045-1.266 1.056.045v1.224c0 .297.218.549.518.596.468.076.866.196 1.246.378a.62.62 0 0 0 .704-.114l.997-.905.74.801-.922.905a.59.59 0 0 0-.118.694c.18.353.308.765.384 1.222a.61.61 0 0 0 .608.507l1.29.045-.044 1.039H14.09a.61.61 0 0 0-.608.507 4.2 4.2 0 0 1-.384 1.221.59.59 0 0 0 .118.695l.921.98-.815.726zm.47 2.025a14 14 0 0 1-1.709-.272h.003v-.4c.23-.056.448-.123.664-.207l.625.613c.12.118.263.207.417.266"
         })
     }));

package/dist/generated/mistica-icons/icon-data-shield-filled.js

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

package/dist/generated/mistica-icons/icon-data-shield-light.js

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

package/dist/generated/mistica-icons/icon-data-shield-regular.js

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

package/dist/generated/mistica-icons/icon-data-unlimited-filled.js

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

package/dist/generated/mistica-icons/icon-data-unlimited-light.js

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

package/dist/generated/mistica-icons/icon-data-unlimited-regular.js

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