@telefonica/mistica 15.20.1 → 16.1.0

package/dist/generated/mistica-icons/icon-tablet-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");
@@ -97,7 +97,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -129,4 +129,4 @@ const a = (_param)=>{
             d: "M19.379 5.764s.313-3.606-3.492-3.609c-3.807 0-7.755.003-7.755.003s-.045-.003-.124-.003c-.622 0-3.379.193-3.379 3.623v11.821l-.003.015q-.005.012-.005.024 0 .014.005.025l.003.015v.526s-.437 3.64 3.522 3.64c3.96 0 7.717-.003 7.717-.003s.056.006.157.006c.684 0 3.36-.219 3.36-3.645 0-3.929-.006-12.438-.006-12.438m-13.954.014c0-1.163.35-1.947 1.07-2.396.611-.378 1.314-.406 1.516-.403h.07q.025.004.054.003l7.752-.003c.942 0 1.642.252 2.088.75.68.761.616 1.912.614 1.963v.002q-.004.034-.003.073s.005 7.26.005 11.463H5.425zm13.166 12.424c0 2.457-1.605 2.824-2.563 2.824q-.085 0-.096-.003-.031-.004-.061-.003l-7.717.003c-1 0-1.734-.26-2.183-.779-.653-.754-.557-1.876-.552-1.936v-.003q.005-.05.006-.1v-.155h13.166zm-5.859 1.423c0-.476-.274-.76-.73-.76-.46 0-.732.284-.732.76q0 .35.19.552c.13.137.317.207.541.207s.412-.07.541-.207q.19-.203.19-.552"
         })
     }));
-}, d = a;
+}, p = a;

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

@@ -97,35 +97,35 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M18.692 20v-2H5.333v2c0 .368.299.667.667.667h12.026a.667.667 0 0 0 .666-.667M5.333 4v12.667h13.359V4a.667.667 0 0 0-.666-.667H6A.667.667 0 0 0 5.333 4m14.692 0v16c0 1.103-.897 2-1.999 2H6c-1.103 0-2-.897-2-2V4c0-1.103.897-2 2-2h12.026c1.102 0 1.999.897 1.999 2m-8.666 16h1.333v-1.334h-1.333z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M6.087 2h11.826C19.062 2 20 2.964 20 4.143v15.714c0 1.18-.938 2.143-2.087 2.143H6.087C4.938 22 4 21.036 4 19.857V4.143C4 2.963 4.938 2 6.087 2m11.826 1.427H6.087a.71.71 0 0 0-.693.716V4.5H18.61v-.356a.71.71 0 0 0-.697-.716m.693 2.5H5.394V18.07h13.212zM6.087 20.568h11.826c.381 0 .693-.32.693-.716v-.356H5.39v.356c0 .392.312.716.697.716"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M6.087 2h11.826C19.062 2 20 2.964 20 4.143v15.714c0 1.18-.938 2.143-2.087 2.143H6.087C4.938 22 4 21.036 4 19.857V4.143C4 2.963 4.938 2 6.087 2m11.826 1.427H6.087a.71.71 0 0 0-.693.716V4.5H18.61v-.356a.71.71 0 0 0-.697-.716m.693 2.5H5.394V18.07h13.212zM6.087 20.568h11.826c.381 0 .693-.32.693-.716v-.356H5.39v.356c0 .392.312.716.697.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -135,7 +135,7 @@ const v = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: r,
             d: "M19.377 5.768s.005 8.507.005 12.431c0 3.426-2.675 3.644-3.358 3.644-.101 0-.157-.002-.157-.002s-3.757.002-7.715.002-3.52-3.641-3.52-3.641V5.782C4.633 2.353 7.387 2.16 8.01 2.16c.078 0 .123.003.123.003l7.75-.003c3.81.003 3.494 3.608 3.494 3.608m-13.552.014v11.157h12.37c0-4.236-.006-11.168-.006-11.168q0-.05.005-.105V5.66s.062-1.014-.512-1.653c-.37-.406-.975-.613-1.796-.613h-7.75l-.04-.002-.042-.001h-.042c-.176 0-.79.025-1.308.35-.218.134-.88.546-.88 2.042m12.37 12.42v-.034H5.825v.034q0 .075-.009.151s-.092.99.457 1.62c.37.422 1.003.638 1.882.638l7.715-.003q.045 0 .095.003l.061.006c.99 0 2.169-.42 2.169-2.415m-5.463 1.221c0-.476-.274-.759-.73-.759-.457 0-.732.283-.732.76q.001.349.19.551c.13.137.314.207.541.207s.412-.072.54-.207q.19-.203.191-.552"
         })
     }));

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

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : i ? _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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "m7.667 19.352.677.648h-4.79l-.105-.181A10.73 10.73 0 0 1 2 14.419C2 8.676 6.484 4 12 4a9.7 9.7 0 0 1 5.58 1.776l-3.72 2.229a6.2 6.2 0 0 0-1.86-.29c-3.542 0-6.426 3.004-6.426 6.695a6.85 6.85 0 0 0 2.093 4.942M20.291 8.605l-2.14 3.876c.179.614.28 1.267.28 1.938a6.84 6.84 0 0 1-2.094 4.933l-.68.648h4.79l.104-.181a10.73 10.73 0 0 0 1.449-5.4c0-2.152-.63-4.152-1.71-5.814m.013-3.6a.52.52 0 0 1 .645.09c.169.176.205.453.082.667L14.99 16.7a.3.3 0 0 1-.032.052A3.62 3.62 0 0 1 12 18.285c-.95 0-1.901-.375-2.628-1.133-1.449-1.51-1.449-3.966 0-5.476q.184-.193.384-.343a.3.3 0 0 1 .05-.033z"
         })
-    })) : c.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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "m7.667 19.352.677.648h-4.79l-.105-.181A10.73 10.73 0 0 1 2 14.419C2 8.676 6.484 4 12 4a9.7 9.7 0 0 1 5.58 1.776l-3.72 2.229a6.2 6.2 0 0 0-1.86-.29c-3.542 0-6.426 3.004-6.426 6.695a6.85 6.85 0 0 0 2.093 4.942M20.291 8.605l-2.14 3.876c.179.614.28 1.267.28 1.938a6.84 6.84 0 0 1-2.094 4.933l-.68.648h4.79l.104-.181a10.73 10.73 0 0 0 1.449-5.4c0-2.152-.63-4.152-1.71-5.814m.013-3.6a.52.52 0 0 1 .645.09c.169.176.205.453.082.667L14.99 16.7a.3.3 0 0 1-.032.052A3.62 3.62 0 0 1 12 18.285c-.95 0-1.901-.375-2.628-1.133-1.449-1.51-1.449-3.966 0-5.476q.184-.193.384-.343a.3.3 0 0 1 .05-.033z"
@@ -123,7 +123,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M2.155 14.686c0-6.314 3.403-9.653 9.84-9.653 6.443 0 9.846 3.34 9.846 9.653 0 1.42-.18 2.709-.53 3.83a1 1 0 0 1-.036.086l-.02.042c-.1.202-.31.33-.54.33H3.272a.6.6 0 0 1-.577-.414c-.358-1.132-.54-2.434-.54-3.874m9.829-7.18a.597.597 0 0 0-.602.592v.8c0 .326.269.592.602.592.33 0 .602-.263.602-.591v-.801a.597.597 0 0 0-.602-.591M7.547 10.86c.157 0 .31-.06.429-.174a.58.58 0 0 0 0-.838l-.578-.565a.61.61 0 0 0-.854 0 .585.585 0 0 0 0 .837l.577.566a.6.6 0 0 0 .426.174m5.678 5.117 6.375-1.832a.59.59 0 0 0 .41-.736.6.6 0 0 0-.749-.4l-6.38 1.834a1.26 1.26 0 0 0-.883-.356c-.692 0-1.255.55-1.255 1.23s.56 1.232 1.255 1.232a1.25 1.25 0 0 0 1.227-.972m-7.27-1.347a.597.597 0 0 0 .603-.591.597.597 0 0 0-.602-.591h-.818a.6.6 0 0 0-.602.59c0 .326.269.592.602.592zM15.988 9.85a.583.583 0 0 0 .002.838.61.61 0 0 0 .852 0l.577-.566a.585.585 0 0 0 0-.838.61.61 0 0 0-.854 0z"

package/dist/generated/mistica-icons/icon-tachometer-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");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M22 14.77C22 8.378 18.54 5 11.997 5 5.457 5 2 8.38 2 14.77c0 1.468.185 2.796.552 3.943A.42.42 0 0 0 2.95 19h18.091c.16 0 .305-.087.376-.228l.022-.045a.4.4 0 0 0 .023-.059c.356-1.136.538-2.45.538-3.898m-.834 0c0 1.263-.145 2.41-.43 3.414H3.264c-.282-1.004-.427-2.151-.427-3.414 0-5.942 3.082-8.954 9.163-8.954s9.166 3.012 9.166 8.954M12 16.702a.875.875 0 0 1-.885-.866c0-.475.396-.863.885-.863a.88.88 0 0 1 .626.253l-.703.202h-.003a.41.41 0 0 0-.281.506.42.42 0 0 0 .518.276l.691-.197a.87.87 0 0 1-.848.69m1.474-1.712c-.31-.515-.87-.83-1.474-.83-.948 0-1.719.754-1.719 1.679s.768 1.676 1.716 1.676 1.719-.754 1.719-1.679q0-.02-.005-.037-.004-.017-.004-.033l6.116-1.752h.006a.403.403 0 0 0 .279-.504v-.003a.414.414 0 0 0-.515-.272zm-1.488-6.61a.414.414 0 0 1-.419-.407v-.827c0-.225.188-.408.416-.408.23 0 .418.183.418.408v.827a.41.41 0 0 1-.415.407M7.304 9.491l-.6-.585a.426.426 0 0 0-.589 0l-.006.006a.4.4 0 0 0 .006.57l.6.586a.426.426 0 0 0 .59 0l.005-.006a.4.4 0 0 0-.005-.57M4.9 13.693c.23 0 .415.183.415.408a.413.413 0 0 1-.415.408h-.848a.413.413 0 0 1-.416-.408c0-.225.188-.408.416-.408zm11.838-3.586a.43.43 0 0 0 .592 0l.598-.585.005-.005a.4.4 0 0 0-.005-.571.42.42 0 0 0-.59 0l-.6.585-.003.003c-.159.16-.159.416.003.573"
         })
     }));
-}, d = s;
+}, p = s;

package/dist/generated/mistica-icons/icon-tachometer-regular.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");
@@ -92,13 +92,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const m = (_param)=>{
     var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const s = (_param)=>{
             fill: e,
             d: "M21.195 5.862 19.952 8.11A10.6 10.6 0 0 1 22 14.419c0 1.771-.485 3.433-1.532 5.224a.72.72 0 0 1-.612.357.7.7 0 0 1-.37-.11.766.766 0 0 1-.238-1.023c.905-1.553 1.326-2.967 1.326-4.453a9.14 9.14 0 0 0-1.408-4.89l-4.019 7.267-.02.033q-.01.015-.02.033-.157.223-.348.424a3.8 3.8 0 0 1-2.757 1.186 3.8 3.8 0 0 1-2.756-1.186c-1.518-1.581-1.518-4.157 0-5.738.132-.133.27-.257.407-.362q.027-.021.064-.043l4.187-2.514a5.5 5.5 0 0 0-1.902-.348c-3.15 0-5.714 2.753-5.714 6.138 0 1.634.645 3.077 1.91 4.286.293.281.312.748.047 1.052a.696.696 0 0 1-1.01.048c-1.55-1.481-2.373-3.343-2.373-5.386 0-4.21 3.2-7.628 7.14-7.628 1.216 0 2.377.328 3.41.933l1.28-.767a8.3 8.3 0 0 0-4.694-1.466c-4.727 0-8.572 4.004-8.572 8.928 0 1.49.42 2.905 1.326 4.453.206.352.1.81-.238 1.023a.7.7 0 0 1-.983-.247C2.49 17.848 2 16.19 2 14.419 2 8.671 6.49 4 12.002 4c2.277 0 4.375.8 6.057 2.138l2.163-1.29a.69.69 0 0 1 .86.119.77.77 0 0 1 .113.895m-7.451 10.371a2 2 0 0 0 .187-.219l4.7-8.5-8.16 4.89a2 2 0 0 0-.215.196c-.96 1-.96 2.633 0 3.633s2.523 1 3.488 0"
         })
-    })) : 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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -126,7 +126,7 @@ const s = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
-            d: "M11.998 5.044c6.432 0 9.83 3.334 9.83 9.64 0 1.417-.177 2.702-.53 3.823q-.013.044-.036.086l-.02.043a.6.6 0 0 1-.54.33H3.29a.6.6 0 0 1-.577-.415c-.356-1.131-.538-2.43-.538-3.868 0-6.305 3.398-9.639 9.823-9.639m8.258 12.74c.244-.919.367-1.96.367-3.1 0-5.612-2.902-8.457-8.622-8.457S3.382 9.07 3.382 14.683c0 1.143.123 2.185.364 3.1zm-7.375-2.944a1.26 1.26 0 0 0-.88-.356c-.692.003-1.252.552-1.25 1.23 0 .68.561 1.23 1.253 1.23.585.002 1.095-.401 1.224-.972l6.364-1.83h.004l.003-.002h.002c.31-.093.49-.42.4-.731a.6.6 0 0 0-.748-.401zm-.894-5.347a.595.595 0 0 1-.602-.591v-.799c0-.325.269-.59.602-.59s.602.265.602.59v.799a.595.595 0 0 1-.602.59m-4 .361-.577-.566a.616.616 0 0 0-.854 0l-.011.011c-.225.23-.219.6.01.824l.58.569a.607.607 0 0 0 .852 0l.014-.014a.586.586 0 0 0-.014-.824M5.97 13.445c.334 0 .603.263.603.591a.597.597 0 0 1-.603.591h-.815a.597.597 0 0 1-.602-.591c0-.328.269-.591.602-.591zm10.012-2.756a.6.6 0 0 0 .851-.003l.577-.566.011-.011a.583.583 0 0 0-.01-.824.61.61 0 0 0-.852 0l-.578.566-.014.014a.586.586 0 0 0 .014.824"
+            d: "M11.999 5.044c6.43 0 9.829 3.334 9.829 9.64 0 1.417-.177 2.702-.53 3.823q-.013.044-.036.086l-.02.043a.6.6 0 0 1-.54.33H3.29a.6.6 0 0 1-.577-.415c-.356-1.131-.538-2.43-.538-3.868 0-6.305 3.398-9.639 9.824-9.639m8.257 12.74c.244-.919.367-1.96.367-3.1 0-5.612-2.902-8.457-8.622-8.457S3.382 9.07 3.382 14.683c0 1.143.123 2.185.364 3.1zm-7.375-2.944a1.26 1.26 0 0 0-.88-.356c-.692.003-1.252.552-1.249 1.23 0 .68.56 1.23 1.252 1.23.585.002 1.095-.401 1.224-.972l6.364-1.83h.005l.002-.002h.002c.31-.093.49-.42.4-.731a.6.6 0 0 0-.748-.401zm-.894-5.347a.595.595 0 0 1-.602-.591v-.799c0-.325.269-.59.602-.59.334 0 .602.265.602.59v.799a.595.595 0 0 1-.602.59m-4 .361-.577-.566a.616.616 0 0 0-.854 0l-.011.011c-.224.23-.219.6.01.824l.58.569a.607.607 0 0 0 .852 0l.014-.014a.586.586 0 0 0-.014-.824M5.97 13.445c.334 0 .603.263.603.591a.597.597 0 0 1-.603.591h-.815a.597.597 0 0 1-.602-.591c0-.328.269-.591.602-.591zm10.012-2.756a.6.6 0 0 0 .851-.003l.577-.566.011-.011a.583.583 0 0 0-.01-.824.61.61 0 0 0-.852 0l-.577.566-.014.014a.586.586 0 0 0 .014.824"
         })
     }));
-}, d = s;
+}, p = m;

package/dist/generated/mistica-icons/icon-tag-discount-euro-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_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 c = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.314 2.213a.674.674 0 0 0-.983 0l-1.189 1.242h-8.055a.68.68 0 0 0-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9 12.363H7.26a.53.53 0 0 1-.52-.545.53.53 0 0 1 .52-.544H9c.29 0 .52.242.52.544a.53.53 0 0 1-.52.544m5.736-.545a.53.53 0 0 1-.52.544h-1.651c.222.736.872 1.27 1.65 1.27.281 0 .553-.069.802-.204a.51.51 0 0 1 .703.233.555.555 0 0 1-.223.735c-.4.219-.832.33-1.286.33-1.357 0-2.488-1.019-2.732-2.364h-.4a.53.53 0 0 1-.522-.544.53.53 0 0 1 .521-.545h.4c.245-1.344 1.376-2.364 2.733-2.364q.676.001 1.287.33a.56.56 0 0 1 .222.736.516.516 0 0 1-.703.233 1.7 1.7 0 0 0-.801-.205c-.775 0-1.429.54-1.651 1.27h1.65c.29 0 .521.242.521.545"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.314 2.213a.674.674 0 0 0-.983 0l-1.189 1.242h-8.055a.68.68 0 0 0-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9 12.363H7.26a.53.53 0 0 1-.52-.545.53.53 0 0 1 .52-.544H9c.29 0 .52.242.52.544a.53.53 0 0 1-.52.544m5.736-.545a.53.53 0 0 1-.52.544h-1.651c.222.736.872 1.27 1.65 1.27.281 0 .553-.069.802-.204a.51.51 0 0 1 .703.233.555.555 0 0 1-.223.735c-.4.219-.832.33-1.286.33-1.357 0-2.488-1.019-2.732-2.364h-.4a.53.53 0 0 1-.522-.544.53.53 0 0 1 .521-.545h.4c.245-1.344 1.376-2.364 2.733-2.364q.676.001 1.287.33a.56.56 0 0 1 .222.736.516.516 0 0 1-.703.233 1.7 1.7 0 0 0-.801-.205c-.775 0-1.429.54-1.651 1.27h1.65c.29 0 .521.242.521.545"
         })
     }));

package/dist/generated/mistica-icons/icon-tag-discount-euro-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = r !== null && r !== void 0 ? r : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -125,4 +125,4 @@ const m = (_param)=>{
             d: "m20.082 4.049 1.34-1.4a.393.393 0 0 0 0-.537.344.344 0 0 0-.508 0l-1.34 1.4h-8.515a.36.36 0 0 0-.258.117l-7.794 8.485a1.95 1.95 0 0 0 0 2.666l6.38 6.67a1.754 1.754 0 0 0 2.55 0 .387.387 0 0 0 0-.532.344.344 0 0 0-.508 0c-.42.44-1.109.44-1.53 0l-6.38-6.67a1.18 1.18 0 0 1 .005-1.607l7.692-8.37h7.642L17.31 5.889a.38.38 0 0 0 0 .531c.07.073.162.111.254.111a.35.35 0 0 0 .254-.11l1.548-1.619v7.988l-4.948 5.173a.387.387 0 0 0 0 .53c.139.15.365.15.508 0l5.05-5.278a.37.37 0 0 0 .106-.265zM12.718 20.27a.78.78 0 0 1 0-1.067.7.7 0 0 1 1.02 0 .78.78 0 0 1 0 1.067.7.7 0 0 1-1.02 0m-2.014-7.515a.37.37 0 0 0 .36.377h.767c.42 1 1.372 1.7 2.48 1.7q.662 0 1.253-.319a.385.385 0 0 0 .152-.507.35.35 0 0 0-.485-.16 1.9 1.9 0 0 1-.915.238 1.97 1.97 0 0 1-1.663-.942h1.663a.37.37 0 0 0 .36-.377.37.37 0 0 0-.36-.377h-1.95a2 2 0 0 1-.032-.376c0-.13.014-.256.033-.377h1.95a.37.37 0 0 0 .36-.377.37.37 0 0 0-.36-.376h-1.664c.356-.565.966-.942 1.663-.942q.486-.001.915.236a.35.35 0 0 0 .485-.159.385.385 0 0 0-.152-.507 2.6 2.6 0 0 0-1.252-.319c-1.11 0-2.06.7-2.481 1.7h-.767a.37.37 0 0 0-.36.377.37.37 0 0 0 .36.377h.568a2.58 2.58 0 0 0 0 .753h-.568c-.203-.02-.36.15-.36.357m-3.974-.753a.37.37 0 0 1 .36-.377h1.807c.199 0 .36.17.36.377a.37.37 0 0 1-.36.377H7.091a.37.37 0 0 1-.36-.377"
         })
     }));
-}, g = m;
+}, d = m;

package/dist/generated/mistica-icons/icon-tag-discount-euro-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
     return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -131,4 +131,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, v = m;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.324 2.213a.674.674 0 0 0-.984 0l-1.188 1.242h-8.055c-.191 0-.37.08-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9.01 12.363H7.27a.53.53 0 0 1-.521-.545.53.53 0 0 1 .52-.544h1.74c.29 0 .521.242.521.544a.53.53 0 0 1-.52.544m2.26 2.182a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545c.098 0 .174-.08.174-.181v-.908a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545v-.907c0-.903.703-1.638 1.567-1.638.431 0 .845.186 1.139.516a.567.567 0 0 1-.022.773.51.51 0 0 1-.739-.024.5.5 0 0 0-.378-.172c-.29 0-.521.247-.521.545v.907h.868c.29 0 .52.242.52.545a.53.53 0 0 1-.52.544h-.868v.907q0 .092-.013.182h1.749c.289 0 .52.242.52.545a.534.534 0 0 1-.52.544z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M21.324 2.213a.674.674 0 0 0-.984 0l-1.188 1.242h-8.055c-.191 0-.37.08-.503.224l-7.503 8.167a2.254 2.254 0 0 0 0 3.085l6.146 6.427a2.019 2.019 0 0 0 2.946.01l7.744-7.94a.75.75 0 0 0 .209-.521V4.484l1.188-1.243a.75.75 0 0 0 0-1.028M9.01 12.363H7.27a.53.53 0 0 1-.521-.545.53.53 0 0 1 .52-.544h1.74c.29 0 .521.242.521.544a.53.53 0 0 1-.52.544m2.26 2.182a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545c.098 0 .174-.08.174-.181v-.908a.53.53 0 0 1-.52-.544.53.53 0 0 1 .52-.545v-.907c0-.903.703-1.638 1.567-1.638.431 0 .845.186 1.139.516a.567.567 0 0 1-.022.773.51.51 0 0 1-.739-.024.5.5 0 0 0-.378-.172c-.29 0-.521.247-.521.545v.907h.868c.29 0 .52.242.52.545a.53.53 0 0 1-.52.544h-.868v.907q0 .092-.013.182h1.749c.289 0 .52.242.52.545a.534.534 0 0 1-.52.544z"
         })
     }));

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

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), h = e !== null && e !== void 0 ? e : r ? _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 r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = e !== null && e !== void 0 ? e : r ? _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: a,
         height: a,
         viewBox: "0 0 24 24",

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

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

package/dist/generated/mistica-icons/icon-tag-euro-filled.js

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

package/dist/generated/mistica-icons/icon-tag-euro-light.js

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

package/dist/generated/mistica-icons/icon-tag-euro-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -119,7 +119,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -131,4 +131,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, d = m;
+}, v = m;

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

@@ -93,40 +93,40 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "m18.598 6.406 3.194-3.194a.715.715 0 0 0 .004-1.004.71.71 0 0 0-1.004 0l-3.194 3.194a.71.71 0 0 0 .5 1.213.7.7 0 0 0 .5-.209m-1.759.754c.336.332.782.518 1.254.518.473 0 .922-.181 1.25-.518l1.23-1.23v7.555c0 .568-.217 1.1-.622 1.504l-6.388 6.389A2.12 2.12 0 0 1 12.06 22c-.545 0-1.09-.209-1.504-.622l-7.933-7.934c-.4-.4-.622-.936-.622-1.504s.218-1.1.622-1.504l6.393-6.392c.4-.4.936-.623 1.504-.623h7.551l-1.23 1.231a1.78 1.78 0 0 0 0 2.508m-4.248 9.57c0-2.404 1.754-4.08 4.262-4.08a.532.532 0 0 0 0-1.064c-2.39 0-4.262-1.95-4.262-4.44a.53.53 0 0 0-.532-.53.53.53 0 0 0-.531.53c0 2.49-1.872 4.44-4.262 4.44a.53.53 0 0 0-.532.532.53.53 0 0 0 .532.531c2.508 0 4.262 1.677 4.262 4.08a.53.53 0 0 0 .531.532.53.53 0 0 0 .532-.532m1.863-4.649a4.88 4.88 0 0 0-2.395 2.295 4.88 4.88 0 0 0-2.394-2.295 5.3 5.3 0 0 0 2.394-2.494 5.3 5.3 0 0 0 2.395 2.494"
         })
     })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "m18.598 6.406 3.194-3.194a.715.715 0 0 0 .004-1.004.71.71 0 0 0-1.004 0l-3.194 3.194a.71.71 0 0 0 .5 1.213.7.7 0 0 0 .5-.209m-1.759.754c.336.332.782.518 1.254.518.473 0 .922-.181 1.25-.518l1.23-1.23v7.555c0 .568-.217 1.1-.622 1.504l-6.388 6.389A2.12 2.12 0 0 1 12.06 22c-.545 0-1.09-.209-1.504-.622l-7.933-7.934c-.4-.4-.622-.936-.622-1.504s.218-1.1.622-1.504l6.393-6.392c.4-.4.936-.623 1.504-.623h7.551l-1.23 1.231a1.78 1.78 0 0 0 0 2.508m-4.248 9.57c0-2.404 1.754-4.08 4.262-4.08a.532.532 0 0 0 0-1.064c-2.39 0-4.262-1.95-4.262-4.44a.53.53 0 0 0-.532-.53.53.53 0 0 0-.531.53c0 2.49-1.872 4.44-4.262 4.44a.53.53 0 0 0-.532.532.53.53 0 0 0 .532.531c2.508 0 4.262 1.677 4.262 4.08a.53.53 0 0 0 .531.532.53.53 0 0 0 .532-.532m1.863-4.649a4.88 4.88 0 0 0-2.395 2.295 4.88 4.88 0 0 0-2.394-2.295 5.3 5.3 0 0 0 2.394-2.494 5.3 5.3 0 0 0 2.395 2.494"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
-            d: "M20.505 2.155c.74.003 1.336.602 1.341 1.339v.003h-.005v8.308c-.076.42-.28.804-.588 1.1l-8.328 8.27c-.275.327-.647.56-1.062.66a1.5 1.5 0 0 1-.274 0 1.13 1.13 0 0 1-.83-.33l-8.288-8.269a1.553 1.553 0 0 1 .291-2.157L11.1 2.752a2.13 2.13 0 0 1 1.061-.597zM15.82 5.71c-.32.277-.515.672-.546 1.092v.022c.034.432.235.835.563 1.118.291.325.697.521 1.135.546a1.6 1.6 0 0 0 1.117-.546c.32-.274.513-.664.538-1.084a1.66 1.66 0 0 0-.563-1.132 1.65 1.65 0 0 0-1.135-.554c-.428.02-.829.213-1.109.538"
+            d: "M20.505 2.155c.739.003 1.336.602 1.341 1.339v.003h-.005v8.308c-.076.42-.28.804-.589 1.1l-8.327 8.27c-.275.327-.647.56-1.062.66a1.5 1.5 0 0 1-.274 0 1.13 1.13 0 0 1-.83-.33l-8.288-8.269a1.553 1.553 0 0 1 .291-2.157l8.336-8.327a2.13 2.13 0 0 1 1.062-.597zM15.82 5.71c-.32.277-.515.672-.546 1.092v.022c.033.432.235.835.563 1.118.291.325.697.521 1.134.546a1.6 1.6 0 0 0 1.118-.546c.32-.274.512-.664.538-1.084a1.66 1.66 0 0 0-.563-1.132 1.65 1.65 0 0 0-1.135-.554c-.428.02-.829.213-1.109.538"
         })
     }));
 }, p = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "M21.83 3.498h.008c0-.742-.602-1.342-1.342-1.342h-8.344a2.1 2.1 0 0 0-1.062.58l-8.336 8.35a1.555 1.555 0 0 0-.291 2.163l8.288 8.277c.224.21.521.325.83.314.51-.034.988-.264 1.333-.645l8.327-8.277c.309-.297.513-.68.589-1.1zm-.821 0v8.196a1.15 1.15 0 0 1-.347.622l-8.345 8.328c-.356.353-.829.445-.994.28l-8.289-8.28c-.165-.163-.081-.62.283-.983l8.362-8.32c.168-.176.383-.302.621-.356h8.196c.283 0 .513.23.513.513m-4.076.843c.645.05 1.247.35 1.673.838.493.437.79 1.05.829 1.706a2.39 2.39 0 0 1-.787 1.714c-.429.47-1.023.75-1.659.787a2.5 2.5 0 0 1-1.717-.83 2.5 2.5 0 0 1-.829-1.713 2.4 2.4 0 0 1 .787-1.715 2.44 2.44 0 0 1 1.703-.787m1.681 2.527a1.66 1.66 0 0 0-.563-1.135 1.67 1.67 0 0 0-1.126-.563c-.429.025-.83.222-1.112.546-.322.28-.518.676-.546 1.101.03.437.232.846.563 1.135.291.325.7.52 1.134.546.429-.04.827-.233 1.12-.546.317-.275.51-.667.53-1.084"
         })
     }));
-}, p = m;
+}, g = m;

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

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

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

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

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

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -106,11 +106,11 @@ const v = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
-                d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.208 1.1-.593 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.38-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985c.13-.136.2-.314.2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
+                fill: a,
+                d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M14.163 14.071h-2.57c.02-.113.034-.231.034-.354v-1.418h1.35c.372 0 .675-.318.675-.708 0-.391-.303-.71-.675-.71h-1.35v-1.24c0-.49.38-.886.844-.886.194 0 .38.069.532.196.29.245.714.2.952-.105a.74.74 0 0 0-.1-1 2.13 2.13 0 0 0-1.38-.513c-1.212 0-2.198 1.036-2.198 2.308v1.24c-.373 0-.675.319-.675.71s.302.708.675.708v1.418c0 .2-.147.354-.338.354-.372 0-.675.319-.675.71s.303.708.675.708h4.228c.372 0 .675-.318.675-.709s-.303-.709-.68-.709"
             })
         ]
@@ -122,11 +122,11 @@ const v = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M20.364 2.208a.654.654 0 0 1 .956 0 .73.73 0 0 1-.004 1.004L20.16 4.425v9.06c0 .568-.207 1.1-.592 1.504l-6.085 6.389a1.97 1.97 0 0 1-1.432.622c-.52 0-1.039-.209-1.433-.622l-7.555-7.934c-.381-.4-.593-.936-.593-1.504s.208-1.1.593-1.504l6.089-6.392c.38-.4.891-.623 1.432-.623h8.624zM18.61 13.985a.72.72 0 0 0 .2-.504V5.847l-.875.918a.65.65 0 0 1-.952 0 .736.736 0 0 1 0-1.004l.87-.922H10.58a.66.66 0 0 0-.476.209l-6.085 6.388a.73.73 0 0 0 0 1.004l7.551 7.933a.654.654 0 0 0 .957 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: c,
+                fill: a,
                 d: "M14.163 14.071h-2.57c.02-.113.034-.231.034-.354v-1.418h1.35c.372 0 .675-.318.675-.708 0-.391-.303-.71-.675-.71h-1.35v-1.24c0-.49.38-.886.844-.886.194 0 .38.069.532.196.29.245.714.2.952-.105a.74.74 0 0 0-.1-1 2.13 2.13 0 0 0-1.38-.513c-1.212 0-2.198 1.036-2.198 2.308v1.24c-.373 0-.675.319-.675.71s.302.708.675.708v1.418c0 .2-.147.354-.338.354-.372 0-.675.319-.675.71s.303.708.675.708h4.228c.372 0 .675-.318.675-.709s-.303-.709-.68-.709"
             })
         ]