@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/icon-battery-medium-filled.js

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

package/dist/generated/mistica-icons/icon-battery-medium-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const n = (_param)=>{
     var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M18.153 7.542c0-1.056-.275-1.835-.84-2.387-.57-.555-1.373-.824-2.46-.824h-.188v-.666c0-.474-.134-.849-.403-1.112s-.656-.398-1.146-.398H10.89c-.49 0-.876.137-1.148.403-.269.266-.406.639-.406 1.107v.67H9.15c-1.079 0-1.88.274-2.457.84-.566.557-.843 1.333-.843 2.37v11.092c0 1.061.277 1.846.849 2.398.566.543 1.367.81 2.45.81h5.704c1.084 0 1.885-.267 2.45-.813.572-.552.85-1.336.85-2.398zm-7.947-3.877c0-.359.115-.474.157-.51.039-.04.154-.154.526-.154h2.227c.378 0 .493.112.53.148v.001c.038.037.15.15.15.515v.666h-3.59zm7.076 14.969c0 .823-.194 1.412-.592 1.796-.395.38-.994.565-1.837.565H9.15c-.843 0-1.443-.184-1.838-.566-.397-.383-.59-.969-.59-1.795V7.542c0-.804.193-1.381.59-1.774.404-.395 1.003-.588 1.838-.588h5.703c.843 0 1.445.188 1.84.574.395.384.588.97.588 1.788zm-1.72-.639c0 .661-.552 1.2-1.23 1.2H9.67c-.68 0-1.233-.539-1.233-1.2V13.04h7.124zm.87-5.378a.43.43 0 0 0-.436-.423H8a.43.43 0 0 0-.434.423v5.378c0 1.13.944 2.045 2.104 2.045h4.658c1.16 0 2.104-.916 2.104-2.045z"
         })
     }));
-}, v = a;
+}, v = n;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), n = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M14.865 4.292c1.045.023 1.835.3 2.404.86.588.583.874 1.395.88 2.482v10.86c0 1.095-.29 1.91-.883 2.493-.588.574-1.412.854-2.515.854H9.24c-1.104 0-1.928-.28-2.516-.854-.594-.58-.882-1.395-.882-2.493V7.634c0-1.073.286-1.88.874-2.465.596-.594 1.423-.882 2.52-.882H9.3V3.84q0-.779.454-1.23c.303-.302.726-.456 1.255-.456h2.149c.532 0 .955.151 1.255.451q.453.452.453 1.235zm-4.305-.45v.445h3.045V3.84c0-.103-.011-.285-.087-.358-.07-.073-.258-.084-.361-.084h-2.149c-.123 0-.288.017-.361.09-.073.07-.087.229-.087.352m6.322 14.652.003-10.86c0-.742-.165-1.266-.507-1.605-.342-.336-.874-.501-1.63-.501h-5.51c-.745 0-1.277.168-1.625.515-.347.342-.512.863-.512 1.591v10.86c0 .748.165 1.277.51 1.61.338.334.873.494 1.627.494h5.507c.753 0 1.286-.16 1.627-.493.345-.334.51-.863.51-1.611"
         })
     }));
-}, m = l;
+}, m = a;

package/dist/generated/mistica-icons/icon-beach-umbrella-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: o, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M21.429 5.678a.38.38 0 0 0-.101-.291c-1.454-1.569-3.084-2.577-4.846-3-1.555-.373-3.21-.294-4.941.221 2.218.263 5.134 1.305 7.994 4.356l1.698-1.003a.4.4 0 0 0 .196-.283M18.306 7.69l-5.169 3.053L9.08 3.975c1.647-.221 5.462-.18 9.226 3.714M7.921 4.79c-.939 1.485-2.42 4.849-.583 9.378l4.583-2.706zm-1.81 10.101c-1.655-3.888-1.12-7.059-.269-9.134-1.641 1.406-2.683 2.988-3.084 4.73-.397 1.693-.185 3.536.636 5.477a.4.4 0 0 0 .252.216c.198.053.257.018.335-.03l.021-.012zm1.7-10.244-.372-.622a.67.67 0 0 1 .266-.93.735.735 0 0 1 .975.255l.35.586zm11.356 16.174-6.025-10.053-1.218.714 6.005 10.017c.132.218.37.342.62.342q.182 0 .352-.09a.666.666 0 0 0 .266-.93"
         })
     }));
-}, d = i;
+}, d = s;

package/dist/generated/mistica-icons/icon-beach-umbrella-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M16.426 1.981c1.854.456 3.552 1.52 5.046 3.166.28.307.412.72.363 1.135-.068.435-.316.81-.693 1.038l-7.724 4.654 5.675 9.656.004.007.004.007a.42.42 0 0 1-.17.57.44.44 0 0 1-.602-.157l-5.656-9.633-7.505 4.522c-.24.144-.517.217-.786.217-.143 0-.29-.024-.459-.073-.436-.147-.76-.445-.918-.825-.845-2.037-1.061-3.996-.643-5.812.579-2.552 2.356-4.762 5.288-6.568l-.453-.775-.004-.007-.005-.008a.42.42 0 0 1 .17-.57c.21-.12.48-.05.602.158l.442.754c2.835-1.573 5.53-2.06 8.024-1.456m4.251 4.608a.58.58 0 0 0 .284-.418.58.58 0 0 0-.146-.45c-1.378-1.518-2.924-2.494-4.602-2.906-1.777-.433-3.68-.24-5.677.558 2.099.032 5.297.79 8.413 4.256zM8.948 4.364l4.032 6.864 5.21-3.137c-3.874-4.227-7.868-3.978-9.242-3.727m-.713.514c-.871 1.27-2.684 4.774-.655 9.604l4.651-2.804zM4.706 16.215l2.114-1.274c-1.83-4.245-.85-7.624.1-9.507-2.006 1.505-3.254 3.25-3.696 5.206-.38 1.646-.178 3.43.6 5.307.07.157.204.277.368.327.172.058.36.038.514-.059"
         })
     }));
-}, f = i;
+}, f = s;

package/dist/generated/mistica-icons/icon-beach-umbrella-regular.js

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

package/dist/generated/mistica-icons/icon-bell-add-more-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: c,
             d: "M21.623 17.87c.196.159.268.433.187.677a.61.61 0 0 1-.577.395h-5.24c-.04.546-.197 1.359-.763 1.994-.543.603-1.325.908-2.305.908-.992 0-1.77-.305-2.314-.908-.568-.635-.722-1.448-.753-1.994H4.62a.602.602 0 0 1-.392-1.07c.462-.37.846-.885 1.145-1.496-1.512-.543-3.218-1.854-3.218-5.087 0-4.198 2.843-5.148 4.42-5.347 1.532-3.885 5.927-3.807 6.35-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.125 3.534 1.835 5.116m-18.25-6.58c0 3.635 2.518 4.215 4.02 4.23h.456c1.51-.023 4.028-.611 4.028-4.2 0-3.594-2.54-4.19-4.053-4.23h-.479c-1.487.009-3.972.572-3.972 4.2m4.247 3.313a.607.607 0 0 0 .61-.602h.003v-2.104h2.12a.61.61 0 0 0 .608-.605.607.607 0 0 0-.607-.605h-2.12V8.612a.607.607 0 0 0-.611-.603.606.606 0 0 0-.608.603v2.075H4.897a.604.604 0 1 0 0 1.208h2.115V14a.61.61 0 0 0 .608.602"
         })
     }));
-}, v = i;
+}, v = s;

package/dist/generated/mistica-icons/icon-bell-add-more-light.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const l = (_param)=>{
     var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: a,
             d: "M21.69 18.145a.42.42 0 0 1 .122.459.4.4 0 0 1-.383.272h-5.496c0 .51-.107 1.412-.723 2.103-.51.566-1.238.86-2.182.86-.936 0-1.672-.294-2.182-.86-.608-.689-.714-1.6-.714-2.1H4.636a.41.41 0 0 1-.255-.729c.493-.409.902-.96 1.213-1.624-1.563-.499-3.443-1.813-3.443-5.258 0-4.499 3.182-5.342 4.709-5.482 1.544-3.738 5.786-3.636 6.164-3.627h.004c.255-.017 2.922-.132 4.849 1.664 1.246 1.165 1.888 2.857 1.888 5.039v3.88c-.012.06-.2 3.663 1.924 5.403m-1.239-.093c-1.69-2.092-1.518-5.185-1.51-5.333V8.865c0-1.947-.549-3.44-1.624-4.44-1.677-1.562-4.103-1.452-4.249-1.446h-.032l-.008.002c-.006.002-.014.004-.025-.002-.165-.008-3.75-.2-5.233 2.782h.14c1.084.025 5.3.45 5.3 5.54 0 5.104-4.216 5.5-5.274 5.513-.098.009-.213.009-.337.009h-.17a8 8 0 0 1-1.017-.107 6 6 0 0 1-.79 1.336zm-5.857 2.381c.434-.493.515-1.174.515-1.557h-4.157c0 .378.073 1.067.516 1.557.344.387.868.583 1.557.583.7 0 1.227-.196 1.569-.583m-7.151-4.428h.156c.115 0 .222 0 .32-.009 1.344-.025 4.47-.524 4.47-4.694 0-4.163-3.143-4.687-4.495-4.72-.124-.009-.264-.009-.401-.009h-.098c-1.33.017-4.423.493-4.423 4.695 0 4.21 3.126 4.711 4.47 4.737m2.994-4.328c.23 0 .409-.18.409-.41a.41.41 0 0 0-.409-.41H8.09V8.533a.415.415 0 0 0-.41-.409.41.41 0 0 0-.408.409v2.325H4.924a.413.413 0 0 0-.409.409c0 .23.188.409.41.409h2.347v2.356a.41.41 0 0 0 .818 0v-2.356z"
         })
     }));
-}, v = a;
+}, v = l;

package/dist/generated/mistica-icons/icon-bell-add-more-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: r = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), h = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M21.623 17.87c.196.159.269.433.188.677a.61.61 0 0 1-.578.395h-5.24c-.04.546-.194 1.359-.762 1.994-.544.603-1.325.908-2.306.908-.991 0-1.77-.305-2.313-.908-.569-.635-.723-1.448-.757-1.994H4.617a.602.602 0 0 1-.392-1.07c.462-.37.846-.885 1.146-1.496-1.51-.543-3.216-1.854-3.216-5.087 0-4.198 2.843-5.148 4.417-5.347 1.535-3.885 5.93-3.807 6.353-3.781.373-.017 3.014-.09 4.93 1.68 1.283 1.182 1.933 2.897 1.933 5.093v3.819c-.01.26-.124 3.532 1.835 5.116m-15.636-.138h13.871c-1.454-2.092-1.3-4.9-1.291-5.036V8.934c0-1.843-.518-3.258-1.535-4.2-1.591-1.473-3.922-1.372-4.064-1.366h-.006l-.02-.004q-.008-.004-.022-.005-.012.001-.025.005l-.014.004c-.158-.009-3.517-.192-4.953 2.524 1.177.042 5.165.549 5.165 5.431 0 4.994-4.176 5.39-5.22 5.403h-.505c-.185 0-.462-.016-.787-.064a6 6 0 0 1-.594 1.07m8.333 2.395c.317-.353.423-.838.448-1.19h-3.697c.034.352.132.845.457 1.198.3.34.753.499 1.397.499.633 0 1.087-.16 1.395-.507m-6.927-4.608h.457c1.51-.022 4.028-.61 4.028-4.199 0-3.594-2.54-4.19-4.054-4.23h-.478c-1.488.009-3.972.572-3.972 4.2 0 3.635 2.518 4.215 4.02 4.23m.227-.916a.607.607 0 0 0 .61-.602h.003v-2.104h2.12a.61.61 0 0 0 .609-.605.607.607 0 0 0-.608-.605h-2.12V8.612a.607.607 0 0 0-.611-.603.606.606 0 0 0-.608.603v2.075H4.897a.604.604 0 1 0 0 1.208h2.115V14a.61.61 0 0 0 .608.602"
         })
     }));
-}, v = s;
+}, d = s;

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

@@ -93,39 +93,39 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: h, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = h !== null && h !== void 0 ? h : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M4.428 16.815a1 1 0 0 0 .95 1.31h3.52a3.126 3.126 0 0 0 6.205 0h3.518a1 1 0 0 0 .951-1.31l-.715-2.19-.695-6.994a5 5 0 0 0-4.975-4.506h-2.374a5 5 0 0 0-4.975 4.506l-.695 6.994zm5.734 1.31h3.675a1.876 1.876 0 0 1-3.675 0"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : 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"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M18.993 11.644c0 2.144.7 4.284 1.957 6 .173.212.177.504.07.752-.105.248-.351.392-.63.392H3.613c-.282 0-.524-.14-.63-.392s-.106-.536.07-.752a10.25 10.25 0 0 0 1.958-6v-2.5C5.01 5.216 8.157 2 12 2c3.845 0 6.992 3.216 6.992 7.144zM12.006 22c-1.296 0-2.38-.928-2.694-2.144H14.7C14.382 21.072 13.3 22 12.006 22"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M18.993 11.644c0 2.144.7 4.284 1.957 6 .173.212.177.504.07.752-.105.248-.351.392-.63.392H3.613c-.282 0-.524-.14-.63-.392s-.106-.536.07-.752a10.25 10.25 0 0 0 1.958-6v-2.5C5.01 5.216 8.157 2 12 2c3.845 0 6.992 3.216 6.992 7.144zM12.006 22c-1.296 0-2.38-.928-2.694-2.144H14.7C14.382 21.072 13.3 22 12.006 22"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -133,9 +133,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: o,
             d: "M7.045 3.84c1.938-1.759 4.627-1.678 4.96-1.658.334-.02 3.023-.104 4.956 1.655 1.283 1.166 1.935 2.86 1.935 5.037v3.874c-.003.061-.199 3.658 1.975 5.392.137.109.188.294.129.456a.42.42 0 0 1-.395.272h-1.726l-1.126-.003h-2.776c-.005.51-.114 1.415-.745 2.101-.52.569-1.271.857-2.232.857-.964 0-1.714-.288-2.235-.86-.63-.689-.734-1.596-.737-2.098H3.4a.42.42 0 0 1-.395-.271.4.4 0 0 1 .13-.457c1.762-1.406 1.966-4.036 1.979-5v-.17a4 4 0 0 0-.005-.197v-3.9c0-1.223.216-2.29.625-3.2l.417-.774a5.5 5.5 0 0 1 .894-1.056m6.828 15.123h-3.74c.028.35.129.837.454 1.19.31.34.773.502 1.414.502.639 0 1.101-.166 1.412-.502.325-.352.429-.837.46-1.19"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-bell-off-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: e, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: c,
             d: "m4.1 2.355 16.767 18.45a.593.593 0 0 1-.036.838l-.014.014a.623.623 0 0 1-.868-.05l-2.42-2.661h-2.424c-.036.543-.193 1.355-.77 1.988-.549.603-1.336.908-2.336.908-1.003 0-1.79-.305-2.339-.907-.577-.633-.731-1.446-.765-1.99H3.593a.615.615 0 0 1-.58-.4.59.59 0 0 1 .19-.667c2.051-1.641 1.858-5.055 1.855-5.092l-.003-3.835q.002-.531.059-1.022l.034-.263.011-.103q.008-.077.02-.152l.013.017c.084-.541.23-1.07.435-1.578L3.18 3.153a.593.593 0 0 1 .037-.838l.014-.014a.63.63 0 0 1 .868.054m7.896 18.28c.639 0 1.101-.166 1.412-.502.325-.352.429-.837.46-1.19h-3.74c.028.35.129.837.454 1.19.31.34.773.502 1.414.502m8.99-2.093a.595.595 0 0 0-.191-.67c-2.013-1.606-1.863-4.956-1.855-5.123v-3.8c0-2.191-.658-3.9-1.955-5.079-1.933-1.759-4.6-1.697-4.986-1.678-.375-.02-2.885-.073-4.798 1.518l13.658 15.028a.6.6 0 0 0 .126-.196"
         })
     }));
-}, h = i;
+}, h = s;

package/dist/generated/mistica-icons/icon-bell-off-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: c = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "m18.872 18.885 2.042 2.24.005.007q.003.003.003.005a.403.403 0 0 1-.044.566.426.426 0 0 1-.594-.034l-2.538-2.787H14.97c-.006.51-.115 1.414-.745 2.1-.521.57-1.272.858-2.233.858-.963 0-1.714-.289-2.235-.86-.63-.69-.734-1.597-.737-2.098H3.393a.42.42 0 0 1-.395-.272.4.4 0 0 1 .129-.456c2.173-1.734 1.977-5.331 1.975-5.367v-3.9c0-1.224.215-2.29.624-3.201L3.13 2.837l-.009-.008a.404.404 0 0 1 .042-.57.43.43 0 0 1 .594.035l2.387 2.619a5.5 5.5 0 0 1 .893-1.056c1.939-1.76 4.628-1.678 4.961-1.659.333-.02 3.022-.103 4.955 1.656 1.283 1.165 1.936 2.86 1.936 5.036v3.877c-.006.125-.179 3.672 1.974 5.39.138.108.188.293.13.456a.42.42 0 0 1-.396.272zM7.606 4.459c-.35.316-.636.686-.874 1.098l11.395 12.507h1.47c-1.726-2.088-1.552-5.171-1.543-5.325V8.89c0-1.938-.56-3.428-1.661-4.431-1.754-1.597-4.339-1.446-4.364-1.443a.2.2 0 0 1-.059 0c-.025-.003-2.61-.154-4.364 1.443m-1.664 8.305c.011.123.185 3.21-1.543 5.3L17 18.067 6.343 6.369c-.264.731-.401 1.572-.401 2.521zm6.053 8.26c.712 0 1.25-.198 1.605-.585.44-.484.521-1.168.53-1.552H9.864c.005.378.078 1.07.526 1.558.356.384.894.58 1.605.58"
         })
     }));
-}, m = n;
+}, m = a;

package/dist/generated/mistica-icons/icon-bell-off-regular.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "m19.178 18.943 1.694 1.863.006.007.006.007a.59.59 0 0 1-.065.834.62.62 0 0 1-.868-.05l-2.42-2.661h-2.423c-.037.546-.193 1.356-.77 1.989-.552.602-1.337.907-2.337.907-1.002 0-1.79-.302-2.339-.907-.577-.636-.73-1.446-.764-1.99h-5.3a.615.615 0 0 1-.58-.4.595.595 0 0 1 .19-.67c2.043-1.63 1.858-5.055 1.855-5.089V8.95c0-1.177.196-2.21.571-3.101L3.186 3.153l-.009-.008-.005-.006a.59.59 0 0 1 .065-.835.624.624 0 0 1 .868.05l2.157 2.373c.218-.31.473-.6.753-.857 1.933-1.762 4.603-1.7 4.99-1.678.383-.025 3.052-.084 4.985 1.678 1.297 1.18 1.955 2.888 1.955 5.079v3.8c-.007.167-.157 3.517 1.855 5.124.201.16.277.428.19.67-.087.24-.32.4-.58.4zM7.848 4.758a4.2 4.2 0 0 0-.74.902l10.98 12.078h.936c-1.474-2.09-1.317-4.89-1.306-5.03l-.002-3.76c0-1.837-.524-3.246-1.555-4.19-1.605-1.466-3.967-1.367-4.108-1.362h-.007a.4.4 0 0 1-.084 0h-.006c-.142-.005-2.503-.104-4.109 1.362m-1.555 7.989c.008.106.165 2.902-1.306 4.991h11.449L6.57 6.878a7.3 7.3 0 0 0-.277 2.07zm5.706 7.888c.638 0 1.1-.166 1.411-.502.328-.352.429-.834.46-1.19h-3.74c.028.35.13.837.454 1.19.311.34.773.502 1.415.502"
         })
     }));

package/dist/generated/mistica-icons/icon-bell-program-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: l, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const n = (_param)=>{
             d: "M21.617 17.871c.201.16.274.426.184.667a.59.59 0 0 1-.566.403H16.01c-.034.55-.185 1.359-.76 1.995-.535.602-1.31.907-2.296.907-.99 0-1.765-.305-2.3-.907-.574-.636-.72-1.449-.75-1.995H4.674a.6.6 0 0 1-.568-.403.59.59 0 0 1 .187-.667c.412-.339.754-.779 1.037-1.302C3.3 15.902 2.16 14.22 2.16 11.423c0-3.328 1.619-5.073 4.442-5.412 1.507-3.958 5.925-3.868 6.353-3.843.365-.025 3.003-.095 4.92 1.68C19.15 5.032 19.8 6.738 19.8 8.93v3.804c-.014.07-.19 3.504 1.816 5.137m-18.25-6.45c0 2.918 1.37 4.276 4.306 4.276s4.305-1.358 4.305-4.277-1.37-4.277-4.305-4.277c-2.936 0-4.306 1.358-4.306 4.277m5.574 2.265a.613.613 0 0 0 .86 0 .597.597 0 0 0 0-.851l-1.52-1.51V9.29a.604.604 0 0 0-.608-.602.604.604 0 0 0-.608.602v2.283c0 .16.064.314.179.426z"
         })
     }));
-}, d = n;
+}, d = a;

package/dist/generated/mistica-icons/icon-bell-program-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: s,
             d: "M21.69 18.154c.174.14.202.398.062.572a.4.4 0 0 1-.314.15h-5.479c-.008.51-.115 1.42-.72 2.104-.507.575-1.244.86-2.174.86-.932 0-1.67-.285-2.176-.86-.614-.689-.712-1.602-.712-2.1H4.698a.406.406 0 0 1-.254-.723c.442-.37.817-.855 1.112-1.437-2.171-.642-3.401-2.367-3.401-5.308 0-3.496 1.737-5.286 4.728-5.558 1.513-3.826 5.813-3.708 6.18-3.692.255-.016 2.91-.131 4.832 1.659 1.243 1.168 1.88 2.865 1.88 5.042v3.885c-.006.062-.197 3.667 1.915 5.406m-16.011-.098h14.773c-1.675-2.095-1.504-5.19-1.496-5.336V8.86c0-1.938-.546-3.431-1.619-4.434-1.709-1.6-4.218-1.451-4.244-1.443q-.006 0-.012-.004-.006-.003-.013-.004-.015.001-.022.005l-.011.003c-.166-.017-3.78-.213-5.241 2.832 3.473.025 5.51 1.807 5.51 5.6 0 3.812-2.06 5.593-5.575 5.593q-.722.002-1.358-.106c-.194.423-.42.818-.692 1.154m8.947 2.38c.434-.484.507-1.173.515-1.556h-4.146c0 .386.073 1.075.507 1.557.345.386.874.583 1.563.583.692 0 1.216-.197 1.56-.583m-6.894-4.254c3.199 0 4.76-1.56 4.76-4.77 0-3.216-1.564-4.776-4.76-4.776s-4.759 1.557-4.759 4.776c0 3.21 1.56 4.77 4.76 4.77m1.717-2.485a.4.4 0 0 0 .286-.123.39.39 0 0 0 0-.571L8.14 11.4V9.232c0-.23-.18-.409-.409-.409-.23 0-.409.18-.409.41v2.333c0 .109.045.215.123.294l1.709 1.714a.42.42 0 0 0 .294.123"
         })
     }));
-}, v = n;
+}, v = a;

package/dist/generated/mistica-icons/icon-bell-program-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "M21.622 17.874c.202.16.275.426.185.667a.59.59 0 0 1-.566.4h-5.227c-.033.55-.184 1.362-.759 1.995-.535.602-1.31.907-2.3.907-.988 0-1.764-.305-2.3-.907-.573-.636-.72-1.448-.753-1.995H4.678a.59.59 0 0 1-.566-.4.58.58 0 0 1 .188-.667c.412-.339.754-.779 1.034-1.302-2.034-.67-3.174-2.35-3.174-5.149 0-3.328 1.62-5.073 4.443-5.412 1.507-3.958 5.924-3.868 6.353-3.843.364-.025 3.002-.098 4.918 1.68 1.28 1.183 1.928 2.889 1.928 5.082v3.804c-.006.073-.185 3.507 1.82 5.14m-15.577-.137h13.83c-1.449-2.093-1.295-4.896-1.286-5.042V8.93c0-1.84-.519-3.25-1.538-4.199-1.505-1.398-3.688-1.37-4.008-1.367h-.04q-.019.007-.033.002l-.009-.002-.016.002q-.015.005-.031-.002c-.146-.008-3.538-.193-4.953 2.591 3.311.087 5.235 1.84 5.235 5.468 0 3.74-2.039 5.485-5.52 5.485-.398 0-.77-.031-1.124-.073a6 6 0 0 1-.507.902m8.303 2.398c.322-.356.42-.838.45-1.19h-3.68c.025.352.12.837.445 1.198.308.33.762.499 1.393.499.63-.003 1.084-.171 1.392-.507M7.678 15.7c2.936 0 4.306-1.358 4.306-4.277.002-2.919-1.367-4.277-4.306-4.277-2.935 0-4.305 1.358-4.305 4.277S4.743 15.7 7.678 15.7M7.25 12l1.697 1.686.014.014c.125.125.42.423.717.415.334-.008.625-.168.625-.55 0-.332-.496-.733-.496-.733l-1.52-1.51V9.29a.606.606 0 0 0-.609-.603.604.604 0 0 0-.608.603v2.285c0 .16.065.314.18.426"
         })
     }));

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: r, size: l = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, e = _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, { skinName: a } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M4.428 16.815a1 1 0 0 0 .95 1.31h3.52a3.126 3.126 0 0 0 6.205 0h3.518a1 1 0 0 0 .951-1.31l-.715-2.19-.695-6.994a5 5 0 0 0-4.975-4.506h-2.374a5 5 0 0 0-4.975 4.506l-.695 6.994zm1.295.06.65-1.991.709-7.13a3.75 3.75 0 0 1 3.731-3.379h2.374a3.75 3.75 0 0 1 3.731 3.38l.709 7.129.65 1.991zm4.44 1.25h3.674a1.876 1.876 0 0 1-3.675 0"
         })
     })) : a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M21.43 17.643a10.1 10.1 0 0 1-2-6v-2.5C19.43 5.214 16.216 2 12.287 2S5.145 5.214 5.145 9.143v2.5c0 2.143-.715 4.286-2 6-.179.214-.179.5-.072.75s.357.393.643.393h5.75c0 .107-.036.25-.036.357A2.866 2.866 0 0 0 12.287 22a2.866 2.866 0 0 0 2.858-2.857c0-.107 0-.25-.036-.357h5.75c.286 0 .535-.143.643-.393s.107-.536-.072-.75m-7.714 1.5c0 .786-.643 1.428-1.429 1.428a1.433 1.433 0 0 1-1.428-1.428c0-.107 0-.25.036-.357h2.75c.071.107.071.25.071.357m-8.679-1.786c1-1.714 1.536-3.714 1.536-5.714v-2.5c0-3.143 2.572-5.714 5.714-5.714S18.002 6 18.002 9.143v2.5c0 2 .535 4 1.535 5.714z"
         })
     })) : a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M20.953 17.644a10.25 10.25 0 0 1-1.958-6v-2.5C18.995 5.216 15.847 2 12.003 2 8.158 2 5.01 5.216 5.01 9.144v2.5c0 2.144-.7 4.284-1.957 6-.177.216-.177.5-.07.752.105.252.348.392.63.392h5.63c0 .055-.01.118-.018.181-.01.062-.018.123-.018.175 0 1.572 1.257 2.856 2.796 2.856s2.795-1.284 2.795-2.856c0-.108 0-.252-.035-.356h5.626c.278 0 .525-.144.63-.392.106-.248.106-.54-.066-.752m-7.553 1.5c0 .784-.63 1.428-1.397 1.428-.768 0-1.398-.644-1.398-1.428 0-.108 0-.252.035-.356h2.69c.07.104.07.248.07.356M6.412 11.64v-2.5c0-3.144 2.517-5.716 5.595-5.716s5.59 2.576 5.59 5.72v2.5c0 2 .525 4 1.504 5.716H4.908v-.004a11.6 11.6 0 0 0 1.504-5.716"
         })
     })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -133,9 +133,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M20.953 17.644a10.25 10.25 0 0 1-1.958-6v-2.5C18.995 5.216 15.847 2 12.003 2 8.158 2 5.01 5.216 5.01 9.144v2.5c0 2.144-.7 4.284-1.957 6-.177.216-.177.5-.07.752.105.252.348.392.63.392h5.63c0 .055-.01.118-.018.181-.01.062-.018.123-.018.175 0 1.572 1.257 2.856 2.796 2.856s2.795-1.284 2.795-2.856c0-.108 0-.252-.035-.356h5.626c.278 0 .525-.144.63-.392.106-.248.106-.54-.066-.752m-7.553 1.5c0 .784-.63 1.428-1.397 1.428-.768 0-1.398-.644-1.398-1.428 0-.108 0-.252.035-.356h2.69c.07.104.07.248.07.356M6.412 11.64v-2.5c0-3.144 2.517-5.716 5.595-5.716s5.59 2.576 5.59 5.72v2.5c0 2 .525 4 1.504 5.716H4.908v-.004a11.6 11.6 0 0 0 1.504-5.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -143,9 +143,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M12.002 21.82c-1.633 0-2.911-.973-3.025-2.805l-.006-.15h-5.57a.42.42 0 0 1-.396-.272.4.4 0 0 1 .13-.456c1.37-1.094 1.798-2.928 1.927-4.143l.03-.329.015-.288.007-.24-.002-.29-.003-.077v-3.9c0-1.101.175-2.076.508-2.923l.117-.278.417-.773a5.5 5.5 0 0 1 .894-1.056C8.195 2.795 9.61 2.4 10.64 2.255l.312-.038.281-.024.247-.013.295-.005.23.007.229-.007.186.001.228.009.264.018.297.03c1.04.125 2.543.505 3.75 1.604 1.22 1.107 1.87 2.692 1.931 4.714l.005.323-.003 3.955-.003.204.007.31.013.255.023.29.016.155.042.331c.176 1.197.646 2.781 1.88 3.766a.408.408 0 0 1-.192.721l-.074.007h-1.726l-1.126-.003h-2.712l-.008.16c-.149 1.829-1.412 2.796-3.031 2.796m0-1.1c1.073 0 1.823-.56 1.932-1.755l.006-.1h-3.868l.005.11c.085 1.182.842 1.746 1.925 1.746m.22-17.346-.146.006h-.141c-.36-.022-.93.008-1.566.14-.874.18-1.663.514-2.308 1.03l-.21.179-.188.183a4 4 0 0 0-.348.412l-.139.199-.348.638c-.303.675-.477 1.464-.512 2.366l-.007.344-.003 3.807.007.203v.271c-.02 1.519-.303 3.002-1.008 4.243l-.163.27h12.614l1.126.003-.037-.057a7 7 0 0 1-.51-1.032l-.104-.277a9.5 9.5 0 0 1-.484-2.213c-.042-.405-.058-.77-.057-1.082l.006-.283v-3.85c0-1.856-.527-3.226-1.543-4.15-.678-.616-1.542-1.007-2.511-1.206a6.7 6.7 0 0 0-1.42-.144"
         })
     }));

package/dist/generated/mistica-icons/icon-bicycle-bike-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const h = (_param)=>{
             d: "M7.103 11.332 8.36 8.769l-.857-1.827h-.812a.54.54 0 0 1-.53-.552c0-.305.238-.551.53-.551h2.736a.54.54 0 0 1 .53.551.54.54 0 0 1-.53.552h-.745l.603 1.283h5.156V5.66c0-.26.174-.484.418-.54.154-.037 1.538-.33 2.353.353.255.213.56.613.56 1.305a.54.54 0 0 1-.53.552.54.54 0 0 1-.532-.552c0-.272-.087-.378-.165-.443-.23-.193-.68-.22-1.042-.193v2.504l1.336 2.7s-.35.135-.476.188c-.12.05-.51.23-.51.23l-.882-1.782L13 13.937c.306.285.48.714.48 1.263 0 .731-.303 1.25-.827 1.493l.317.658h.482c.294 0 .529.25.529.555a.54.54 0 0 1-.53.552h-.809a.52.52 0 0 1-.473-.306l-.639-1.33c-.653-.112-1.073-.546-1.193-1.216h-.743s.014-.21.014-.552a13 13 0 0 0-.013-.552h.002V14.5h.815c.082-.23.21-.418.373-.569L8.94 10.007l-.846 1.728s-.39-.18-.52-.232a17 17 0 0 0-.412-.15zm0 0-1.7 3.473a.58.58 0 0 0 .019.54.53.53 0 0 0 .454.264h3.722c-.19 2.137-1.507 3.361-3.706 3.361-2.378 0-3.742-1.42-3.742-3.899s1.364-3.9 3.742-3.9c.446 0 .84.065 1.21.16M9.598 14.5c-.12-1.265-.633-2.214-1.501-2.762l-1.353 2.765h2.852V14.5zm2.364-.948.037.004 2.1-4.224H9.804l1.986 4.224.037-.004.066-.005q.036.001.07.005m-.07 1.102c-.403 0-.526.129-.526.549 0 .417.129.549.526.549.407 0 .527-.13.527-.55 0-.422-.12-.548-.527-.548m9.947.417c0-2.476-1.364-3.9-3.742-3.9-.462 0-.874.071-1.252.172l1.708 3.46a.565.565 0 0 1-.23.744.5.5 0 0 1-.243.062.53.53 0 0 1-.473-.3l-1.754-3.546c-.972.636-1.498 1.768-1.498 3.308 0 2.48 1.364 3.9 3.742 3.9s3.742-1.42 3.742-3.9"
         })
     }));
-}, v = h;
+}, d = h;

package/dist/generated/mistica-icons/icon-bicycle-bike-light.js

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

package/dist/generated/mistica-icons/icon-bicycle-bike-regular.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M16.83 11.343c.382-.104.79-.174 1.253-.174 2.375 0 3.736 1.42 3.74 3.896 0 2.477-1.362 3.894-3.738 3.894-2.372 0-3.733-1.42-3.733-3.894 0-1.537.526-2.666 1.495-3.302l-.88-1.779-1.966 3.95c.306.283.477.711.477 1.26 0 .731-.3 1.247-.824 1.49l.314.656h.485a.54.54 0 0 1 .529.552v.003a.54.54 0 0 1-.53.549h-.81a.53.53 0 0 1-.473-.306l-.635-1.325c-.653-.112-1.073-.543-1.19-1.215H9.6c-.19 2.134-1.504 3.355-3.698 3.355-2.375 0-3.736-1.417-3.736-3.89 0-2.474 1.361-3.894 3.736-3.894.407.003.813.056 1.205.162L8.36 8.769l-.854-1.82h-.81a.54.54 0 0 1-.53-.552.54.54 0 0 1 .53-.552H9.43a.54.54 0 0 1 .53.552.54.54 0 0 1-.53.552h-.742l.6 1.28h5.145v-2.56a.55.55 0 0 1 .414-.538c.155-.034 1.535-.334 2.35.35.256.213.56.613.56 1.302a.54.54 0 0 1-.529.552.54.54 0 0 1-.529-.552c0-.271-.087-.378-.163-.442-.23-.193-.677-.224-1.042-.193v2.498zm-4.94 2.196q.02 0 .04.004.035.003.069.004l2.095-4.216H9.805l1.98 4.216q.028 0 .053-.004t.051-.004m6.193 4.143c1.717 0 2.515-.832 2.515-2.617 0-1.79-.798-2.621-2.515-2.621-.25 0-.47.02-.681.055l1.134 2.295c.135.269.034.6-.23.745a.516.516 0 0 1-.713-.238l-1.185-2.4c-.56.417-.838 1.122-.838 2.162 0 1.787.798 2.619 2.513 2.619m-5.667-2.488c0-.414-.126-.549-.527-.549-.397 0-.526.132-.526.55 0 .42.123.548.526.548.404 0 .527-.129.527-.549m-6.515 2.488c1.532 0 2.33-.667 2.484-2.082H5.884a.53.53 0 0 1-.451-.263.56.56 0 0 1-.023-.538l1.13-2.31a4 4 0 0 0-.64-.048c-1.716 0-2.515.834-2.515 2.622s.801 2.619 2.516 2.619m2.481-3.188c-.086-.754-.364-1.286-.84-1.622l-.795 1.622zm.563-4.485-.843 1.729c.869.549 1.378 1.495 1.499 2.759h.815c.076-.219.204-.412.373-.569z"
         })
     }));

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

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