@telefonica/mistica 15.20.1 → 16.0.0

package/dist-es/generated/mistica-icons/icon-portability-light.js

@@ -79,17 +79,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as s, jsx as h } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: o, size: t = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = l(), c = o !== null && o !== void 0 ? o : i ? a.colors.inverse : a.colors.neutralHigh;
+    const i = l(), c = o !== null && o !== void 0 ? o : i ? t.colors.inverse : t.colors.neutralHigh;
     return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {

package/dist-es/generated/mistica-icons/icon-portability-regular.js

@@ -78,35 +78,35 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as v } from "../../theme-variant-context.js";
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const v = (_param)=>{
     var { color: l, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = v(), c = l !== null && l !== void 0 ? l : a ? h.colors.inverse : h.colors.neutralHigh;
-    return /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+    const a = s(), r = l !== null && l !== void 0 ? l : a ? h.colors.inverse : h.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: r,
                 d: "M4.471 18.664c1.493 1.446 3.672 2.18 6.474 2.18 1.902 0 3.526-.34 4.834-1.009a.56.56 0 0 0-.512-.997c-1.146.588-2.6.888-4.322.888-2.502 0-4.418-.628-5.695-1.863-1.322-1.283-1.995-3.252-1.995-5.86s.673-4.58 1.995-5.86C6.527 4.908 8.443 4.28 10.945 4.28c2.5 0 4.417.628 5.694 1.863 1.322 1.283 1.995 3.252 1.995 5.86v.01q0 .726-.072 1.39a93 93 0 0 1-1.012-1.165l-.345-.4a.56.56 0 1 0-.849.731l.345.4.075.088c.639.74 1.028 1.193 1.244 1.408.317.317.658.476 1.003.476.347 0 .697-.162 1.025-.484.238-.236.517-.562.792-.884l.068-.08c.277-.327.566-.666.79-.89a.561.561 0 0 0-.793-.793c-.247.247-.54.59-.825.925l-.026.03-.03.034-.314.366q.045-.565.044-1.165v-.01c-.002-2.915-.79-5.154-2.336-6.65-1.493-1.446-3.672-2.18-6.473-2.18-2.802 0-4.98.734-6.474 2.18-1.549 1.498-2.336 3.742-2.336 6.663s.787 5.163 2.336 6.661"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: r,
                 d: "M12.802 15.84h-4.37a.28.28 0 0 1-.28-.28v-4.943c0-.154.126-.28.28-.28h4.37c.154 0 .28.126.28.28v4.944a.28.28 0 0 1-.28.28m-.28-2.195V12.56h-3.81v1.084zm-.902.56v1.076h.902v-1.076zm-.56 0h-.897v1.076h.896zm-1.457 0h-.891v1.076h.89zM8.712 12h.89v-1.103h-.89zm1.451 0h.896v-1.103h-.896zm1.457 0h.902v-1.103h-.902z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: r,
                 d: "M12.98 5.42H9.523c-.3 0-.589.121-.799.334L6.55 7.96a1.12 1.12 0 0 0-.323.787v7.238c0 .734.292 1.196.535 1.457.264.277.74.61 1.53.61h4.692c.787 0 1.266-.33 1.53-.61.243-.26.534-.723.534-1.457V7.485c0-.734-.291-1.199-.535-1.457-.266-.277-.742-.607-1.532-.607m0 1.121c.645 0 .945.373.945.947v8.501c0 .574-.3.947-.944.947H8.29c-.643 0-.943-.373-.943-.947V8.75L9.522 6.54z"
             })
         ]
     }));
-}, f = i;
+}, f = v;
 export { f as default };

package/dist-es/generated/mistica-icons/icon-postpay-filled.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const i = (_param)=>{
-    var { color: c, size: o = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = h(), s = c !== null && c !== void 0 ? c : e ? a.colors.inverse : a.colors.neutralHigh;
+    const t = h(), s = c !== null && c !== void 0 ? c : t ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ r("path", {
             fill: s,
             d: "m20.176 8.049-2.731-2.732a.56.56 0 0 0-.396-.165h-.26c-.045-.938-.314-1.644-.815-2.154-.563-.566-1.37-.843-2.468-.843H6.951c-1.109 0-1.915.269-2.47.826-.555.558-.82 1.362-.82 2.465v13.11c0 1.114.27 1.927.825 2.479.552.546 1.359.812 2.465.812h6.555c1.107 0 1.913-.266 2.465-.812.558-.552.826-1.365.826-2.48v-2.45h2.67c.524 0 .874-.353.874-.877V8.443a.55.55 0 0 0-.166-.394m-1.468.114h-.286c-.39 0-.67-.08-.832-.246q-.244-.248-.246-.832v-.286zM13.24 6.27h2.983v.812c0 1.398.801 2.199 2.199 2.199h.798v5.7c-1.056.003-4.946.003-5.98 0zm5.053 4.092a.42.42 0 0 1-.42.42h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 0 1 .42.42m-.42 2.06a.42.42 0 1 0 0-.841h-3.286a.42.42 0 1 0 0 .84zm.42 1.217a.42.42 0 0 1-.42.42h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 0 1 .42.42m-8.885 5.57q-.289-.3-.288-.81c0-.698.414-1.115 1.112-1.115.697 0 1.112.417 1.112 1.115q-.001.513-.289.81c-.19.195-.485.305-.826.305-.342 0-.628-.107-.82-.306"

package/dist-es/generated/mistica-icons/icon-postpay-light.js

@@ -79,20 +79,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as e, jsx as h } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
-import { vars as s } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const n = (_param)=>{
-    var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = i(), o = t !== null && t !== void 0 ? t : a ? s.colors.inverse : s.colors.neutralHigh;
+    const a = i(), o = s !== null && s !== void 0 ? s : a ? r.colors.inverse : r.colors.neutralHigh;
     return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: [
             /* @__PURE__ */ h("path", {
                 fill: o,

package/dist-es/generated/mistica-icons/icon-postpay-regular.js

@@ -78,15 +78,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: a, size: o = 24 } = _param, s = _object_without_properties(_param, [
+import { jsxs as e, jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+const i = (_param)=>{
+    var { color: h, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = l(), c = a !== null && a !== void 0 ? a : t ? h.colors.inverse : h.colors.neutralHigh;
+    const t = l(), r = h !== null && h !== void 0 ? h : t ? a.colors.inverse : a.colors.neutralHigh;
     return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -94,15 +94,15 @@ const n = (_param)=>{
         role: "presentation"
     }, s), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: r,
                 d: "M9.408 19.208c.193.2.479.306.82.306.342 0 .636-.11.827-.306q.287-.295.288-.81c0-.697-.414-1.114-1.112-1.114-.697 0-1.112.417-1.112 1.115q0 .51.289.81M14.587 10.783h3.286a.42.42 0 1 0 0-.84h-3.286a.42.42 0 1 0 0 .84M14.587 12.421h3.286a.42.42 0 1 0 0-.84h-3.286a.42.42 0 1 0 0 .84M17.873 14.06h-3.286a.42.42 0 1 1 0-.84h3.286a.42.42 0 1 1 0 .84"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: r,
                 d: "M6.951 21.847h6.555c1.106 0 1.91-.266 2.465-.812.555-.552.826-1.365.826-2.48v-2.45l1.113-.001h1.56c.523 0 .873-.352.873-.876V8.444a.55.55 0 0 0-.165-.395l-2.731-2.732a.55.55 0 0 0-.395-.165h-.262c-.045-.939-.313-1.645-.816-2.154-.563-.566-1.37-.843-2.468-.843H6.95c-1.109 0-1.919.272-2.47.826-.552.555-.821 1.362-.821 2.465v13.11c0 1.114.269 1.924.826 2.479.552.546 1.359.812 2.465.812m8.717-16.695h-2.66c-.533 0-.889.356-.889.885v9.177c0 .532.356.89.888.89h2.67v2.452c0 1.582-.588 2.17-2.171 2.17H6.95c-1.582 0-2.17-.588-2.17-2.17V5.446c0-.792.159-1.341.492-1.675.334-.333.883-.496 1.678-.496h6.555c1.438 0 2.083.55 2.162 1.877m-2.428 9.83v-8.71h2.983v.813c0 1.398.801 2.199 2.199 2.199h.798v5.697zm4.103-8.183 1.364 1.364h-.285q-.587-.001-.832-.246-.246-.247-.247-.832z"
             })
         ]
     }));
-}, p = n;
+}, p = i;
 export { p as default };

package/dist-es/generated/mistica-icons/icon-pound-symbol-circle-filled.js

@@ -78,44 +78,44 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useTheme as a } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = a(), h = t !== null && t !== void 0 ? t : l ? i.colors.inverse : i.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = n(), r = t !== null && t !== void 0 ? t : l ? i.colors.inverse : i.colors.neutralHigh, { skinName: h } = a();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: h,
+        children: /* @__PURE__ */ c("path", {
+            fill: r,
             d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10c0 5.536-4.5 10-10 10-5.536 0-10-4.5-10-10m7.608 3.752h4.712a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536h-3.144c.072-.212.108-.392.108-.608V12.36h1.608a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536h-1.608V9.68c0-.644.428-1.072 1.072-1.072.392 0 .572.072.716.216.216.216.536.18.752-.036s.18-.536-.036-.752c-.5-.464-1.032-.5-1.428-.5-1.248 0-2.144.892-2.144 2.144v1.608H9.68a.55.55 0 0 0-.536.536c0 .284.252.536.536.536h.536v1.712a.603.603 0 0 1-.608.608.55.55 0 0 0-.536.536c0 .284.252.536.536.536"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: h,
+        children: /* @__PURE__ */ c("path", {
+            fill: r,
             d: "M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10c0 5.536-4.5 10-10 10-5.536 0-10-4.5-10-10m7.608 3.752h4.712a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536h-3.144c.072-.212.108-.392.108-.608V12.36h1.608a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536h-1.608V9.68c0-.644.428-1.072 1.072-1.072.392 0 .572.072.716.216.216.216.536.18.752-.036s.18-.536-.036-.752c-.5-.464-1.032-.5-1.428-.5-1.248 0-2.144.892-2.144 2.144v1.608H9.68a.55.55 0 0 0-.536.536c0 .284.252.536.536.536h.536v1.712a.603.603 0 0 1-.608.608.55.55 0 0 0-.536.536c0 .284.252.536.536.536"
         })
-    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ e("path", {
-            fill: h,
+        children: /* @__PURE__ */ c("path", {
+            fill: r,
             d: "M21.842 12c0-6.442-3.407-9.845-9.846-9.845-6.437 0-9.84 3.403-9.84 9.846 0 6.437 3.4 9.84 9.84 9.84 6.442 0 9.846-3.403 9.846-9.84m-11.715 4.541h4.712c.221 0 .403.18.406.407v.431a.404.404 0 0 1-.403.403H8.673a.4.4 0 0 1-.358-.218.9.9 0 0 1-.093-.423c0-.445.233-.672.698-1.118.868-.84 1.04-1.437 1.04-2.182 0-.482-.076-.963-.245-1.526h-.997a.4.4 0 0 1-.403-.404v-.271c0-.213.165-.39.375-.404l.661-.045c-.16-.543-.302-1.22-.302-1.93 0-2.162 1.288-3.4 3.54-3.4.572 0 1.496.081 2.224.305.169.053.283.21.283.387v.364a.402.402 0 0 1-.476.398c-.683-.13-1.347-.202-1.87-.202-1.64 0-2.404.678-2.404 2.134 0 .642.154 1.289.325 1.86h2.481c.225 0 .404.182.404.404v.397c0 .225-.18.404-.404.404h-2.109c.132.524.2 1.042.2 1.54 0 1.062-.298 1.818-1.116 2.69"
         })
     }));

package/dist-es/generated/mistica-icons/icon-pound-symbol-circle-light.js

@@ -78,45 +78,45 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), h = r !== null && r !== void 0 ? r : l ? i.colors.inverse : i.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const l = s(), e = r !== null && r !== void 0 ? r : l ? i.colors.inverse : i.colors.neutralHigh, { skinName: a } = n();
+    return a.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ o("path", {
-                fill: h,
+                fill: e,
                 d: "M11.428 14.5h2.892a.72.72 0 0 1 .716.716c0 .392-.32.716-.716.716H9.608a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716a.434.434 0 0 0 .428-.428v-1.536H9.68a.72.72 0 0 1-.716-.716c0-.392.32-.716.716-.716h.356V9.676c0-1.324 1-2.324 2.324-2.324.392 0 1 .072 1.536.536.324.248.324.716.072 1-.248.324-.716.324-1 .072-.144-.108-.284-.18-.608-.18-.54 0-.896.36-.896.896v1.428h1.428a.72.72 0 0 1 .716.716c0 .392-.32.716-.716.716h-1.428v1.536c0 .144 0 .284-.036.428"
             }),
             /* @__PURE__ */ o("path", {
-                fill: h,
+                fill: e,
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ o("path", {
-                fill: h,
+                fill: e,
                 d: "M11.998 2C6.499 2 2 6.5 2 12s4.5 10 9.998 10a9.9 9.9 0 0 0 5.319-1.536c.18-.108.216-.324.108-.5-.108-.18-.324-.216-.5-.108a9.25 9.25 0 0 1-4.963 1.428c-5.071 0-9.246-4.176-9.246-9.284s4.175-9.284 9.282-9.284S21.284 6.892 21.284 12c0 1.752-.5 3.464-1.428 4.964-.108.18-.072.396.108.5s.396.072.5-.108C21.464 15.748 22 13.892 22 12c-.004-5.5-4.503-10-10.002-10"
             }),
             /* @__PURE__ */ o("path", {
-                fill: h,
+                fill: e,
                 d: "M19.497 18.784a.716.716 0 1 1-1.432 0 .716.716 0 0 1 1.431 0M9.25 15.212c0-.212.14-.356.356-.356a.75.75 0 0 0 .748-.82v-1.892h-.716c-.211 0-.355-.14-.355-.356 0-.212.14-.356.355-.356h.72V9.648c0-1.14.82-1.964 1.964-1.964.572 0 .968.14 1.324.464.144.144.18.356.036.5s-.356.18-.5.036c-.216-.18-.428-.252-.824-.252-.752 0-1.252.5-1.252 1.252v1.784h1.784c.212 0 .356.14.356.356 0 .212-.14.356-.356.356h-1.784v1.892c0 .284-.072.568-.216.784h3.428c.212 0 .356.14.356.356 0 .212-.14.356-.356.356H9.606c-.211 0-.355-.14-.355-.356"
             })
         ]
@@ -125,9 +125,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: /* @__PURE__ */ o("path", {
-            fill: h,
+            fill: e,
             d: "M11.995 2.155c6.443 0 9.846 3.406 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.44 3.403-9.846 9.84-9.846m0 18.866c5.99 0 9.023-3.034 9.023-9.02 0-5.989-3.037-9.022-9.023-9.022S2.975 6.012 2.975 12c0 5.983 3.037 9.02 9.02 9.02m3.12-3.88a.206.206 0 0 0-.204-.204v-.003h-5.31c1.058-1.003 1.428-1.793 1.428-2.95 0-.574-.087-1.17-.266-1.778h2.42a.206.206 0 0 0 .204-.205v-.409a.206.206 0 0 0-.204-.205h-2.678c-.199-.633-.386-1.366-.386-2.103 0-1.602.87-2.381 2.658-2.381.546 0 1.238.073 1.947.207a.22.22 0 0 0 .17-.045.2.2 0 0 0 .073-.156v-.376a.21.21 0 0 0-.143-.196c-.72-.224-1.641-.302-2.21-.302-2.199 0-3.409 1.16-3.409 3.263 0 .812.188 1.585.379 2.157l-.936.064a.203.203 0 0 0-.19.205V12c0 .112.092.205.204.205H9.83c.207.658.303 1.207.303 1.764 0 .793-.188 1.468-1.126 2.373-.457.442-.647.627-.647.994a.74.74 0 0 0 .07.336c.036.07.106.112.184.112h6.297a.206.206 0 0 0 .205-.204z"
         })
     }));

package/dist-es/generated/mistica-icons/icon-pound-symbol-circle-regular.js

@@ -80,14 +80,14 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), o = l !== null && l !== void 0 ? l : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: r } = n();
+    const l = s(), o = i !== null && i !== void 0 ? i : l ? t.colors.inverse : t.colors.neutralHigh, { skinName: r } = n();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,

package/dist-es/generated/mistica-icons/icon-power-filled.js

@@ -78,17 +78,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { useTheme as a } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as s } from "../../skins/skin-contract.css-mistica.js";
 const d = (_param)=>{
     var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = h(), r = l !== null && l !== void 0 ? l : n ? s.colors.inverse : s.colors.neutralHigh, { skinName: c } = a();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const n = h(), r = l !== null && l !== void 0 ? l : n ? s.colors.inverse : s.colors.neutralHigh, { skinName: i } = a();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -104,7 +104,7 @@ const d = (_param)=>{
                 d: "M2.91 12.668C2.91 17.812 6.993 22 12.003 22c5.006 0 9.089-4.192 9.089-9.332 0-4.04-2.52-7.62-6.268-8.876-.37-.112-.819.116-.928.496s.113.84.483.952c3.117 1.068 5.232 4.036 5.232 7.428 0 4.308-3.412 7.812-7.608 7.812s-7.609-3.508-7.609-7.812c0-3.388 2.116-6.364 5.232-7.428.41-.112.593-.572.484-.952-.11-.42-.558-.608-.928-.496C5.435 5.048 2.91 8.628 2.91 12.668"
             })
         ]
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist-es/generated/mistica-icons/icon-power-light.js

@@ -78,22 +78,22 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: a, size: o = 24 } = _param, c = _object_without_properties(_param, [
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+const d = (_param)=>{
+    var { color: l, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = s(), t = a !== null && a !== void 0 ? a : n ? l.colors.inverse : l.colors.neutralHigh, { skinName: r } = h();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    const n = s(), t = l !== null && l !== void 0 ? l : n ? a.colors.inverse : a.colors.neutralHigh, { skinName: c } = h();
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: t,
@@ -104,12 +104,12 @@ const f = (_param)=>{
                 d: "M2.47 12.668C2.47 17.81 6.748 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: t,
@@ -120,12 +120,12 @@ const f = (_param)=>{
                 d: "M12.003 22c-5.009 0-9.093-4.188-9.093-9.333 0-4.229 2.781-7.96 6.752-9.03a.43.43 0 0 1 .484.269c.035.192-.074.416-.261.456-3.67.99-6.234 4.42-6.234 8.305 0 4.724 3.749 8.572 8.352 8.572 1.408 0 2.781-.344 3.97-1.029.188-.112.407-.036.52.152.109.193.035.417-.148.533A9.1 9.1 0 0 1 12.003 22"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: t,
@@ -141,5 +141,5 @@ const f = (_param)=>{
             })
         ]
     }));
-}, g = f;
-export { g as default };
+}, M = d;
+export { M as default };

package/dist-es/generated/mistica-icons/icon-power-regular.js

@@ -80,53 +80,53 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const d = (_param)=>{
-    var { color: n, size: t = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: n, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = s(), o = n !== null && n !== void 0 ? n : c ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = h();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const c = s(), r = n !== null && n !== void 0 ? n : c ? a.colors.inverse : a.colors.neutralHigh, { skinName: o } = h();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: r,
             d: "M12 1.375c.345 0 .625.28.625.625v10a.625.625 0 1 1-1.25 0V2c0-.345.28-.625.625-.625M6.072 6.198a.625.625 0 0 1 0 .884 8.375 8.375 0 1 0 11.846 0 .625.625 0 1 1 .884-.884 9.625 9.625 0 1 1-13.614 0 .625.625 0 0 1 .884 0"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: o,
+                fill: r,
                 d: "M11.215 12.668c0 .416.35.761.777.761a.773.773 0 0 0 .776-.761V2.762A.773.773 0 0 0 11.992 2a.773.773 0 0 0-.777.762z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: o,
+                fill: r,
                 d: "M2.47 12.668C2.47 17.81 6.749 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: o,
+                fill: r,
                 d: "M11.215 12.668c0 .416.35.761.777.761a.773.773 0 0 0 .776-.761V2.762A.773.773 0 0 0 11.992 2a.773.773 0 0 0-.777.762z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: o,
+                fill: r,
                 d: "M2.47 12.668C2.47 17.81 6.749 22 11.992 22c5.247 0 9.522-4.193 9.526-9.332 0-4.037-2.645-7.621-6.57-8.876-.388-.116-.857.112-.973.493-.115.38.116.842.504.954 3.268 1.066 5.482 4.037 5.482 7.429 0 4.305-3.575 7.809-7.97 7.809-4.393 0-7.968-3.504-7.968-7.81 0-3.391 2.218-6.366 5.486-7.428.426-.116.618-.573.503-.954-.115-.417-.584-.605-.972-.493-3.93 1.255-6.57 4.835-6.57 8.876"
             })
         ]
@@ -135,18 +135,18 @@ const d = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, i), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: o,
+                fill: r,
                 d: "M12.077 18.097c-1.919 0-3.417-.507-4.454-1.507-1.075-1.037-1.622-2.577-1.622-4.572 0-1.658.379-3.005 1.126-4.008.737-.989 1.821-1.633 3.219-1.91a.559.559 0 1 1 .219 1.098c-2.32.462-3.446 2.039-3.446 4.82 0 1.681.431 2.947 1.28 3.765.82.79 2.059 1.19 3.678 1.19 1.62 0 2.857-.4 3.678-1.193.849-.818 1.28-2.084 1.28-3.764 0-2.821-1.16-4.404-3.543-4.84a.56.56 0 1 1 .201-1.104c1.435.263 2.544.899 3.303 1.89.77 1.009 1.16 2.37 1.16 4.05 0 1.995-.547 3.536-1.625 4.572-1.037 1.006-2.535 1.513-4.454 1.513"
             }),
             /* @__PURE__ */ e("path", {
-                fill: o,
+                fill: r,
                 d: "M11.489 8.985c0 .308.252.56.56.56s.56-.252.56-.56V4.887a.56.56 0 0 0-.56-.56.56.56 0 0 0-.56.56z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: o,
+                fill: r,
                 d: "M4.763 19.425c1.673 1.61 4.107 2.428 7.236 2.428s5.563-.815 7.238-2.426c1.736-1.672 2.616-4.17 2.616-7.423 0-3.255-.88-5.75-2.616-7.425-1.675-1.611-4.11-2.429-7.238-2.429-3.13 0-5.563.818-7.236 2.426C3.03 6.25 2.15 8.749 2.15 12.002c0 3.255.88 5.75 2.613 7.422m-1.523-7.42c0-5.816 2.946-8.765 8.759-8.765 5.815 0 8.762 2.95 8.764 8.764 0 5.813-2.95 8.76-8.764 8.76s-8.76-2.947-8.76-8.76"
             })
         ]

package/dist-es/generated/mistica-icons/icon-pre-order-filled.js

@@ -78,17 +78,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: a, size: r = 24 } = _param, l = _object_without_properties(_param, [
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const d = (_param)=>{
+    var { color: t, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), c = a !== null && a !== void 0 ? a : h ? t.colors.inverse : t.colors.neutralHigh, { skinName: i } = s();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const i = n(), c = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = s();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
                 d: "M13.221 3.765c-.277 0-.519.252-.519.54V7.27l1.422 1.553c.103.108.242.18.38.18a.43.43 0 0 0 .346-.144.575.575 0 0 0 .034-.756L13.74 6.836v-2.53c0-.289-.242-.541-.519-.541"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
@@ -129,5 +129,5 @@ const v = (_param)=>{
             })
         ]
     }));
-}, L = v;
+}, L = d;
 export { L as default };

package/dist-es/generated/mistica-icons/icon-pre-order-light.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: h, size: r = 24 } = _param, e = _object_without_properties(_param, [

package/dist-es/generated/mistica-icons/icon-pre-order-regular.js

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
     var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
@@ -129,5 +129,5 @@ const v = (_param)=>{
             })
         ]
     }));
-}, u = v;
-export { u as default };
+}, M = v;
+export { M as default };