@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {

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

@@ -92,24 +92,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: s, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: s, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), r = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: c,
                 d: "M14.24 7.415c-.72 0-1.187.381-1.187 1.2q0 .123.014.234l-2.368 1.19c-.206-.251-.53-.371-.933-.371-.72 0-1.187.38-1.187 1.199 0 .392.108.684.3.881.207.215.511.318.884.318s.68-.103.885-.318l.048-.053 2.37 1.19q-.013.11-.013.231c0 .392.108.684.299.882.207.214.512.317.885.317s.68-.103.885-.317c.19-.198.299-.49.299-.882.005-.818-.461-1.199-1.181-1.199-.434 0-.776.138-.98.427l-2.337-1.175q.024-.14.024-.302a2 2 0 0 0-.022-.299l2.34-1.177a1 1 0 0 0 .087.105c.207.215.512.318.885.318s.68-.103.885-.318c.19-.198.299-.49.299-.881.005-.819-.461-1.2-1.181-1.2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: c,
                 d: "M5.068 16.733H18.94c1.03 0 1.813-.3 2.328-.895.486-.558.731-1.383.731-2.45V8.343c0-1.068-.248-1.892-.731-2.45C20.754 5.3 19.97 5 18.94 5H5.068c-1.03 0-1.813.3-2.328.893-.487.558-.731 1.382-.731 2.45v5.045c0 1.067.244 1.892.73 2.453.516.592 1.299.892 2.329.892m-2.49-8.388c0-1.891.79-2.773 2.49-2.773H18.94c1.699 0 2.49.879 2.49 2.77v5.049c0 1.892-.791 2.773-2.49 2.773H5.068c-1.7 0-2.49-.882-2.49-2.773zM21.707 19H2.285a.286.286 0 0 1 0-.572h19.422a.286.286 0 0 1 0 .572"
             })
         ]

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

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

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

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

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

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

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : i ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: e,
             d: "M20.61 5.303v.028c0 .528.006 6.643-.448 9.323-.611 3.551-7.163 6.773-7.905 7.128a.6.6 0 0 1-.518 0c-.746-.355-7.289-3.577-7.9-7.128-.462-2.681-.457-8.8-.456-9.323v-.028a.61.61 0 0 1 .756-.593c1.595.258 2.44-.308 3.504-1.02l.026-.017c1.058-.714 2.26-1.518 4.325-1.518h.005c2.065.003 3.266.807 4.325 1.518l.004.003c1.074.718 1.925 1.288 3.548 1.03a.65.65 0 0 1 .504.138c.14.112.221.28.23.46m-8.614 9.653c-1.563 0-1.989-.582-1.989-2.711 0-1.328.185-2.042.625-2.381.286-.222.734-.33 1.367-.33.625 0 1.07.106 1.359.324.442.339.63 1.053.63 2.387-.003 2.129-.429 2.711-1.992 2.711m1.336-6.386c0-.381 0-.656-1.333-.656-1.331 0-1.333.274-1.336.654v.002l.003.016a4.1 4.1 0 0 1 1.327-.196c.521 0 .958.07 1.337.2zm1.535-.653.042.779-.462.143.001-.008c.011-.087.022-.172.022-.264 0-1.04-.577-1.47-1.208-1.658a.57.57 0 0 0-.061-.72.56.56 0 0 0-.793-.009l-.008.009-.395.4-.01.013q-.004.009-.013.018l-.008-.015-.011-.016-.398-.4a.56.56 0 0 0-.793-.009l-.008.009a.565.565 0 0 0-.053.728c-.617.193-1.174.625-1.174 1.647 0 .098.011.19.022.28l-.495-.154.042-.779a.57.57 0 0 0-.535-.602c-.309.006-.58.227-.597.544L7.91 9.079a.575.575 0 0 0 .4.58l.908.28c-.171.41-.26.869-.303 1.336h-.68a.57.57 0 0 0-.57.572v.815c0 .317.256.574.57.574.31 0 .565-.257.565-.574v-.24h.079c.005.579.053 1.142.182 1.646l-.75.233a.574.574 0 0 0-.401.577l.064 1.227a.57.57 0 0 0 .566.543h.03a.57.57 0 0 0 .536-.602l-.042-.779.484-.148c.457.599 1.21.98 2.451.98 1.235 0 1.989-.378 2.448-.975l.465.143-.042.779a.57.57 0 0 0 .535.602h.031a.57.57 0 0 0 .566-.543l.064-1.227a.57.57 0 0 0-.4-.577l-.731-.224c.131-.505.179-1.07.185-1.656h.078v.241c0 .317.255.574.566.574a.57.57 0 0 0 .569-.571v-.818a.57.57 0 0 0-.566-.574h-.687c-.044-.47-.131-.933-.305-1.342l.888-.275a.57.57 0 0 0 .4-.58L16 7.85c-.017-.317-.277-.54-.597-.544a.583.583 0 0 0-.534.61M11.4 10.939v3.054c0 .316.252.571.566.571a.57.57 0 0 0 .565-.571v-3.054a.573.573 0 0 0-.566-.571.567.567 0 0 0-.565.571"
         })
     }));
-}, m = s;
+}, d = s;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: c = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M20.612 5.186v-.028a.432.432 0 0 0-.505-.398c-1.747.276-2.687-.352-3.775-1.078l-.018-.012c-1.058-.708-2.263-1.512-4.313-1.515h-.006c-2.05 0-3.252.804-4.314 1.515-1.095.732-2.044 1.359-3.798 1.09a.409.409 0 0 0-.496.398c-.002.274-.02 6.734.465 9.518.617 3.58 7.673 6.983 7.975 7.126.11.053.238.053.348 0 .3-.143 7.364-3.543 7.98-7.126.463-2.722.457-8.956.456-9.49m-.816.434c-.005 1.549-.053 6.62-.445 8.913-.496 2.883-6.269 5.9-7.356 6.443-1.081-.544-6.849-3.558-7.344-6.44-.4-2.294-.449-7.353-.454-8.91 1.798.142 2.88-.572 3.93-1.272l.004-.003c1.013-.677 2.057-1.375 3.864-1.375h.006c1.806.003 2.854.7 3.865 1.378 1.042.697 2.124 1.414 3.93 1.266m-7.798 9.54c1.538 0 1.98-.593 1.98-2.65 0-1.288-.193-1.982-.638-2.321-.292-.219-.731-.328-1.342-.328-.616 0-1.059.11-1.35.333-.443.342-.63 1.037-.63 2.317 0 2.056.442 2.65 1.98 2.65m-1.367-6.072c0 .073.006.131.014.185.37-.152.812-.233 1.353-.233.543 0 .989.081 1.359.233q.013-.08.014-.188c0-.392 0-.731-1.37-.731s-1.37.339-1.37.734m4.885 2.647c.224 0 .406.185.406.409v.759a.407.407 0 1 1-.812 0v-.35h-.316c-.003.664-.065 1.25-.21 1.745l.806.246c.18.056.297.227.286.415l-.059 1.143a.407.407 0 0 1-.406.39h-.023a.414.414 0 0 1-.386-.432l.045-.824-.605-.185c-.412.589-1.104.928-2.244.928-1.143 0-1.837-.342-2.246-.933l-.622.19.042.824a.41.41 0 0 1-.384.431h-.022a.407.407 0 0 1-.407-.39l-.058-1.142a.41.41 0 0 1 .288-.415l.826-.252c-.145-.495-.204-1.075-.207-1.74h-.316v.35a.407.407 0 1 1-.813 0v-.758c0-.227.182-.41.406-.41h.751c.037-.514.137-1.016.342-1.444l-.986-.303a.41.41 0 0 1-.289-.415L8.36 8.43a.406.406 0 1 1 .813.042l-.042.82.74.227a2 2 0 0 1-.051-.437c0-.975.577-1.336 1.185-1.473l-.07-.073a.41.41 0 0 1 0-.58.4.4 0 0 1 .568-.005l.378.378c.05.056.087.123.101.196h.009a.4.4 0 0 1 .1-.196l.37-.373a.4.4 0 0 1 .569-.005l.003.002.002.003c.16.16.16.42 0 .58l-.067.067c.617.13 1.216.488 1.216 1.48 0 .156-.02.293-.05.425l.711-.219-.042-.82a.41.41 0 0 1 .384-.432.4.4 0 0 1 .425.376v.01l.062 1.144a.41.41 0 0 1-.286.414l-.969.297c.208.429.306.933.345 1.448.002.009.753.009.753.009m-3.143-.44a.41.41 0 0 0-.406-.409.41.41 0 0 0-.406.412v2.84a.405.405 0 1 0 .812 0z"
         })
     }));
-}, m = e;
+}, m = s;

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

@@ -96,7 +96,7 @@ const s = (_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 = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,

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

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

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

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), o = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
@@ -109,8 +109,8 @@ const s = (_param)=>{
             d: "m12.21 21.967.007-.002c1.778-.594 7.15-2.388 7.15-7.237V6c0-.4-.315-.726-.701-.726-3.398 0-5.994-2.863-6.14-3.024l-.006-.007A.7.7 0 0 0 11.998 2a.69.69 0 0 0-.52.242c-.028.033-2.67 3.03-6.147 3.03-.386 0-.701.327-.701.727v8.73c0 1.2 0 4.855 7.157 7.238a.7.7 0 0 0 .423 0m-1.977-5.675L7.46 13.42a.746.746 0 0 1 0-1.029.685.685 0 0 1 .992 0l1.793 1.858 5.122-5.14a.685.685 0 0 1 .993.019c.27.288.26.75-.018 1.028zm7.728-9.6v8.036c0 2.547-1.896 4.386-5.967 5.782-4.07-1.396-5.967-3.235-5.967-5.782V6.693c2.822-.261 5.01-2.03 5.967-2.943.957.913 3.145 2.682 5.967 2.943"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
@@ -119,8 +119,8 @@ const s = (_param)=>{
             d: "M11.89 21.981a.3.3 0 0 0 .108.019.4.4 0 0 0 .108-.014c4.885-1.645 7.26-4.041 7.26-7.325V5.484a.36.36 0 0 0-.35-.366c-3.812 0-6.744-2.984-6.77-3.012a.34.34 0 0 0-.495 0l-.008.008c-.178.175-3.051 3.004-6.763 3.004a.36.36 0 0 0-.35.366v9.172c0 3.284 2.375 5.68 7.26 7.325m-6.555-7.32V5.84c3.318-.14 5.878-2.25 6.663-2.979.786.724 3.346 2.838 6.664 2.98v8.819c0 2.899-2.178 5.055-6.664 6.587-4.48-1.527-6.663-3.684-6.663-6.587m9.191-3.459a.377.377 0 0 0-.004-.517.34.34 0 0 0-.494.005l-3.785 4.004-2.03-2.124a.334.334 0 0 0-.494 0 .377.377 0 0 0 0 .517l2.528 2.645zm1.33-.949c-.387 0-.701-.329-.701-.733s.314-.733.7-.733c.387 0 .701.33.701.733 0 .404-.314.733-.7.733"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : 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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "m12.21 21.967.007-.002c1.778-.594 7.15-2.388 7.15-7.237V6c0-.4-.315-.726-.701-.726-3.398 0-5.994-2.863-6.14-3.024l-.006-.007A.7.7 0 0 0 11.998 2a.69.69 0 0 0-.52.242c-.028.033-2.67 3.03-6.147 3.03-.386 0-.701.327-.701.727v8.73c0 1.2 0 4.855 7.157 7.238a.7.7 0 0 0 .423 0m-1.977-5.675L7.46 13.42a.746.746 0 0 1 0-1.029.685.685 0 0 1 .992 0l1.793 1.858 5.122-5.14a.685.685 0 0 1 .993.019c.27.288.26.75-.018 1.028zm7.728-9.6v8.036c0 2.547-1.896 4.386-5.967 5.782-4.07-1.396-5.967-3.235-5.967-5.782V6.693c2.822-.261 5.01-2.03 5.967-2.943.957.913 3.145 2.682 5.967 2.943"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "m12.21 21.967.007-.002c1.778-.594 7.15-2.388 7.15-7.237V6c0-.4-.315-.726-.701-.726-3.398 0-5.994-2.863-6.14-3.024l-.006-.007A.7.7 0 0 0 11.998 2a.69.69 0 0 0-.52.242c-.028.033-2.67 3.03-6.147 3.03-.386 0-.701.327-.701.727v8.73c0 1.2 0 4.855 7.157 7.238a.7.7 0 0 0 .423 0m-1.977-5.675L7.46 13.42a.746.746 0 0 1 0-1.029.685.685 0 0 1 .992 0l1.793 1.858 5.122-5.14a.685.685 0 0 1 .993.019c.27.288.26.75-.018 1.028zm7.728-9.6v8.036c0 2.547-1.896 4.386-5.967 5.782-4.07-1.396-5.967-3.235-5.967-5.782V6.693c2.822-.261 5.01-2.03 5.967-2.943.957.913 3.145 2.682 5.967 2.943"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const m = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M20.615 5.295v.032c0 .555.008 6.654-.448 9.33-.622 3.61-7.611 6.985-7.908 7.128a.58.58 0 0 1-.51-.003c-.297-.14-7.28-3.518-7.902-7.126-.476-2.745-.46-9.092-.456-9.36a.597.597 0 0 1 .74-.583c1.608.254 2.46-.317 3.534-1.037l.009-.006C8.735 2.96 9.937 2.155 12 2.155h.009c2.063.003 3.262.806 4.324 1.518 1.079.723 1.933 1.294 3.566 1.04a.615.615 0 0 1 .715.582M18.99 14.45c.364-2.134.423-6.75.431-8.479-1.68.081-2.733-.613-3.75-1.294l-.003-.002C14.66 4 13.708 3.362 12.004 3.36H12c-1.706 0-2.658.638-3.67 1.316S6.274 6.049 4.582 5.97c.009 1.728.067 6.345.437 8.48.412 2.386 4.958 5.108 6.983 6.12 2.028-1.012 6.58-3.74 6.99-6.12m-3.493-5.61-4.983 5.041-2-2.03a.59.59 0 0 0-.843 0 .607.607 0 0 0 0 .851l2.426 2.457a.59.59 0 0 0 .84 0L16.34 9.69a.607.607 0 0 0 0-.852.59.59 0 0 0-.843 0"
         })
     }));

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

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

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

@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), h = 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)(), h = 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: c,
         height: c,

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

@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (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: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M19.306 5.036c-3.49 0-6.269-2.323-6.763-2.766-.191-.17-.316-.265-.53-.27h-.018c-.213.005-.338.1-.53.27-.493.443-3.271 2.766-6.762 2.766H4v9.287c0 4.993 5.511 6.886 7.71 7.613a.69.69 0 0 0 .58 0c2.203-.727 7.71-2.62 7.71-7.613V5.036zm-8 15.18c-2.925-1.07-5.913-2.67-5.913-5.893V12h5.913zm-5.913-9.643V6.467c2.56-.187 4.675-1.445 5.913-2.323v6.43zm13.214 3.75c0 3.223-2.988 4.824-5.912 5.894V12h5.912zm-5.912-3.75V4.14c1.237.873 3.352 2.135 5.912 2.323v4.11z"
         })
     })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M19.306 5.036c-3.49 0-6.269-2.323-6.763-2.766-.191-.17-.316-.265-.53-.27h-.018c-.213.005-.338.1-.53.27-.493.443-3.271 2.766-6.762 2.766H4v9.287c0 4.993 5.511 6.886 7.71 7.613a.69.69 0 0 0 .58 0c2.203-.727 7.71-2.62 7.71-7.613V5.036zm-8 15.18c-2.925-1.07-5.913-2.67-5.913-5.893V12h5.913zm-5.913-9.643V6.467c2.56-.187 4.675-1.445 5.913-2.323v6.43zm13.214 3.75c0 3.223-2.988 4.824-5.912 5.894V12h5.912zm-5.912-3.75V4.14c1.237.873 3.352 2.135 5.912 2.323v4.11z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M20.39 4.85c.134.114.23.28.23.458v.028c0 .524.006 6.642-.457 9.32-.61 3.552-7.16 6.773-7.905 7.129l-.005.001-.006.001a.57.57 0 0 1-.496 0l-.008-.002c-.745-.356-7.286-3.577-7.896-7.13-.463-2.677-.458-8.798-.457-9.322v-.027a.63.63 0 0 1 .235-.482.61.61 0 0 1 .521-.11c1.603.253 2.451-.316 3.527-1.039C8.734 2.964 9.936 2.16 12 2.16h.008c2.064 0 3.266.804 4.325 1.515 1.076.723 1.93 1.292 3.552 1.037a.64.64 0 0 1 .504.137M11.4 3.417c-1.336.131-2.174.692-3.053 1.283-1.011.678-2.062 1.38-3.74 1.294.009 1.053.031 3.154.132 5.12h6.661zm-6.356 11.03c.373 2.16 4.152 4.6 6.353 5.785v-7.888H4.813c.059.807.134 1.543.232 2.103m7.569 5.785c2.204-1.185 5.989-3.625 6.361-5.785.096-.56.168-1.296.227-2.103h-6.588zm6.79-14.238c-1.679.089-2.72-.61-3.723-1.285l-.014-.01-.016-.01c-.876-.584-1.712-1.141-3.037-1.272v7.697h6.661c.1-1.966.123-4.067.129-5.12"
         })
     }));
-}, p = s;
+}, p = m;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
+const a = (_param)=>{
     var { color: i, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const c = (_param)=>{
             d: "M12.001 21.841a.6.6 0 0 1-.257-.059c-.745-.355-7.286-3.577-7.897-7.128-.473-2.743-.456-9.082-.456-9.35 0-.191.087-.367.235-.485a.61.61 0 0 1 .521-.11c1.602.258 2.448-.316 3.524-1.039 1.061-.711 2.263-1.515 4.328-1.515h.008c2.064.003 3.266.807 4.325 1.518 1.075.723 1.927 1.289 3.552 1.034a.63.63 0 0 1 .501.137.64.64 0 0 1 .23.462c0 .27.017 6.608-.448 9.35-.611 3.552-7.16 6.774-7.905 7.13a.7.7 0 0 1-.26.055"
         })
     }));
-}, f = c;
+}, f = a;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : i ? _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), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M11.816 21.802a.44.44 0 0 0 .359 0c.3-.143 7.36-3.54 7.977-7.126.463-2.72.457-8.95.457-9.485v-.028a.44.44 0 0 0-.51-.403c-1.75.272-2.691-.358-3.783-1.089h-.001c-1.06-.71-2.26-1.513-4.314-1.516h-.008c-2.054 0-3.255.804-4.317 1.515l-.007.005c-1.092.73-2.036 1.359-3.772 1.082a.414.414 0 0 0-.515.406v.032c0 .558-.008 6.768.465 9.481.619 3.583 7.672 6.983 7.97 7.126M4.665 14.53c-.398-2.282-.446-7.325-.451-8.89 1.784.148 2.868-.572 3.919-1.272 1.01-.678 2.056-1.375 3.86-1.375h.005c1.801.002 2.849.7 3.857 1.375l.013.008c1.035.69 2.098 1.397 3.909 1.255-.006 1.558-.053 6.61-.443 8.9-.495 2.873-6.249 5.879-7.339 6.425-1.09-.543-6.834-3.549-7.33-6.426"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M11.738 21.782a.6.6 0 0 0 .515.003c.745-.355 7.294-3.577 7.905-7.129.455-2.68.449-8.795.448-9.322v-.028a.63.63 0 0 0-.227-.462.63.63 0 0 0-.501-.137c-1.625.255-2.476-.311-3.552-1.034-1.059-.711-2.26-1.515-4.325-1.518h-.008c-2.065 0-3.266.804-4.328 1.515l-.014.01c-1.069.718-1.914 1.286-3.51 1.03a.61.61 0 0 0-.52.109.62.62 0 0 0-.236.484v.028c0 .524-.006 6.642.457 9.323.61 3.551 7.15 6.773 7.896 7.128m-6.703-7.341c-.367-2.123-.429-6.715-.437-8.451 1.661.1 2.711-.605 3.718-1.28l.024-.017c1.006-.675 1.958-1.314 3.656-1.314H12c1.7.003 2.65.639 3.656 1.314 1.011.678 2.064 1.378 3.736 1.294-.008 1.737-.067 6.328-.428 8.454-.41 2.372-4.944 5.09-6.97 6.1-2.024-1.008-6.551-3.725-6.96-6.1"
         })
     }));
-}, m = n;
+}, d = n;

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, size: e = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M15.824 6.53h2.654L20 19.735C20 21.094 19.278 22 18.185 22H5.815C4.73 22 4 21.094 4 19.735v-.076L5.53 6.526h2.657v-.565C8.187 3.776 9.895 2 12.004 2s3.816 1.776 3.82 3.965zm-3.82-3.023c-1.31 0-2.364 1.095-2.364 2.454v.565h4.728v-.565c0-1.36-1.055-2.454-2.364-2.454"
         })
     })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M15.824 6.53h2.654L20 19.735C20 21.094 19.278 22 18.185 22H5.815C4.73 22 4 21.094 4 19.735v-.076L5.53 6.526h2.657v-.565C8.187 3.776 9.895 2 12.004 2s3.816 1.776 3.82 3.965zm-3.82-3.023c-1.31 0-2.364 1.095-2.364 2.454v.565h4.728v-.565c0-1.36-1.055-2.454-2.364-2.454"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: h,
             d: "M21.846 10.825a1.7 1.7 0 0 0-.513-1.2c-.131-.207-.481-1.476-.65-2.086l-.039-.144c-.072-.263-.133-.484-.176-.615l-1.26-4.003a.895.895 0 0 0-.858-.622h-.003L5.65 2.191a.9.9 0 0 0-.852.62c-.148.473-.357 1.145-.586 1.885l-.117.375-.172.557C3.393 7.337 2.769 9.346 2.68 9.55c-.043.101-.1.19-.156.28l-.018.028c-.154.241-.344.54-.344.966 0 1.2 1.319 2.14 3.002 2.14.897 0 1.729-.274 2.289-.745.566.474 1.392.745 2.288.745.519 0 1.031-.092 1.477-.271.302-.12.574-.277.798-.462.563.462 1.386.733 2.274.733.891 0 1.718-.271 2.278-.733.563.462 1.386.733 2.274.733 1.684 0 3.003-.94 3.003-2.14m-3.006 2.96c-.826 0-1.624-.201-2.274-.566-.647.365-1.445.566-2.275.566s-1.627-.201-2.277-.566q-.232.13-.493.236c-.546.215-1.16.33-1.781.33-.835 0-1.639-.207-2.289-.574-.65.37-1.454.574-2.288.574a4.7 4.7 0 0 1-1.774-.341v6.787c0 .888.678 1.61 1.516 1.61h4.493v-5.644c0-.68.49-1.232 1.098-1.232h3.036c.605 0 1.098.551 1.098 1.232v5.644h4.468c.835 0 1.515-.722 1.515-1.61v-6.788c-.529.21-1.125.342-1.773.342"
         })
     }));

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

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: 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)(), o = 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"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M18.477 6.53h-2.654v-.567c0-2.19-1.712-3.963-3.82-3.963S8.186 3.776 8.186 5.963v.567H5.53L4 19.661v.076C4 21.094 4.727 22 5.815 22h12.37C19.277 22 20 21.094 20 19.737zm-8.839-.567c0-1.357 1.054-2.454 2.366-2.454 1.311 0 2.365 1.093 2.365 2.454v.567H9.64zM5.82 20.491c-.327 0-.361-.49-.361-.714L6.842 8.043h10.366l1.346 11.734c-.004.223-.042.714-.37.714z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,
@@ -129,7 +129,7 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M21.188 12.552c.798-.383 1.312-.999 1.312-1.715 0-.432-.191-.843-.556-1.195-.139-.223-.482-1.375-.664-1.984l-.017-.059c-.096-.33-.18-.61-.233-.765l-1.345-3.965c-.125-.372-.51-.624-.917-.619L5.22 2.286c-.415.003-.78.247-.911.613-.185.547-.457 1.36-.75 2.24-.592 1.778-1.405 4.211-1.51 4.436-.045.1-.105.189-.165.277l-.02.028-.004.006c-.16.238-.36.533-.36.951 0 .716.514 1.335 1.309 1.715V20.3c0 .799.726 1.45 1.62 1.45h15.143c.89 0 1.616-.651 1.616-1.45zm.44-1.712c0 .708-1.067 1.307-2.331 1.307-.84-.003-1.623-.266-2.044-.7a.54.54 0 0 0-.383-.154h-.003l-.254.027-.128.13c-.418.428-1.201.692-2.04.692-.84 0-1.623-.264-2.042-.691a.54.54 0 0 0-.382-.159l-.257.026-.131.133c-.419.427-1.202.69-2.041.69-.849 0-1.635-.266-2.05-.699a.54.54 0 0 0-.392-.163l-.26.027-.131.136c-.415.43-1.201.7-2.05.7-1.264 0-2.33-.597-2.33-1.307 0-.178.083-.306.23-.522q.143-.199.25-.419c.114-.247.712-2.028 1.542-4.517l.264-.788c.189-.564.357-1.068.483-1.44.012-.03.045-.05.081-.05l13.545-.036c.036 0 .069.022.08.053L20.2 7.078c.051.147.132.419.224.735.505 1.698.685 2.187.879 2.375l.003.003c.146.141.323.366.323.65m-1.315 2V20.3c.003.352-.332.638-.741.638h-4.766V15.99c0-.58-.526-1.052-1.174-1.052h-3.245c-.646 0-1.172.472-1.172 1.052v4.947h-4.79c-.41 0-.744-.289-.744-.641v-7.455c.323.07.66.116 1.02.116.955 0 1.84-.272 2.44-.738.601.466 1.488.738 2.442.738.95 0 1.831-.266 2.429-.727.6.46 1.479.727 2.426.727s1.829-.266 2.43-.727c.6.458 1.479.727 2.426.727a5 5 0 0 0 1.019-.116m-6.383 8.097h-3.836V15.99c0-.133.134-.242.298-.242h3.24c.164 0 .298.109.298.242z"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : a ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M18.477 6.53h-2.654v-.567c0-2.19-1.712-3.963-3.82-3.963S8.186 3.776 8.186 5.963v.567H5.53L4 19.661v.076C4 21.094 4.727 22 5.815 22h12.37C19.277 22 20 21.094 20 19.737zm-8.839-.567c0-1.357 1.054-2.454 2.366-2.454 1.311 0 2.365 1.093 2.365 2.454v.567H9.64zM5.82 20.491c-.327 0-.361-.49-.361-.714L6.842 8.043h10.366l1.346 11.734c-.004.223-.042.714-.37.714z"
@@ -113,7 +113,7 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M18.477 6.53h-2.654v-.567c0-2.19-1.712-3.963-3.82-3.963S8.186 3.776 8.186 5.963v.567H5.53L4 19.661v.076C4 21.094 4.727 22 5.815 22h12.37C19.277 22 20 21.094 20 19.737zm-8.839-.567c0-1.357 1.054-2.454 2.366-2.454 1.311 0 2.365 1.093 2.365 2.454v.567H9.64zM5.82 20.491c-.327 0-.361-.49-.361-.714L6.842 8.043h10.366l1.346 11.734c-.004.223-.042.714-.37.714z"
@@ -123,10 +123,10 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "m4.998 2.225-.113.008a.75.75 0 0 0-.582.46l-2.257 5.57C.837 9.727 1.454 11.338 3.14 12.11l.103.044v7.811l.006.146a1.78 1.78 0 0 0 1.773 1.634h4.244v.032l4.825-.032h4.9l.147-.006a1.78 1.78 0 0 0 1.634-1.774v-7.806l.078-.034c1.645-.764 2.293-2.304 1.156-3.79l-.039-.048-2.275-5.594a.75.75 0 0 0-.695-.467zm14.274 10.327v7.412l-.007.065a.28.28 0 0 1-.273.215h-4.23v-4.273c0-.958-.777-1.735-1.735-1.735h-2.026c-.96 0-1.735.805-1.735 1.762v4.246H5.022l-.064-.007a.28.28 0 0 1-.215-.273v-7.447c.847.063 1.703-.102 2.423-.506l.135-.082.055.037c1.17.747 3.209.81 4.557.015l.122-.079.1.06.177.095.186.091c1.247.58 2.64.616 4.031-.18l.093-.055.05.039c.703.5 1.646.694 2.6.6M5.503 3.724h12.989l2.128 5.23q.046.111.123.203c.587.692.349 1.246-.637 1.656-1.01.42-2.187.317-2.725-.22l-.088-.1a.75.75 0 0 0-1.044-.135c-1.16.88-2.247.881-3.25.365a2.6 2.6 0 0 1-.496-.318.75.75 0 0 0-1.038.04c-.796.826-2.867.742-3.437.161l-.065-.079a.75.75 0 0 0-1.13-.117c-.733.691-2.044.804-3.07.335-.841-.385-1.06-.882-.596-1.481l.142-.174a.8.8 0 0 0 .082-.15zm5.263 12.274c0-.141.117-.262.235-.262h2.026l.063.008c.099.028.172.119.172.227v4.273h-2.496z"
         })
     }));
-}, d = v;
+}, f = v;

package/dist/generated/mistica-icons/icon-shopping-bag-filled.js

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