@telefonica/mistica 15.20.0 → 16.0.0

package/dist/generated/mistica-icons/icon-offer-percent-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: a,
             d: "m19.147 12 2.19 2.383a.71.71 0 0 1 .156.706.72.72 0 0 1-.54.481l-3.17.637.371 3.217a.7.7 0 0 1-.288.66.72.72 0 0 1-.718.074L14.21 18.81l-1.587 2.823a.711.711 0 0 1-1.245 0L9.792 18.81l-2.937 1.348a.72.72 0 0 1-.718-.074.72.72 0 0 1-.288-.66l.375-3.217-3.17-.637a.7.7 0 0 1-.54-.481.72.72 0 0 1 .156-.706L4.86 12 2.67 9.617a.71.71 0 0 1-.156-.706.72.72 0 0 1 .54-.481l3.17-.637-.375-3.217a.7.7 0 0 1 .288-.66.71.71 0 0 1 .718-.074L9.792 5.19l1.587-2.823a.712.712 0 0 1 1.245 0L14.21 5.19l2.937-1.348a.713.713 0 0 1 1.006.733l-.37 3.218 3.17.637c.256.05.461.234.54.481a.72.72 0 0 1-.156.706zm-2.292 2.933 2.57-.513-1.774-1.934a.72.72 0 0 1 0-.972l1.775-1.934-2.571-.518a.717.717 0 0 1-.567-.783l.302-2.608-2.384 1.095a.71.71 0 0 1-.92-.298l-1.284-2.287-1.286 2.283a.715.715 0 0 1-.92.298L7.414 5.666l.302 2.608a.71.71 0 0 1-.567.784l-2.57.518 1.774 1.934a.72.72 0 0 1 0 .971l-1.775 1.934 2.571.518a.717.717 0 0 1 .567.784l-.302 2.608 2.384-1.096a.708.708 0 0 1 .92.303l1.285 2.287 1.285-2.292a.715.715 0 0 1 .92-.298l2.383 1.096-.302-2.608a.71.71 0 0 1 .567-.784m-2.621 1.004a.54.54 0 0 0 .005-1.077h-2.951q.09-.255.091-.536V12.71h1.61a.534.534 0 0 0 .536-.536.534.534 0 0 0-.535-.536h-1.61v-1.43c0-.591.48-1.072 1.07-1.072.247 0 .48.082.672.238a.536.536 0 1 0 .677-.834 2.15 2.15 0 0 0-1.35-.477 2.15 2.15 0 0 0-2.144 2.15v1.43h-.179a.533.533 0 0 0-.535.536c0 .298.238.536.535.536h.174v1.613a.53.53 0 0 1-.535.536.534.534 0 0 0-.536.536c0 .298.238.537.536.537z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
@@ -135,4 +135,4 @@ const v = (_param)=>{
             })
         ]
     }));
-}, d = v;
+}, p = v;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return L;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -119,4 +119,4 @@ const s = (_param)=>{
             d: "m18.91 11.993 2.518-2.74a.356.356 0 0 0-.192-.59l-3.646-.737.43-3.7a.36.36 0 0 0-.146-.329.35.35 0 0 0-.361-.037l-3.38 1.55-1.823-3.242c-.128-.224-.494-.224-.621 0L9.866 5.411l-3.38-1.55a.36.36 0 0 0-.502.366l.429 3.7-3.646.736a.37.37 0 0 0-.27.238.36.36 0 0 0 .078.352l2.522 2.74-2.517 2.74a.356.356 0 0 0 .192.59l3.645.736-.43 3.7a.36.36 0 0 0 .147.33.35.35 0 0 0 .356.036l3.38-1.55 1.823 3.242a.355.355 0 0 0 .621 0l1.823-3.243 3.38 1.55a.36.36 0 0 0 .507-.366l-.2-1.737a.36.36 0 0 0-.713.082l.128 1.107-3.102-1.422a.356.356 0 0 0-.461.15l-1.672 2.973-1.672-2.977a.36.36 0 0 0-.461-.151l-3.102 1.422.393-3.393a.36.36 0 0 0-.284-.394l-3.343-.672 2.311-2.516a.354.354 0 0 0 0-.484L3.535 9.23l3.343-.672a.355.355 0 0 0 .284-.394l-.393-3.393L9.87 6.193c.168.078.37.014.46-.15l1.673-2.97 1.676 2.978a.36.36 0 0 0 .462.151l3.101-1.422-.392 3.393c-.023.183.1.357.283.394l3.343.672-2.311 2.516a.354.354 0 0 0 0 .485l2.311 2.515-1.132.229a.358.358 0 0 0 .142.7l1.753-.353a.37.37 0 0 0 .27-.237.36.36 0 0 0-.078-.353zm-1.552 3.215a.714.714 0 0 1 0 1.427.714.714 0 0 1 0-1.427m-7.94 0c0-.197.16-.357.357-.357a.71.71 0 0 0 .712-.713v-1.789h-.356a.357.357 0 0 1 0-.713h.356v-1.61c0-1.084.882-1.967 1.964-1.967.448 0 .887.156 1.234.44A.357.357 0 0 1 13.74 9a.356.356 0 0 1-.503.055 1.25 1.25 0 0 0-2.033.97v1.61h1.787a.357.357 0 0 1 0 .713h-1.787v1.789a1.4 1.4 0 0 1-.192.713h3.226a.357.357 0 0 1 0 .714H9.775a.357.357 0 0 1-.357-.357"
         })
     }));
-}, d = s;
+}, L = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return L;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const h = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -105,7 +105,7 @@ const h = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "m19.131 12 2.215-2.41a.7.7 0 0 0 .15-.68.68.68 0 0 0-.52-.463l-3.205-.644.378-3.252a.687.687 0 0 0-.968-.706l-2.976 1.363-1.603-2.855a.685.685 0 0 0-1.197 0L9.803 5.208 6.83 3.845a.69.69 0 0 0-.691.07.68.68 0 0 0-.277.636l.378 3.252-3.205.644a.69.69 0 0 0-.52.464.69.69 0 0 0 .15.68L4.876 12l-2.214 2.41a.7.7 0 0 0-.15.68.68.68 0 0 0 .52.463l3.205.644-.379 3.252c-.026.247.08.49.277.636a.7.7 0 0 0 .692.07l2.971-1.363 1.603 2.855a.685.685 0 0 0 1.197 0l1.603-2.855 2.971 1.363c.225.102.489.08.691-.07a.68.68 0 0 0 .278-.636l-.379-3.252 3.2-.644a.69.69 0 0 0 .52-.464.69.69 0 0 0-.15-.68zm-2.254 2.97a.683.683 0 0 0-.546.755l.309 2.665-2.435-1.117a.69.69 0 0 0-.885.287l-1.312 2.34-1.312-2.34a.68.68 0 0 0-.885-.29l-2.434 1.116.308-2.666a.69.69 0 0 0-.546-.755l-2.624-.53L6.33 12.46a.693.693 0 0 0 0-.936L4.515 9.546l2.624-.53a.683.683 0 0 0 .546-.754l-.308-2.665L9.81 6.713c.326.15.71.022.885-.287l1.312-2.339 1.312 2.34a.685.685 0 0 0 .885.286l2.435-1.116-.309 2.665a.69.69 0 0 0 .546.755l2.624.53-1.814 1.976a.693.693 0 0 0 0 .936l1.814 1.977zm-2.637.82a.69.69 0 0 0 .687-.688.703.703 0 0 0-.691-.697H11.62q.034-.165.035-.344v-1.377h1.374a.688.688 0 0 0 0-1.377h-1.374v-1.205a.86.86 0 0 1 1.4-.67.69.69 0 0 0 .867-1.073 2.23 2.23 0 0 0-1.404-.498 2.24 2.24 0 0 0-2.236 2.241v1.214a.688.688 0 0 0 0 1.377v1.377c0 .194-.15.344-.344.344a.688.688 0 0 0 0 1.377z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const h = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "m19.131 12 2.215-2.41a.7.7 0 0 0 .15-.68.68.68 0 0 0-.52-.463l-3.205-.644.378-3.252a.687.687 0 0 0-.968-.706l-2.976 1.363-1.603-2.855a.685.685 0 0 0-1.197 0L9.803 5.208 6.83 3.845a.69.69 0 0 0-.691.07.68.68 0 0 0-.277.636l.378 3.252-3.205.644a.69.69 0 0 0-.52.464.69.69 0 0 0 .15.68L4.876 12l-2.214 2.41a.7.7 0 0 0-.15.68.68.68 0 0 0 .52.463l3.205.644-.379 3.252c-.026.247.08.49.277.636a.7.7 0 0 0 .692.07l2.971-1.363 1.603 2.855a.685.685 0 0 0 1.197 0l1.603-2.855 2.971 1.363c.225.102.489.08.691-.07a.68.68 0 0 0 .278-.636l-.379-3.252 3.2-.644a.69.69 0 0 0 .52-.464.69.69 0 0 0-.15-.68zm-2.254 2.97a.683.683 0 0 0-.546.755l.309 2.665-2.435-1.117a.69.69 0 0 0-.885.287l-1.312 2.34-1.312-2.34a.68.68 0 0 0-.885-.29l-2.434 1.116.308-2.666a.69.69 0 0 0-.546-.755l-2.624-.53L6.33 12.46a.693.693 0 0 0 0-.936L4.515 9.546l2.624-.53a.683.683 0 0 0 .546-.754l-.308-2.665L9.81 6.713c.326.15.71.022.885-.287l1.312-2.339 1.312 2.34a.685.685 0 0 0 .885.286l2.435-1.116-.309 2.665a.69.69 0 0 0 .546.755l2.624.53-1.814 1.976a.693.693 0 0 0 0 .936l1.814 1.977zm-2.637.82a.69.69 0 0 0 .687-.688.703.703 0 0 0-.691-.697H11.62q.034-.165.035-.344v-1.377h1.374a.688.688 0 0 0 0-1.377h-1.374v-1.205a.86.86 0 0 1 1.4-.67.69.69 0 0 0 .867-1.073 2.23 2.23 0 0 0-1.404-.498 2.24 2.24 0 0 0-2.236 2.241v1.214a.688.688 0 0 0 0 1.377v1.377c0 .194-.15.344-.344.344a.688.688 0 0 0 0 1.377z"
         })
     }));
-}, L = h;
+}, u = h;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
     return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M11.025 21.24c.109.143.445.575.98.575.132 0 .535 0 .978-.577.193-.25.364-.558.526-.855l.003-.005c.138-.25.385-.698.524-.801.18.014.644.294.899.448l.006.003c.67.405 1.36.822 1.969.47.616-.356.6-1.174.582-1.966v-.01c-.005-.294-.015-.819.056-.976.158-.072.683-.062.976-.056h.01c.79.017 1.611.033 1.967-.583.353-.607-.067-1.302-.473-1.973v-.002c-.155-.252-.435-.717-.449-.896.099-.137.537-.378.79-.517l.017-.01c.297-.162.605-.333.854-.526.143-.11.575-.446.575-.98 0-.132 0-.536-.575-.981-.249-.193-.557-.364-.854-.527l-.005-.002c-.25-.138-.699-.385-.802-.524.014-.18.294-.645.448-.9.407-.669.827-1.364.474-1.974-.356-.616-1.174-.6-1.966-.583h-.01c-.294.006-.819.016-.976-.056-.072-.158-.062-.682-.057-.976v-.01c.017-.793.034-1.61-.582-1.966-.608-.353-1.302.066-1.974.472l-.001.001c-.252.154-.717.434-.896.448-.132-.097-.361-.506-.504-.76l-.026-.046c-.162-.297-.333-.605-.526-.855-.11-.143-.446-.574-.98-.574-.132 0-.536 0-.981.574-.193.25-.364.558-.527.855l-.002.004c-.138.25-.385.7-.524.802-.18-.014-.645-.294-.9-.448-.669-.406-1.364-.826-1.974-.473-.617.355-.6 1.173-.583 1.966v.01c.006.294.016.818-.056.976-.158.072-.682.062-.976.056h-.01c-.793-.017-1.61-.033-1.966.583-.353.607.066 1.301.472 1.973l.001.002c.154.254.434.72.448.899-.098.136-.536.378-.789.517l-.017.01c-.297.162-.606.333-.855.526-.143.11-.574.445-.574.98 0 .132 0 .535.574.98.25.194.558.365.855.527.252.138.705.387.809.527-.014.18-.294.644-.448.9l-.004.005c-.405.67-.821 1.36-.47 1.969.356.616 1.174.6 1.967.582h.01c.294-.005.818-.015.976.056.072.158.062.683.056.976v.01c-.017.793-.034 1.611.583 1.967.607.353 1.301-.067 1.973-.473h.001c.255-.154.72-.435.9-.449.136.099.377.537.516.79l.01.017c.163.297.333.605.527.854m-.76-2.747a1 1 0 0 0-.274-.037c-.483 0-.99.305-1.485.602l-.014.009-.026.016c-.228.136-.598.359-.791.412-.055-.197-.046-.653-.04-.922v-.034c.015-.71.028-1.378-.38-1.786-.406-.408-1.076-.395-1.787-.381H5.45c-.268.006-.736.014-.94-.04.053-.193.275-.563.412-.79l.016-.027.005-.008c.354-.588.72-1.196.57-1.762-.147-.552-.732-.874-1.354-1.216l-.013-.007c-.246-.136-.667-.368-.805-.52.138-.151.559-.383.805-.519l.017-.01c.618-.34 1.2-.662 1.35-1.213.153-.566-.217-1.18-.575-1.77l-.016-.027c-.137-.227-.359-.597-.413-.791.2-.055.656-.045.925-.04h.021c.715.015 1.388.028 1.8-.38.408-.406.395-1.076.38-1.786v-.018c-.005-.27-.014-.737.04-.941.193.053.563.276.79.412q.015.008.027.016c.5.303 1.012.61 1.5.61q.138 0 .274-.036c.551-.145.874-.73 1.215-1.353l.008-.013c.135-.246.368-.667.519-.805.151.138.384.56.52.805l.009.018c.34.617.663 1.2 1.213 1.348.566.152 1.18-.215 1.77-.574l.027-.016c.228-.136.598-.359.791-.412.055.2.046.656.04.924v.021c-.014.715-.028 1.389.38 1.8.406.408 1.076.395 1.787.38h.017c.267-.005.734-.013.939.04-.054.194-.276.564-.413.791l-.016.027-.004.008c-.355.588-.72 1.196-.57 1.762.146.552.731.874 1.353 1.216l.013.007c.246.136.667.368.805.52-.138.15-.559.383-.805.519l-.017.01c-.618.34-1.2.662-1.349 1.213-.154.566.216 1.179.574 1.77l.016.027c.137.227.359.597.413.79-.198.056-.653.046-.922.04h-.035c-.71-.014-1.377-.027-1.785.381-.409.406-.396 1.076-.382 1.786v.018c.006.266.015.734-.039.938-.194-.053-.563-.276-.79-.412l-.027-.016-.008-.005c-.589-.354-1.197-.72-1.763-.57-.552.146-.874.732-1.216 1.354l-.007.013c-.135.246-.368.667-.52.804-.15-.137-.383-.558-.518-.804l-.01-.018c-.34-.617-.663-1.2-1.213-1.349"
         })
     }));
-}, d = s;
+}, p = s;

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

@@ -97,7 +97,7 @@ const c = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), h = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
     return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
@@ -105,7 +105,7 @@ const c = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: i,
             d: "M3.757 2h16.466a.48.48 0 0 1 .468.464V22h-9.609v-7.907H5.59V22H3.3V2.464c0-.256.205-.464.457-.464m1.827 6.978h5.492V5.257H5.584zm12.812 8.836v-3.721h-5.493v3.721zm-5.493-8.836h5.493V5.257h-5.493z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const c = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: i,
             d: "M3.757 2h16.466a.48.48 0 0 1 .468.464V22h-9.609v-7.907H5.59V22H3.3V2.464c0-.256.205-.464.457-.464m1.827 6.978h5.492V5.257H5.584zm12.812 8.836v-3.721h-5.493v3.721zm-5.493-8.836h5.493V5.257h-5.493z"
         })
     }));

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: r, size: h = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: v, size: h = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = v !== null && v !== void 0 ? v : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: o,
@@ -119,7 +119,7 @@ const l = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
             d: "M19.8 21.994a.456.456 0 0 0 .446-.464c0-.256-.2-.465-.445-.465h-8.919V14.09H5.527v6.977H4.19V2.928h15.164v13.023c0 .256.2.465.446.465a.456.456 0 0 0 .445-.465V2.464c0-.256-.2-.464-.445-.464H3.745a.456.456 0 0 0-.445.464V22h3.123v-6.976h3.569v6.97zm-.89-3.256c0-.512.4-.928.89-.928.497 0 .891.416.891.928s-.4.929-.89.929c-.491 0-.891-.417-.891-.929m-6.246-4.649h5.355v3.72h-5.355zm4.459 2.792v-1.857h-3.569v1.857zM5.527 8.976v-3.72h5.355v3.72zm4.459-.928V6.19H6.417v1.857zm8.033.928h-5.355v-3.72h5.355zM13.56 6.185v1.857h3.569V6.185z"

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

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

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

@@ -96,7 +96,7 @@ const i = (_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: o,
         height: o,

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: s = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: t, size: s = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: s,
         height: s,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
+const i = (_param)=>{
     var { color: e, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : n ? _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 l = (_param)=>{
             d: "M12.399 2.166c1.574.037 9.442.69 9.442 9.857 0 9.174-7.837 9.785-9.409 9.813a33 33 0 0 1-.552.005q-.159 0-.313-.003c-1.572-.022-9.412-.605-9.412-9.87 0-1.625.451-9.735 9.347-9.813.297 0 .625.006.897.011m.01 18.468c1.93-.037 8.228-.762 8.228-8.608s-6.328-8.608-8.266-8.653a17 17 0 0 0-.855-.008c-1.913.017-8.154.69-8.154 8.608 0 7.933 6.294 8.639 8.224 8.667.275.002.577 0 .824-.006m-2.159-8.33c0-2.426-.882-2.737-1.65-2.737-.82 0-1.658.325-1.658 2.736 0 2.398.838 2.72 1.658 2.72.816 0 1.65-.322 1.65-2.72M8.6 8.473c1.258 0 2.762.664 2.762 3.83 0 3.156-1.501 3.82-2.762 3.82-1.263 0-2.77-.66-2.77-3.82 0-3.166 1.507-3.83 2.77-3.83m8.743.527a.4.4 0 0 0-.4-.4h-.27a.4.4 0 0 0-.4.4v4.675L13.032 8.78a.4.4 0 0 0-.336-.18h-.213a.4.4 0 0 0-.4.4v6.586c0 .222.178.4.4.4h.269a.4.4 0 0 0 .4-.4v-4.672l3.233 4.894c.075.112.201.179.336.179h.221a.4.4 0 0 0 .4-.4z"
         })
     }));
-}, v = l;
+}, v = i;

package/dist/generated/mistica-icons/icon-online-offer-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -114,4 +114,4 @@ const t = (_param)=>{
             })
         ]
     }));
-}, m = t;
+}, d = t;

package/dist/generated/mistica-icons/icon-online-offer-light.js

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

package/dist/generated/mistica-icons/icon-online-offer-regular.js

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

package/dist/generated/mistica-icons/icon-online-reload-filled.js

@@ -96,7 +96,7 @@ const t = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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,

package/dist/generated/mistica-icons/icon-online-reload-light.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,11 +105,11 @@ const s = (_param)=>{
     }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: a,
                 d: "M10.542 14.234c.434.143.94.216 1.504.216 1.131 0 2.014-.289 2.622-.86.63-.594.952-1.482.952-2.633 0-.853-.175-1.559-.522-2.109l.316.087.038.01.235.065a.28.28 0 0 0 .345-.196.283.283 0 0 0-.196-.345l-.236-.064a17 17 0 0 0-.868-.23c-.409-.081-.709.115-.795.521a7 7 0 0 0-.087.566l-.01.067c-.022.164-.044.33-.069.448a.28.28 0 0 0 .549.118 8 8 0 0 0 .087-.563 8 8 0 0 1 .058-.408c.396.481.598 1.164.598 2.033 0 .991-.26 1.74-.776 2.224-.502.47-1.252.709-2.238.709-.505 0-.953-.065-1.33-.188a.28.28 0 0 0-.345.174.28.28 0 0 0 .168.358M8.897 12.942q-.525-.83-.526-2.117c0-1.151.319-2.04.952-2.633.608-.571 1.49-.86 2.622-.86q.847.001 1.504.213a.28.28 0 0 1-.174.532 4.3 4.3 0 0 0-1.33-.187c-.986 0-1.737.238-2.238.708-.516.485-.776 1.233-.776 2.224 0 .865.2 1.545.592 2.026.02-.118.039-.256.055-.393a7 7 0 0 1 .087-.56.279.279 0 0 1 .546.118c-.026.125-.05.302-.073.478l-.005.037a7 7 0 0 1-.087.566c-.07.339-.297.532-.614.532a1 1 0 0 1-.176-.017c-.14-.028-.415-.103-.868-.23l-.236-.064a.279.279 0 1 1 .135-.542l.014.005.235.064.042.012z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: a,
                 d: "M5.175 16.635H18.83c1.014 0 1.784-.295 2.291-.877.48-.546.72-1.353.72-2.398V8.422c0-1.045-.243-1.852-.72-2.398-.507-.58-1.277-.874-2.29-.874H5.174c-1.014 0-1.785.294-2.292.874-.479.546-.72 1.353-.72 2.398v4.938c0 1.045.241 1.852.72 2.4.507.58 1.278.875 2.292.875m-2.451-8.21c0-1.852.778-2.715 2.45-2.715H18.83c1.672 0 2.451.86 2.451 2.712v4.94c0 1.852-.779 2.715-2.45 2.715H5.174c-1.673 0-2.451-.863-2.451-2.714zM21.553 18.853H2.435a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28h19.118a.28.28 0 0 1 .28.28.28.28 0 0 1-.28.28"
             })
         ]

package/dist/generated/mistica-icons/icon-online-reload-regular.js

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

package/dist/generated/mistica-icons/icon-open-email-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 s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = e !== null && e !== void 0 ? e : i ? _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 s = (_param)=>{
             d: "m21.84 9.488-.008 9.804c.025.221.062.902-.403 1.46-.25.3-.734.66-1.628.677H4.205c-.897-.02-1.381-.378-1.63-.677-.463-.555-.426-1.238-.401-1.457l-.008-9.793c.022-1.017.44-1.524.787-1.773l7.42-4.686c.042-.034.697-.482 1.625-.482.593 0 1.173.174 1.669.502l7.359 4.65c.375.265.792.772.815 1.775m-9.963 5.065c.328-.006.647-.107.919-.292L20.594 9.4c-.022-.32-.112-.56-.263-.667l-7.359-4.65a1.84 1.84 0 0 0-.963-.288 1.84 1.84 0 0 0-.95.271L3.65 8.75c-.143.103-.238.38-.25.767v.003l7.513 4.737c.286.187.622.291.964.297"
         })
     }));
-}, v = s;
+}, d = s;

package/dist/generated/mistica-icons/icon-open-email-light.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : 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), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "m21.83 9.439-.008 10.064c.008.011.117.737-.359 1.308-.328.392-.832.6-1.498.61-.821.015-5.076.015-7.538.012l-.042-.409v.41H9.64c-2.622 0-5.082-.004-5.614-.012-.67-.011-1.174-.216-1.501-.61-.476-.572-.367-1.298-.353-1.379l-.014-9.989c.022-.947.4-1.409.714-1.633l.132-.084 7.44-4.703c.03-.02.664-.457 1.543-.457a2.9 2.9 0 0 1 1.577.471l7.535 4.765c.33.235.709.7.731 1.636m-18.496-.95c-.215.154-.344.493-.355.966v.13l7.784 4.91.008.005c.07.046.51.33 1.095.33.367 0 .726-.111 1.062-.332l8.037-5.012.028-.011.016-.006v-.022c-.01-.465-.137-.804-.37-.97l-7.534-4.764-.005-.002c-.051-.034-.5-.326-1.1-.326a2.1 2.1 0 0 0-1.097.32zM20.83 20.29c.227-.275.182-.675.177-.716v-.004l.002-9.148-7.635 4.765a2.73 2.73 0 0 1-1.508.462c-.886 0-1.519-.446-1.564-.478l-.001-.001-7.32-4.62.009 8.95-.002.02c-.011.11-.051.502.175.773.168.202.463.305.877.314.67.01 4.675.014 8.345.01h.039c2.465.004 6.711.004 7.527-.01.414-.009.711-.115.88-.317"

package/dist/generated/mistica-icons/icon-open-email-regular.js

@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : n ? _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-open-file-filled.js

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

package/dist/generated/mistica-icons/icon-open-file-light.js

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

package/dist/generated/mistica-icons/icon-open-file-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M19.685 8.684h.807c.742 0 1.347.608 1.344 1.353a.5.5 0 0 1-.01.112l-1.449 7.947a1.353 1.353 0 0 1-1.344 1.288H4.262a1.353 1.353 0 0 1-1.348-1.355q0-.014.003-.025l.002-.02-.77-11.95c0-.798.633-1.414 1.415-1.414h6.129c.781 0 1.417.619 1.417 1.375v.403h7.104c.781 0 1.417.62 1.417 1.376l.064.812a.2.2 0 0 1-.005.06zM3.568 5.874c-.107 0-.18.065-.177.127l.451 6.994.557-3.02a1.35 1.35 0 0 1 1.345-1.288h12.72v-.003l-.065-.86c-.002-.11-.075-.174-.182-.174h-7.722a.62.62 0 0 1-.62-.624V5.998c0-.06-.072-.124-.179-.124zM19.156 17.92l1.442-7.913a.11.11 0 0 0-.103-.073H5.744c-.062 0-.11.045-.11.104a1 1 0 0 1-.01.107v.008l-1.463 7.91a.11.11 0 0 0 .104.073h14.77c.062 0 .11-.045.11-.104q-.001-.055.01-.112"
         })
     }));
-}, p = s;
+}, p = i;

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

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

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : h ? _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"
-    }, h), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "m21.838 19.61-.02-5.943c.036-.675-.154-1.255-.555-1.678a2.1 2.1 0 0 0-1.204-.62h-.001l-.001-.002-.001-.002-.001-.002-.002-.002-6.577-6.557c.165-.263.263-.572.263-.905a1.75 1.75 0 0 0-1.745-1.748c-.963 0-1.745.785-1.745 1.748 0 .32.093.633.26.905l-6.531 6.535q-.01.008-.015.02l-.008.014a2.207 2.207 0 0 0-1.804 2.182l.02 5.944c-.037.675.154 1.255.552 1.678.395.42.977.655 1.641.66l15.258-.002c.588 0 1.154-.236 1.569-.653.417-.417.65-.983.646-1.571M11.114 3.948a.93.93 0 0 1 .88-.978.93.93 0 0 1 .879.883.926.926 0 0 1-.88.974.926.926 0 0 1-.88-.88m9.905 15.666a1.4 1.4 0 0 1-1.395 1.401l-15.252.006c-.443-.003-.807-.143-1.05-.401-.242-.258-.357-.627-.331-1.098l-.02-5.966c0-.376.143-.726.409-.992.263-.266.616-.412.989-.412l15.252-.003c.442.003.804.14 1.047.401.241.258.356.628.331 1.098zM11.994 5.644c.334 0 .642-.098.908-.26l5.96 5.944-13.72.003 5.945-5.95c.266.165.574.263.907.263M6.992 17.557c-.227 0-.647 0-.647-1.137 0-1.146.42-1.146.647-1.146.226 0 .644 0 .644 1.146 0 1.137-.42 1.137-.644 1.137m1.397-1.137c0-1.647-.874-1.893-1.397-1.893-.527 0-1.404.246-1.404 1.893 0 1.56.765 1.888 1.404 1.888s1.397-.325 1.397-1.888m2.81-1.524c-.196-.21-.488-.31-.896-.31 0 0-.846 0-.852-.003-.17 0-.308.14-.308.308v3.05c0 .171.14.308.308.308h.134a.31.31 0 0 0 .309-.308v-.907h.501c.364 0 .636-.11.826-.33.19-.214.283-.505.283-.895 0-.392-.1-.7-.305-.913m2.826 2.617c.168 0 .308.137.308.308v.12a.31.31 0 0 1-.308.308h-1.501a.31.31 0 0 1-.308-.308v-3.05a.31.31 0 0 1 .308-.308h1.456c.168 0 .309.137.309.305a.3.3 0 0 1-.009.067l-.028.12a.31.31 0 0 1-.3.242h-.988v.705h.775c.169 0 .309.138.309.309v.12a.31.31 0 0 1-.309.308h-.775v.754zm3.717-2.62a.307.307 0 0 0-.308-.308s-.123 0-.12-.005a.31.31 0 0 0-.308.308v1.762l-1.28-1.93a.3.3 0 0 0-.255-.137h-.098a.31.31 0 0 0-.309.308v3.056c0 .17.14.308.309.308h.126c.17 0 .308-.14.308-.308v-1.762l1.271 1.93a.3.3 0 0 0 .255.137h.101c.171 0 .308-.14.308-.308zm-7.084 1.323c-.036.042-.075.084-.32.086h-.444v-.983h.389c.258 0 .339.062.361.087.067.076.104.227.104.415 0 .24-.034.33-.09.395"
         })
     }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return i;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "m21.841 19.458-.02-5.812c.04-.72-.167-1.339-.593-1.793a2.27 2.27 0 0 0-1.23-.658l-6.297-6.28c.13-.258.207-.543.207-.852a1.913 1.913 0 0 0-1.91-1.913c-1.053 0-1.91.857-1.91 1.913 0 .309.081.594.21.852l-6.289 6.291a2.364 2.364 0 0 0-1.854 2.317l.02 5.812c-.04.717.168 1.336.593 1.793.423.454 1.045.706 1.754.711l14.947-.002a2.373 2.373 0 0 0 2.372-2.379M11.29 4.063a.708.708 0 1 1 1.417 0 .708.708 0 1 1-1.418 0m9.347 15.398a1.17 1.17 0 0 1-1.171 1.174l-14.941.003c-.376-.003-.68-.118-.883-.33-.196-.211-.29-.525-.268-.94l-.02-5.845a1.17 1.17 0 0 1 1.17-1.174l14.942-.003c.378.003.68.118.882.33.196.21.292.522.27.94zM11.998 5.977c.308 0 .594-.082.852-.21l5.395 5.378-12.474.002 5.376-5.378c.257.13.543.208.851.208m-4.902 11.37c-.199 0-.532 0-.532-1.015 0-1.022.333-1.022.532-1.022.185 0 .53 0 .53 1.022 0 1.014-.33 1.014-.53 1.014m1.47-1.015c0-1.7-.92-1.955-1.47-1.955-.552 0-1.473.255-1.473 1.955s.921 1.953 1.473 1.953c.55 0 1.47-.255 1.47-1.953m2.048-.266c-.02.023-.044.048-.235.05h-.336v-.761h.28c.224 0 .277.047.277.047.04.045.079.157.079.342 0 .227-.034.286-.065.322m.678-1.297c-.213-.227-.526-.336-.952-.336v.003h-.83a.4.4 0 0 0-.4.4v2.987c0 .22.18.4.4.4h.132a.4.4 0 0 0 .401-.4v-.788h.39c.383 0 .68-.123.885-.358.204-.23.302-.538.302-.944 0-.41-.112-.734-.328-.964m2.695 2.533a.4.4 0 0 1 .4.4v.118a.4.4 0 0 1-.4.4h-1.47a.4.4 0 0 1-.401-.4v-2.986a.4.4 0 0 1 .4-.4h1.426c.123 0 .235.052.314.148a.4.4 0 0 1 .078.338l-.025.118a.4.4 0 0 1-.392.314h-.871v.493h.66a.4.4 0 0 1 .401.4v.118a.4.4 0 0 1-.4.4h-.661v.541h.941zm3.74-2.468a.4.4 0 0 0-.401-.4h-.123a.4.4 0 0 0-.4.4v1.392l-1.068-1.614a.4.4 0 0 0-.333-.179h-.096a.4.4 0 0 0-.4.4v2.99c0 .22.179.4.4.4h.12a.4.4 0 0 0 .401-.4V16.43l1.065 1.614c.073.112.199.179.333.179h.1a.4.4 0 0 0 .402-.4z"
         })
     }));
-}, i = s;
+}, m = s;

package/dist/generated/mistica-icons/icon-optical-fiber-filled.js

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