@telefonica/mistica 15.20.1 → 16.1.0

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

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

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: e, size: c = 24 } = _param, o = _object_without_properties(_param, [

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as c } from "react/jsx-runtime";
-import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
 const s = (_param)=>{
     var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [

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

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as i } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = s(), t = r !== null && r !== void 0 ? r : o ? c.colors.inverse : c.colors.neutralHigh;
+    const o = i(), t = r !== null && r !== void 0 ? r : o ? c.colors.inverse : c.colors.neutralHigh;
     return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -98,5 +98,5 @@ const i = (_param)=>{
             d: "M19.387 8.152v12.306c0 .75-.636 1.383-1.386 1.383H6.009c-.737 0-1.386-.647-1.386-1.384l.039-3.296-.04-7.972v-5.65c0-.726.662-1.384 1.387-1.384h7.3c.227 0 .448.092.608.252l5.21 5.123c.109.104.173.241.213.384a.6.6 0 0 1 .047.238m-1.384 12.474c.096 0 .191-.096.191-.169V9.024h-2.277c-.998 0-1.86-.33-2.493-.952-.639-.63-.978-1.487-.978-2.482V3.371H6.012c-.073 0-.185.109-.19.168v5.647l.039 7.977-.04 3.3c0 .05.098.16.19.16h11.993zM17.69 7.808l-.003-.003h.003zm-.003-.003-4.05-3.983v1.764c0 .659.212 1.213.613 1.608.406.4.983.61 1.664.61zm-2.661 9.91a.605.605 0 0 0-.77.356l-.241.664-1.16-2.563c.692-.079 1.263-.3 1.703-.673l1.112 2.457zm-3.588-1.568-1.174 2.59-.244-.663a.6.6 0 0 0-.767-.356l-.647.244 1.182-2.61c.412.422.969.683 1.65.795m.823-5.86c1.74 0 2.516.79 2.516 2.56 0 1.767-.776 2.557-2.516 2.557s-2.515-.787-2.515-2.557.776-2.56 2.515-2.56m4.334 7.776-1.451-3.208-.013-.019-.007-.009c.291-.512.45-1.165.45-1.977 0-2.294-1.22-3.37-3.313-3.37s-3.31 1.076-3.31 3.37c0 .689.12 1.257.333 1.73l-.022.029a.2.2 0 0 0-.04.059l-1.538 3.395a.61.61 0 0 0 .079.638c.142.18.375.26.647.196l.935-.35.37 1a.6.6 0 0 0 .53.325h.016a.6.6 0 0 0 .53-.353l1.35-2.983 1.35 2.983a.6.6 0 0 0 .53.353h.016c.221 0 .423-.123.55-.372l.35-.953.982.367a.6.6 0 0 0 .597-.213.61.61 0 0 0 .079-.638m-4.88-5.541a.35.35 0 0 0 .31-.204l.203-.572.268.577a.36.36 0 0 0 .258.19l.574.057-.428.442a.39.39 0 0 0-.098.314l.11.58-.46-.255a.33.33 0 0 0-.356-.017l-.003.003-.02.014q-.008.008-.02.014l-.436.288.1-.627a.38.38 0 0 0-.094-.311l-.451-.406zm-1.003.532.314.322-.07.47a.66.66 0 0 0 .263.653.63.63 0 0 0 .678.04l.373-.207.37.207a.63.63 0 0 0 .674-.04.68.68 0 0 0 .267-.655l-.076-.462.314-.325a.68.68 0 0 0 .154-.684.65.65 0 0 0-.516-.442l-.42-.064-.193-.415c-.219-.465-.947-.465-1.16 0l-.19.409-.42.064a.65.65 0 0 0-.516.446.68.68 0 0 0 .154.683"
         })
     }));
-}, v = i;
+}, v = s;
 export { v as default };

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as l } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as c } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: h, size: a = 24 } = _param, o = _object_without_properties(_param, [

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

@@ -78,35 +78,35 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { jsxs as e, jsx as c } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const e = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: h = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), c = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+    const l = n(), a = r !== null && r !== void 0 ? r : l ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M19.403 11.434h-6.076a.28.28 0 0 1-.28-.28c0-.154.126-.28.28-.28h6.076c.154 0 .28.126.28.28s-.126.28-.28.28M19.403 14.17h-6.076a.28.28 0 0 1-.28-.28c0-.154.126-.28.28-.28h6.076c.154 0 .28.127.28.28 0 .155-.126.28-.28.28M13.327 16.924h6.076c.154 0 .28-.126.28-.28a.28.28 0 0 0-.28-.28h-6.076a.28.28 0 0 0-.28.28c0 .154.126.28.28.28"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M11.708 20.216c-.518 0-.815-.3-.815-.821V4.596c0-.51.297-.8.812-.804.472-.002 4.63 0 5.366 0h.11a.3.3 0 0 1 .2.082l4.37 4.37a.3.3 0 0 1 .05.07.28.28 0 0 1 .03.17V19.42c0 .18-.014.386-.131.549q-.177.244-.563.246zm9.563-11.49H19.37c-1.52 0-2.465-.945-2.465-2.466V4.356h-5.196c-.218 0-.252.058-.252.243v14.799c0 .212.045.26.255.26.655-.003 6.773-.003 7.445-.003h1.98a.3.3 0 0 0 .11-.014.6.6 0 0 0 .025-.221zm-.395-.561-3.412-3.414v1.51c0 1.21.695 1.904 1.905 1.904zM7.366 7.935a.28.28 0 0 1-.182-.493c.217-.186.519-.449.718-.624H6.798c-.726 0-1.27.17-1.62.507-.36.347-.546.907-.546 1.66v.833a.277.277 0 0 1-.277.28.28.28 0 0 1-.28-.28v-.832c0-.91.24-1.605.717-2.065.457-.44 1.132-.664 2.006-.664h1.11a31 31 0 0 0-.724-.633.28.28 0 1 1 .364-.425l.055.047c.17.146.678.582.884.787.322.323.325.692.005 1.009-.123.123-.86.756-.944.826a.3.3 0 0 1-.182.067M3.899 15.588h3.095a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28H3.899a.28.28 0 0 0-.28.28c0 .154.125.28.28.28M3.899 17.045h3.095a.28.28 0 0 0 .28-.28.28.28 0 0 0-.28-.28H3.899a.28.28 0 0 0-.28.28c0 .154.125.28.28.28M6.994 18.501H3.899a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h3.095a.28.28 0 0 1 .28.28c0 .154-.126.28-.28.28"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: c,
+            /* @__PURE__ */ c("path", {
+                fill: a,
                 d: "M5.49 20.196H2.728c-.353 0-.572-.221-.572-.577v-8.157c0-.35.219-.569.572-.569h3.288q.057 0 .107.021a.3.3 0 0 1 .092.06l2.429 2.43a.28.28 0 0 1 .08.198v6.03c0 .34-.218.561-.56.561zm2.675-6.314h-.692c-.56 0-.995-.151-1.292-.445-.296-.294-.445-.731-.445-1.292v-.689h-3.02v8.18h5.449zm-.398-.56-1.47-1.47v.293c0 .813.363 1.177 1.176 1.177z"
             })
         ]
     }));
-}, M = e;
+}, M = s;
 export { M as default };

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

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

package/dist-es/generated/mistica-icons/icon-change-wifi-password-filled.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
 const t = (_param)=>{
     var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
@@ -98,5 +98,5 @@ const t = (_param)=>{
             d: "M18.194 10.099c.591.566.896 1.4.91 2.476q0 .005.003.006v5.935c-.01 1.076-.319 1.908-.91 2.476-.571.546-1.384.824-2.417.824H8.203c-1.037 0-1.85-.278-2.418-.827-.59-.568-.89-1.403-.89-2.481l.002-5.653-.002-.232v-.037c0-1.078.3-1.913.89-2.482q.573-.55 1.457-.734V6.645c0-2.462 2.092-4.465 4.667-4.465h.184c2.575 0 4.667 2.003 4.667 4.462v.034a.52.52 0 0 1-1.036-.034c0-1.888-1.63-3.426-3.63-3.426h-.185c-2.003 0-3.63 1.538-3.63 3.426v2.633h7.498c1.033 0 1.846.278 2.417.824m-6.196 9.403c.213 0 .384-.059.502-.176.109-.11.17-.272.168-.49 0-.454-.264-.664-.67-.664s-.67.21-.67.663c0 .219.06.381.169.49.117.121.288.177.501.177m3.129-1.818a.52.52 0 0 0 .008-.737c-.717-.736-1.77-1.112-3.134-1.112-1.367 0-2.423.378-3.14 1.12a.518.518 0 1 0 .748.72c.512-.532 1.322-.8 2.395-.8s1.877.268 2.39.798a.52.52 0 0 0 .733.011m.697-2.274a.518.518 0 1 0 .742-.723c-1.033-1.064-2.568-1.605-4.562-1.605-2 0-3.54.543-4.574 1.616a.518.518 0 1 0 .747.72c.83-.863 2.118-1.3 3.827-1.3 1.703 0 2.989.434 3.82 1.292"
         })
     }));
-}, m = t;
-export { m as default };
+}, d = t;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-change-wifi-password-light.js

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

package/dist-es/generated/mistica-icons/icon-change-wifi-password-regular.js

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

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = h(), r = i !== null && i !== void 0 ? i : c ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = n();
+    const c = h(), o = i !== null && i !== void 0 ? i : c ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = n();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M13.64 5.391H4.532a3.57 3.57 0 0 1 3.561-3.387h6.428a3.56 3.56 0 0 1 2.976 1.614c-.042 0-.078-.005-.12-.005a4.8 4.8 0 0 0-3.739 1.778M8.093 22.004h6.428a3.57 3.57 0 0 0 3.56-3.388H4.534a3.575 3.575 0 0 0 3.561 3.388m9.285-8.754a4.827 4.827 0 0 1-4.823-4.823c0-.7.155-1.367.425-1.97H4.524v11.08h13.572V13.19c-.237.037-.475.06-.717.06m4.11-4.819a4.11 4.11 0 0 1-4.106 4.106 4.115 4.115 0 0 1-4.11-4.106 4.115 4.115 0 0 1 4.106-4.11 4.116 4.116 0 0 1 4.11 4.11m-3.575-1.293L19.11 5.94a3 3 0 0 0-1.197-.494zm-.535 4.329c.644 0 1.239-.201 1.732-.544L17 8.81a.53.53 0 0 1-.155-.38V5.446a3.04 3.04 0 0 0-2.5 2.985 3.04 3.04 0 0 0 3.035 3.036m3.035-3.036c0-.644-.2-1.239-.544-1.732L18.138 8.43l1.732 1.733a3.02 3.02 0 0 0 .544-1.733"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,9 +103,9 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M13.64 5.391H4.532a3.57 3.57 0 0 1 3.561-3.387h6.428a3.56 3.56 0 0 1 2.976 1.614c-.042 0-.078-.005-.12-.005a4.8 4.8 0 0 0-3.739 1.778M8.093 22.004h6.428a3.57 3.57 0 0 0 3.56-3.388H4.534a3.575 3.575 0 0 0 3.561 3.388m9.285-8.754a4.827 4.827 0 0 1-4.823-4.823c0-.7.155-1.367.425-1.97H4.524v11.08h13.572V13.19c-.237.037-.475.06-.717.06m4.11-4.819a4.11 4.11 0 0 1-4.106 4.106 4.115 4.115 0 0 1-4.11-4.106 4.115 4.115 0 0 1 4.106-4.11 4.116 4.116 0 0 1 4.11 4.11m-3.575-1.293L19.11 5.94a3 3 0 0 0-1.197-.494zm-.535 4.329c.644 0 1.239-.201 1.732-.544L17 8.81a.53.53 0 0 1-.155-.38V5.446a3.04 3.04 0 0 0-2.5 2.985 3.04 3.04 0 0 0 3.035 3.036m3.035-3.036c0-.644-.2-1.239-.544-1.732L18.138 8.43l1.732 1.733a3.02 3.02 0 0 0 .544-1.733"
         })
     }));

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as l } from "../../theme-variant-context.js";
 import { vars as t } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
-    var { color: c, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: c, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = l(), r = c !== null && c !== void 0 ? c : h ? t.colors.inverse : t.colors.neutralHigh, { skinName: i } = n();
+    const h = l(), o = c !== null && c !== void 0 ? c : h ? t.colors.inverse : t.colors.neutralHigh, { skinName: i } = n();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M21.489 8.431a4.11 4.11 0 0 0-3.612-4.073 3.57 3.57 0 0 0-3.355-2.354H8.094c-1.97 0-3.57 1.6-3.57 3.57V18.43c0 1.97 1.6 3.57 3.57 3.57h6.428c1.97 0 3.57-1.6 3.57-3.57v-5.956c1.925-.343 3.396-2.021 3.396-4.042m-1.075 0c0 .645-.2 1.24-.544 1.733L18.138 8.43 19.87 6.7a3 3 0 0 1 .544 1.732m-6.07 0c0-1.49 1.083-2.729 2.5-2.985v2.985c0 .137.05.275.155.38l2.112 2.112a3.02 3.02 0 0 1-1.732.544 3.04 3.04 0 0 1-3.036-3.036m3.57-2.985c.438.078.845.252 1.197.494l-1.197 1.198zM8.094 3.43h6.428c.772 0 1.44.416 1.815 1.033a4.1 4.1 0 0 0-1.51.755H5.983A2.146 2.146 0 0 1 8.094 3.43m6.428 17.143H8.094a2.146 2.146 0 0 1-2.112-1.787h10.652a2.146 2.146 0 0 1-2.112 1.787M5.95 17.36V6.644h7.735a4.1 4.1 0 0 0-.416 1.787 4.11 4.11 0 0 0 3.392 4.042v4.886z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,11 +103,11 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M15.14 17.36a.714.714 0 0 1 0 1.426.714.714 0 0 1 0-1.427m2.144-5.002a3.93 3.93 0 0 1-3.927-3.927c0-.79.238-1.527.645-2.148H5.499v11.433h7.502a.357.357 0 0 1 0 .713H5.499v.357c0 1.38 1.12 2.5 2.5 2.5h6.428c1.38 0 2.5-1.12 2.5-2.5v-5.358a.357.357 0 0 1 .714 0v5.358a3.215 3.215 0 0 1-3.214 3.213H8a3.215 3.215 0 0 1-3.214-3.213V5.218A3.215 3.215 0 0 1 8 2.004h6.427a3.215 3.215 0 0 1 3.132 2.5h.082v.019a3.934 3.934 0 0 1 3.57 3.908 3.926 3.926 0 0 1-3.927 3.927m2.51-5.934-2.002 2.003 2.002 2.002a3.2 3.2 0 0 0 0-4.005m-2.153 1.143 1.646-1.645a3.2 3.2 0 0 0-1.646-.686zM5.499 5.57h9.102a3.9 3.9 0 0 1 2.226-1.038 2.5 2.5 0 0 0-2.4-1.815H8c-1.38 0-2.5 1.12-2.5 2.5zm11.785 6.075c.76 0 1.454-.265 2.003-.704l-2.259-2.258a.4.4 0 0 1-.077-.115.4.4 0 0 1-.028-.137V5.236a3.22 3.22 0 0 0-2.857 3.195 3.225 3.225 0 0 0 3.218 3.214"
         })
     }));
-}, H = m;
-export { H as default };
+}, d = m;
+export { d as default };

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

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as e } from "react/jsx-runtime";
 import { useTheme as l } from "../../hooks.js";
-import { useIsInverseVariant as n } from "../../theme-variant-context.js";
-import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
 const m = (_param)=>{
     var { color: t, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), o = t !== null && t !== void 0 ? t : h ? a.colors.inverse : a.colors.neutralHigh, { skinName: i } = l();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const i = n(), a = t !== null && t !== void 0 ? t : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: h } = l();
+    return h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: a,
             d: "M21.489 8.431a4.11 4.11 0 0 0-3.612-4.073 3.57 3.57 0 0 0-3.355-2.354H8.094c-1.97 0-3.57 1.6-3.57 3.57V18.43c0 1.97 1.6 3.57 3.57 3.57h6.428c1.97 0 3.57-1.6 3.57-3.57v-5.956c1.925-.343 3.397-2.021 3.397-4.042m-1.075 0c0 .645-.2 1.24-.544 1.733L18.138 8.43 19.87 6.7c.343.489.544 1.088.544 1.732m-6.07 0c0-1.49 1.083-2.729 2.5-2.985v2.985c0 .137.05.275.155.38l2.112 2.112a3.02 3.02 0 0 1-1.732.544 3.04 3.04 0 0 1-3.036-3.036m3.57-2.985c.439.078.845.252 1.197.494l-1.197 1.198zM8.094 3.43h6.428c.772 0 1.44.416 1.815 1.033a4.1 4.1 0 0 0-1.509.755H5.982A2.146 2.146 0 0 1 8.094 3.43m6.428 17.143H8.094a2.146 2.146 0 0 1-2.112-1.787h10.652a2.146 2.146 0 0 1-2.112 1.787M5.95 17.36V6.644h7.735a4.1 4.1 0 0 0-.416 1.787 4.11 4.11 0 0 0 3.392 4.042v4.886z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -105,9 +105,9 @@ const m = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: a,
             d: "M21.489 8.431a4.11 4.11 0 0 0-3.612-4.073 3.57 3.57 0 0 0-3.355-2.354H8.094c-1.97 0-3.57 1.6-3.57 3.57V18.43c0 1.97 1.6 3.57 3.57 3.57h6.428c1.97 0 3.57-1.6 3.57-3.57v-5.956c1.925-.343 3.397-2.021 3.397-4.042m-1.075 0c0 .645-.2 1.24-.544 1.733L18.138 8.43 19.87 6.7c.343.489.544 1.088.544 1.732m-6.07 0c0-1.49 1.083-2.729 2.5-2.985v2.985c0 .137.05.275.155.38l2.112 2.112a3.02 3.02 0 0 1-1.732.544 3.04 3.04 0 0 1-3.036-3.036m3.57-2.985c.439.078.845.252 1.197.494l-1.197 1.198zM8.094 3.43h6.428c.772 0 1.44.416 1.815 1.033a4.1 4.1 0 0 0-1.509.755H5.982A2.146 2.146 0 0 1 8.094 3.43m6.428 17.143H8.094a2.146 2.146 0 0 1-2.112-1.787h10.652a2.146 2.146 0 0 1-2.112 1.787M5.95 17.36V6.644h7.735a4.1 4.1 0 0 0-.416 1.787 4.11 4.11 0 0 0 3.392 4.042v4.886z"
         })
     }));
-}, u = m;
-export { u as default };
+}, d = m;
+export { d as default };

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

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

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

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

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

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

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { 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 i } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
     var { color: l, size: e = 24 } = _param, r = _object_without_properties(_param, [

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

@@ -79,15 +79,15 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as o } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useTheme as a } from "../../hooks.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+const h = (_param)=>{
     var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = h(), t = n !== null && n !== void 0 ? n : s ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = c();
+    const s = c(), t = n !== null && n !== void 0 ? n : s ? i.colors.inverse : i.colors.neutralHigh, { skinName: l } = a();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -109,5 +109,5 @@ const a = (_param)=>{
             d: "M21 6.568c.552 0 1-.463 1-1.034S21.552 4.5 21 4.5s-1 .463-1 1.034.448 1.034 1 1.034M2.15 12.877l6.1 6.623L19.351 7.963c.2-.207.2-.518 0-.724a.47.47 0 0 0-.7 0L8.25 17.945l-5.4-5.792a.47.47 0 0 0-.699 0c-.2.207-.2.517 0 .724"
         })
     }));
-}, d = a;
-export { d as default };
+}, v = h;
+export { v as default };

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as r } 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 l } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
     var { color: a, size: e = 24 } = _param, t = _object_without_properties(_param, [

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

@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { 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 l } from "../../skins/skin-contract.css-mistica.js";
 const c = (_param)=>{
     var { color: n, size: e = 24 } = _param, r = _object_without_properties(_param, [

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

@@ -78,64 +78,64 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { useTheme as s } from "../../hooks.js";
-import { useIsInverseVariant as c } from "../../theme-variant-context.js";
+import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
 import { vars as a } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
+const d = (_param)=>{
+    var { color: h, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = c(), t = h !== null && h !== void 0 ? h : n ? a.colors.inverse : a.colors.neutralHigh, { skinName: r } = s();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const n = c(), t = h !== null && h !== void 0 ? h : n ? a.colors.inverse : a.colors.neutralHigh, { skinName: l } = s();
+    return l.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ i("path", {
                 fill: t,
                 d: "m10.633 14.164 6.317-6.15a.726.726 0 0 1 1.03 0 .704.704 0 0 1 0 1.023l-7.38 7.247-3.593-3.721a.7.7 0 0 1 .027-1.023.724.724 0 0 1 1.032.029z"
             }),
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ i("path", {
                 fill: t,
                 d: "M12 2C6.484 2 2 6.484 2 12s4.484 10 10 10 10-4.484 10-10S17.516 2 12 2m0 18.576c-4.728 0-8.576-3.848-8.576-8.576S7.272 3.424 12 3.424 20.576 7.272 20.576 12 16.728 20.576 12 20.576"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ i("path", {
                 fill: t,
                 d: "M11.998 2C6.488 2 2 6.488 2 12s4.487 10 9.998 10a9.97 9.97 0 0 0 5.33-1.544.353.353 0 0 0 .113-.496.36.36 0 0 0-.496-.112 9.26 9.26 0 0 1-4.951 1.432c-5.119 0-9.282-4.164-9.282-9.284s4.167-9.288 9.286-9.288 9.282 4.164 9.282 9.284a9.26 9.26 0 0 1-1.432 4.952.36.36 0 0 0 .608.384A9.97 9.97 0 0 0 22 11.996C21.996 6.488 17.513 2 11.998 2"
             }),
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ i("path", {
                 fill: t,
                 d: "m10.928 16-3.834-4.267a.336.336 0 0 1 0-.467.292.292 0 0 1 .44 0l3.394 3.732L17.466 8.1a.292.292 0 0 1 .44 0 .336.336 0 0 1 0 .466zM18.789 19.504a.716.716 0 1 0 0-1.432.716.716 0 0 0 0 1.432"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ i("path", {
                 fill: t,
                 d: "M10.107 16.73c.053.072.14.116.235.116.09 0 .178-.044.235-.116l6.864-8.872a.3.3 0 0 0-.053-.416.3.3 0 0 0-.417.053l-6.63 8.565-2.652-3.466a.296.296 0 0 0-.416-.057.296.296 0 0 0-.057.417z"
             }),
-            /* @__PURE__ */ o("path", {
+            /* @__PURE__ */ i("path", {
                 fill: t,
                 d: "M11.998 23C4.805 23 1 19.198 1 12.002 1 4.805 4.802 1 11.998 1c3.511 0 6.233.908 8.093 2.703C22.02 5.563 23 8.356 23 12.002 23.003 19.195 19.198 23 11.998 23m0-21.374c-6.88 0-10.372 3.492-10.372 10.376 0 6.88 3.489 10.372 10.372 10.372 6.887 0 10.376-3.489 10.376-10.372.003-6.887-3.489-10.376-10.376-10.376"
             })
         ]
     }));
-}, g = m;
+}, g = d;
 export { g as default };

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

@@ -80,9 +80,9 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l, jsxs as o } from "react/jsx-runtime";
 import { useTheme as c } 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 m = (_param)=>{
+const d = (_param)=>{
     var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
@@ -147,5 +147,5 @@ const m = (_param)=>{
             })
         ]
     }));
-}, g = m;
+}, g = d;
 export { g as default };

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

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

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

@@ -78,25 +78,25 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useIsInverseVariant as l } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const a = (_param)=>{
+import { jsx as r } from "react/jsx-runtime";
+import { useIsInverseOrMediaVariant as a } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+const i = (_param)=>{
     var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = l(), e = o !== null && o !== void 0 ? o : s ? r.colors.inverse : r.colors.neutralHigh;
-    return /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+    const e = a(), s = o !== null && o !== void 0 ? o : e ? h.colors.inverse : h.colors.neutralHigh;
+    return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: e,
+        children: /* @__PURE__ */ r("path", {
+            fill: s,
             d: "M21.705 21.3c.19-.337.182-.726-.05-1.082l-6.808-8.989V3.002h1.026a.434.434 0 0 0 .431-.423.43.43 0 0 0-.431-.423H8.128a.426.426 0 0 0-.432.423c0 .23.2.423.432.423h.997v7.356a.24.24 0 0 0 0 .11v.761l-6.826 9.14a.94.94 0 0 0-.017.98c.173.306.498.49.851.49h17.633c.395 0 .748-.201.939-.54M9.898 11.617a.4.4 0 0 0 .087-.249v-.905l.002-.041a.2.2 0 0 0-.002-.068V3h4.003v8.373c0 .087.033.18.086.246l.524.695c-1.49.356-3.7.373-5.25.042zm11.059 9.27a.22.22 0 0 1-.19.111H3.132a.11.11 0 0 1-.103-.067c-.017-.028-.026-.07-.017-.095L8.797 13.1c.86.23 1.944.356 3.081.356 1.222 0 2.384-.143 3.28-.406l5.79 7.653a.18.18 0 0 1 .009.184m-6.608-1.553h-.112c-.25-.002-1.182-.092-1.182-1.238s.921-1.23 1.17-1.232h.121c.241.006 1.185.1 1.185 1.238 0 1.14-.947 1.227-1.182 1.232m2.042-1.232c0-1.406-1.02-2.062-2.025-2.084h-.146c-1.011.008-2.028.653-2.028 2.076 0 1.42 1.02 2.07 2.03 2.084h.144c1.008-.017 2.025-.667 2.025-2.076m-6.487-1.38h-.018l-.022.002h-.022c-.137-.003-.658-.053-.658-.69 0-.635.515-.683.652-.685h.065c.137.002.66.056.66.686 0 .636-.526.683-.657.686m1.515-.684c0-1.026-.776-1.516-1.499-1.533l-.067-.002h-.025c-.723.005-1.504.487-1.504 1.529 0 1.04.778 1.524 1.504 1.535h.09c.722-.011 1.501-.496 1.501-1.53"
         })
     }));
-}, v = a;
+}, v = i;
 export { v as default };