@telefonica/mistica 15.20.1 → 16.0.0

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

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

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

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

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

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

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

@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const m = (0, _themevariantcontext.useIsInverseVariant)(), o = e !== null && e !== void 0 ? e : m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const m = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = e !== null && e !== void 0 ? e : m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M7.354 2h9.292a.71.71 0 0 1 .704.73v14.154a.72.72 0 0 1-.215.506.7.7 0 0 1-.498.219h-2.858v3.666c0 .4-.32.725-.714.725a.72.72 0 0 1-.713-.725V17.61h-.713v3.666c0 .4-.32.725-.713.725a.72.72 0 0 1-.714-.725V17.61H7.354a.72.72 0 0 1-.713-.725V2.724c0-.399.32-.724.713-.724m.718 14.159h7.86V3.454h-7.86zM12 10.718c1.788 0 3.214-1.45 3.214-3.267S13.788 4.179 12 4.179 8.786 5.63 8.786 7.446s1.426 3.271 3.214 3.271m2.145-3.267c0 1.199-.965 2.18-2.145 2.18S9.856 8.65 9.856 7.45 10.82 5.27 12 5.27s2.145.981 2.145 2.18M12 11.805c-1.001 0-1.788.8-1.788 1.817S11 15.439 12 15.439s1.788-.8 1.788-1.817c0-1.018-.787-1.817-1.788-1.817m-.713 1.817c0-.4.32-.725.713-.725a.72.72 0 0 1 .713.725c0 .4-.32.725-.713.725a.72.72 0 0 1-.713-.725M12 8.9c.787 0 1.427-.656 1.427-1.45C13.427 6.656 12.782 6 12 6s-1.427.655-1.427 1.45S11.213 8.9 12 8.9m.357-1.455c0 .219-.142.363-.357.363s-.357-.144-.357-.363c0-.218.142-.362.357-.362s.357.144.357.362M5.393 8.464c-.32-.256-.535-.618-.535-1.018s.178-.762.498-1.018c.252-.18.284-.506.142-.762-.178-.255-.498-.288-.75-.144-.608.474-.965 1.162-.965 1.924a2.3 2.3 0 0 0 .965 1.887.55.55 0 0 0 .32.107q.266-.002.43-.219c.178-.25.11-.613-.105-.757m-1.358-3.16a2.91 2.91 0 0 0-.965 2.142c0 .8.357 1.599.965 2.142.215.182.215.544.036.762a.59.59 0 0 1-.393.182.46.46 0 0 1-.357-.145C2.466 9.664 2 8.571 2 7.448c0-1.125.462-2.217 1.321-2.942a.51.51 0 0 1 .75.037.53.53 0 0 1-.036.762m15.217.255c-.252-.18-.572-.106-.75.145-.178.25-.105.58.142.762.32.218.498.618.498 1.017 0 .4-.178.762-.498 1.018-.252.181-.284.506-.142.762a.55.55 0 0 0 .43.218.6.6 0 0 0 .32-.106c.608-.474.965-1.162.965-1.924s-.357-1.455-.965-1.892m.677-1.013a.51.51 0 0 1 .75-.037C21.539 5.234 22 6.326 22 7.451c0 1.124-.498 2.179-1.322 2.941a.46.46 0 0 1-.356.144.58.58 0 0 1-.393-.181.53.53 0 0 1 .036-.762 2.91 2.91 0 0 0 .965-2.142c0-.8-.357-1.599-.965-2.143-.215-.18-.215-.543-.036-.762"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const n = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M7.575 16.642h9.189c.204 0 .33.142.33.357s-.135.356-.34.356h-3.4v4.288c0 .215-.135.357-.34.357s-.34-.142-.34-.357v-4.288h-1.358v4.288c0 .215-.135.357-.34.357s-.34-.142-.34-.357v-4.288h-3.4c-.205 0-.34-.141-.34-.356V2.357c0-.215.135-.357.34-.357h9.523c.205 0 .34.142.34.357v10.358c0 .215-.135.357-.34.357-.204 0-.34-.142-.34-.357V2.713H7.576zm4.424-12.86c1.703 0 3.062 1.427 3.062 3.215s-1.359 3.213-3.062 3.213-3.06-1.426-3.06-3.213 1.358-3.214 3.06-3.214m0 5.715c1.329 0 2.383-1.106 2.383-2.5 0-1.395-1.054-2.5-2.383-2.5s-2.382 1.105-2.382 2.5c0 1.394 1.054 2.5 2.382 2.5m0 5.714c-.953 0-1.702-.786-1.702-1.787 0-.997.749-1.787 1.702-1.787.954 0 1.703.786 1.703 1.787s-.749 1.787-1.703 1.787m1.02-1.787c0-.603-.445-1.07-1.02-1.07-.574 0-1.019.467-1.019 1.07 0 .604.445 1.07 1.02 1.07.574 0 1.018-.462 1.018-1.07M10.64 6.997c0-.782.61-1.427 1.358-1.427.75 0 1.36.645 1.36 1.427 0 .781-.615 1.426-1.36 1.426-.744 0-1.358-.645-1.358-1.426m1.358.713c.375 0 .68-.32.68-.713 0-.394-.305-.714-.68-.714-.374 0-.679.32-.679.714s.305.713.68.713m5.444 7.145c0-.393-.305-.713-.68-.713-.378 0-.679.32-.679.713s.305.713.68.713c.374 0 .679-.32.679-.713M5.093 5.854c.17-.105.205-.32.07-.498-.1-.179-.305-.215-.475-.074a2.2 2.2 0 0 0-.85 1.715c0 .676.306 1.32.85 1.714l.011.006a.43.43 0 0 0 .194.067c.1 0 .204-.036.274-.142.1-.178.07-.393-.07-.498a1.44 1.44 0 0 1-.579-1.143c0-.466.2-.86.575-1.147m-.984-1.107a3.06 3.06 0 0 0-.954 2.25c0 .859.34 1.677.958 2.253.135.142.17.357.035.499-.035.068-.135.105-.24.105a.46.46 0 0 1-.231-.07l-.008-.003a3.86 3.86 0 0 1 0-5.568c.135-.142.34-.106.474.036.135.142.1.357-.034.498m15.206.535c-.17-.105-.374-.073-.474.074-.1.178-.07.393.07.498.34.251.579.676.579 1.143s-.205.86-.58 1.143c-.17.105-.204.32-.07.498.07.105.17.142.27.142a.43.43 0 0 0 .194-.068l.011-.006c.51-.393.85-1.037.85-1.714 0-.676-.34-1.316-.85-1.71m.545-.996c.135-.142.34-.179.474-.037a3.68 3.68 0 0 1 1.194 2.711c0 1.07-.44 2.07-1.19 2.784a.37.37 0 0 1-.239.105.35.35 0 0 1-.24-.105c-.134-.142-.1-.357.036-.498.614-.572.953-1.395.953-2.25 0-.854-.34-1.677-.953-2.212-.135-.142-.17-.357-.035-.498"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-lifeguard-float-filled.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: e, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M11.665 2.155c.255 0 .518.003.745.011 1.93.045 9.431.807 9.431 9.86 0 9.073-7.512 9.776-9.392 9.813q-.451.007-.902.002c-1.975-.03-9.392-.745-9.392-9.874 0-9.117 7.347-9.795 9.325-9.812zM9.63 6.48l-.577-2.784c-2.1.526-4.507 1.924-5.35 5.442l2.75.569C7.06 7.785 8.41 6.889 9.632 6.48m2.283 10.157c.115 0 .23 0 .328-.003 3.969-.07 4.395-3.252 4.395-4.619s-.432-4.555-4.423-4.65a19 19 0 0 0-.418-.005h-.098c-1.621.014-4.338.633-4.338 4.621 0 2.236.817 3.642 2.504 4.297a5.7 5.7 0 0 0 1.882.359zm2.423.86.572 2.773c2.086-.538 4.459-1.922 5.341-5.291l-2.756-.57c-.633 1.813-1.96 2.679-3.157 3.088m-5.25 2.784.575-2.779-.095-.03q-.072-.02-.146-.048c-1.129-.437-2.316-1.317-2.907-3.014l-2.76.569c.888 3.383 3.253 4.767 5.334 5.302m5.841-16.52-.571 2.764c1.213.428 2.549 1.325 3.165 3.185l2.745-.566c-.863-3.404-3.238-4.818-5.339-5.384"
         })
     }));
-}, f = n;
+}, f = a;

package/dist/generated/mistica-icons/icon-lifeguard-float-light.js

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

package/dist/generated/mistica-icons/icon-lifeguard-float-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = a !== null && a !== void 0 ? a : e ? _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"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M11.665 2.155c.252 0 .518.006.745.011 1.927.045 9.431.807 9.431 9.857 0 9.073-7.512 9.78-9.392 9.813-.182.003-.386.005-.594.005q-.155 0-.308-.003c-1.975-.027-9.392-.742-9.392-9.87 0-9.115 7.347-9.793 9.322-9.81q.092-.004.188-.003m0 1.23-.177.003c-.35.002-.767.025-1.22.084l.562 2.725c.356-.05.658-.064.86-.067h.11c.15 0 .307.003.445.005.21.006.532.026.918.087l.56-2.708a12 12 0 0 0-1.344-.118 28 28 0 0 0-.714-.011m-2.61.308c-2.102.53-4.51 1.927-5.35 5.442l2.75.569c.605-1.919 1.952-2.815 3.173-3.227zM3.487 10.35a13 13 0 0 0-.103 1.616c0 .656.056 1.244.131 1.807l2.7-.557a9 9 0 0 1-.086-1.236c0-.383.025-.736.067-1.07zm.266 4.627c.886 3.384 3.253 4.765 5.334 5.303l.574-2.779-.102-.032a2 2 0 0 1-.139-.046c-1.129-.437-2.32-1.317-2.907-3.014zm10.58 2.519.575 2.773c2.083-.54 4.459-1.922 5.338-5.291l-2.756-.57c-.63 1.813-1.96 2.679-3.157 3.088m-2.479 3.115c.202 0 .398-.003.572-.006.361-.008.798-.04 1.269-.098l-.56-2.717a7 7 0 0 1-1.035.077l-.19.001c-.061 0-.126 0-.185-.003a7 7 0 0 1-.87-.072l-.564 2.72a11 11 0 0 0 1.563.098m.387-3.978c3.966-.07 4.395-3.255 4.395-4.622s-.432-4.554-4.423-4.65a19 19 0 0 0-.418-.005h-.098c-1.621.014-4.339.633-4.339 4.619 0 2.24.818 3.647 2.505 4.3.804.31 1.585.355 1.882.358l.168.003c.115 0 .23 0 .328-.003m5.277-6.924 2.748-.566c-.863-3.404-3.238-4.818-5.342-5.384l-.571 2.765c1.216.426 2.552 1.325 3.165 3.185m3.093 2.313c0-.602-.048-1.148-.115-1.67l-2.703.558a7.957 7.957 0 0 1-.017 2.303l2.708.557c.076-.543.127-1.115.127-1.748"

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

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

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

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: v } = (0, _hooks.useTheme)();
+    return v.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const s = (_param)=>{
             d: "M15.257 4.144V22H2.91V4.144C2.91 2.964 3.832 2 4.97 2h8.232c1.133 0 2.055.965 2.055 2.144m1.23 5.568a.736.736 0 0 0 0 1.01.673.673 0 0 0 .975 0l1.23-1.28 1.229 1.28a.662.662 0 0 0 .966 0 .736.736 0 0 0 0-1.01l-2.2-2.29zm2.204 4.85 1.23-1.28a.667.667 0 0 1 .97 0 .735.735 0 0 1 0 1.01l-2.2 2.29-2.2-2.29a.736.736 0 0 1 0-1.01.667.667 0 0 1 .97 0zM13.202 3.431H4.97c-.377 0-.685.32-.685.713v16.43h9.608V4.144h-.005c0-.393-.307-.713-.685-.713m-.86 6.962v4.823h-1.028v3.927a.52.52 0 0 1-.513.535.523.523 0 0 1-.514-.535v-4.997h1.027v-3.748c0-.773-.628-1.427-1.37-1.427H8.227c-.742 0-1.37.654-1.37 1.427v3.748h1.028v5.001a.52.52 0 0 1-.514.535.52.52 0 0 1-.514-.535v-3.926H5.83v-4.828A2.54 2.54 0 0 1 7.34 8.08a2.36 2.36 0 0 1-.483-1.435c0-1.28 1.002-2.323 2.231-2.323 1.23 0 2.23 1.043 2.23 2.323 0 .544-.18 1.042-.482 1.435a2.54 2.54 0 0 1 1.506 2.313m-3.263-2.5c.668 0 1.203-.563 1.203-1.248 0-.686-.54-1.248-1.198-1.248-.659 0-1.199.557-1.199 1.248 0 .685.536 1.248 1.194 1.248"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_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 v = (0, _themevariantcontext.useIsInverseVariant)(), r = c !== null && c !== void 0 ? c : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = c !== null && c !== void 0 ? c : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M15.257 4.144V22H2.91V4.144C2.91 2.964 3.832 2 4.97 2h8.232c1.133 0 2.055.965 2.055 2.144m1.23 5.568a.736.736 0 0 0 0 1.01.673.673 0 0 0 .975 0l1.23-1.28 1.229 1.28a.662.662 0 0 0 .966 0 .735.735 0 0 0 0-1.01l-2.2-2.29zm2.204 4.85 1.23-1.28a.667.667 0 0 1 .97 0 .735.735 0 0 1 0 1.01l-2.2 2.29-2.2-2.29a.735.735 0 0 1 0-1.01.667.667 0 0 1 .97 0zM13.202 3.431H4.97c-.377 0-.685.32-.685.713v16.43h9.608V4.144h-.005c0-.393-.307-.713-.685-.713m-.86 6.962v4.823h-1.028v3.927a.523.523 0 0 1-.514.535.52.52 0 0 1-.513-.535v-4.997h1.027v-3.748c0-.773-.628-1.427-1.37-1.427H8.227c-.742 0-1.37.654-1.37 1.427v3.748h1.028v5.001a.52.52 0 0 1-.514.535.52.52 0 0 1-.514-.535v-3.926H5.83v-4.828A2.54 2.54 0 0 1 7.34 8.08a2.36 2.36 0 0 1-.483-1.435c0-1.28 1.002-2.323 2.231-2.323 1.23 0 2.23 1.043 2.23 2.323 0 .544-.18 1.042-.482 1.435a2.54 2.54 0 0 1 1.506 2.313m-3.263-2.5c.668 0 1.203-.563 1.203-1.248 0-.686-.54-1.248-1.198-1.248-.659 0-1.2.557-1.2 1.248 0 .685.537 1.248 1.195 1.248"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const n = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M15.257 4.144V22H2.91V4.144C2.91 2.964 3.832 2 4.97 2h8.232c1.133 0 2.055.965 2.055 2.144m1.23 5.568a.736.736 0 0 0 0 1.01.673.673 0 0 0 .975 0l1.23-1.28 1.229 1.28a.662.662 0 0 0 .966 0 .736.736 0 0 0 0-1.01l-2.2-2.29zm2.204 4.85 1.23-1.28a.667.667 0 0 1 .97 0 .735.735 0 0 1 0 1.01l-2.2 2.29-2.2-2.29a.736.736 0 0 1 0-1.01.667.667 0 0 1 .97 0zM13.202 3.431H4.97c-.377 0-.685.32-.685.713v16.43h9.608V4.144h-.005c0-.393-.307-.713-.685-.713m-.86 6.962v4.823h-1.028v3.927a.52.52 0 0 1-.513.535.523.523 0 0 1-.514-.535v-4.997h1.027v-3.748c0-.773-.628-1.427-1.37-1.427H8.227c-.742 0-1.37.654-1.37 1.427v3.748h1.028v5.001a.52.52 0 0 1-.514.535.52.52 0 0 1-.514-.535v-3.926H5.83v-4.828A2.54 2.54 0 0 1 7.34 8.08a2.36 2.36 0 0 1-.483-1.435c0-1.28 1.002-2.323 2.231-2.323 1.23 0 2.23 1.043 2.23 2.323 0 .544-.18 1.042-.482 1.435a2.54 2.54 0 0 1 1.506 2.313m-3.263-2.5c.668 0 1.203-.563 1.203-1.248 0-.686-.54-1.248-1.198-1.248-.659 0-1.199.557-1.199 1.248 0 .685.536 1.248 1.194 1.248"
         })
     }));

package/dist/generated/mistica-icons/icon-light-switch-regular.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const s = (_param)=>{
     var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), h = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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: r,
         height: r,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: a,
             d: "M4 4.47C4 3.107 5.09 2 6.435 2h11.13C18.91 2 20 3.106 20 4.47v15.06c0 1.364-1.09 2.47-2.435 2.47H6.435C5.09 22 4 20.894 4 19.53zm2.435-1.294c-.705 0-1.276.58-1.276 1.295v15.058c0 .715.571 1.294 1.276 1.294h11.13c.705 0 1.276-.579 1.276-1.294V4.471c0-.715-.571-1.295-1.276-1.295zm3.13 6c0-.844.675-1.529 1.508-1.529h1.854c.833 0 1.508.685 1.508 1.53v5.647c0 .844-.675 1.529-1.508 1.529h-1.854a1.52 1.52 0 0 1-1.508-1.53zm1.16 3.412v2.236a.35.35 0 0 0 .348.353h1.854a.35.35 0 0 0 .348-.354v-2.235zm2.55-1.176V9.176a.35.35 0 0 0-.348-.352h-1.854a.35.35 0 0 0-.348.352v2.236z"
         })
     }));
-}, m = a;
+}, m = s;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: m } = (0, _hooks.useTheme)();
     return m.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -129,4 +129,4 @@ const n = (_param)=>{
             d: "M11.5 4.03c0 .23.187.415.42.415.23 0 .42-.185.42-.414V2.566a.417.417 0 0 0-.42-.415.417.417 0 0 0-.42.415zm6.25 6.953c0-5.246-4.415-5.692-5.547-5.717-.174-.006-.37-.006-.55-.006-1.162.006-5.484.401-5.484 5.692 0 2.67 1.112 4.104 2.362 4.858v1.512c0 .524.154.933.465 1.202.29.26.74.395 1.935.395h2.045c1.224 0 1.67-.135 1.96-.395.303-.27.452-.678.452-1.202v-1.518c1.249-.762 2.361-2.182 2.361-4.82m-.841 0c0 1.939-.661 3.322-1.964 4.118l-.398.243v1.978c0 .196-.03.457-.179.588-.132.12-.6.18-1.395.18h-2.045c-.966 0-1.277-.096-1.38-.188-.15-.129-.18-.387-.18-.58v-1.975l-.4-.243c-1.3-.787-1.961-2.185-1.961-4.152 0-4.367 3.25-4.857 4.647-4.865h.028c.162 0 .339 0 .501.005 4.387.096 4.726 3.768 4.726 4.891m-4.975-3.779c.641.014 3.866.27 4.056 3.855a.415.415 0 0 1-.398.434h-.022a.42.42 0 0 1-.42-.392C15 8.317 12.63 8.048 11.909 8.03c-.112-.003-.238-.003-.353-.003a.417.417 0 0 1-.42-.415c0-.23.187-.414.42-.414l.189.003zm3.238 12.7a.417.417 0 0 0-.42-.414h-5.42a.417.417 0 0 0-.42.415c0 .23.187.414.42.414h5.42c.232 0 .42-.185.42-.414m-1.151 1.107c.232 0 .42.185.42.415s-.188.414-.42.414H9.898a.417.417 0 0 1-.42-.414c0-.23.187-.415.42-.415zm3.882-16.624a.423.423 0 0 1 .594 0 .413.413 0 0 1 0 .585l-1.053 1.036a.42.42 0 0 1-.297.12.412.412 0 0 1-.297-.706zm-12.641.767L6.315 6.19a.42.42 0 0 0 .297.12.413.413 0 0 0 .297-.706L5.856 4.57a.423.423 0 0 0-.594 0 .413.413 0 0 0 0 .585m-.376 5.126c.233 0 .42.185.42.415s-.187.414-.42.414H3.4a.417.417 0 0 1-.42-.414c0-.23.187-.415.42-.415zm16.138.336a.417.417 0 0 0-.42-.414h-1.488a.417.417 0 0 0-.42.414c0 .23.188.415.42.415h1.487c.233 0 .42-.185.42-.415"
         })
     }));
-}, p = n;
+}, g = n;

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

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: l, size: o = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), e = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, n), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: t,
             d: "M18.131 11.45a.6.6 0 0 0-.434-.428l-4.504-1.11 2.723-6.904a.625.625 0 0 0-.23-.745.58.58 0 0 0-.754.092l-8.916 9.569a.63.63 0 0 0-.142.597.6.6 0 0 0 .43.422l4.113 1.017-2.697 7.05a.62.62 0 0 0 .23.737.58.58 0 0 0 .747-.08l9.286-9.617a.63.63 0 0 0 .148-.6"
         })
     }));
-}, d = a;
+}, g = a;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const l = (_param)=>{
     var { color: i, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = i !== null && i !== void 0 ? i : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = i !== null && i !== void 0 ? i : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const a = (_param)=>{
             d: "M17.832 11.208a.41.41 0 0 1 .3.292.41.41 0 0 1-.104.406L8.437 21.72a.405.405 0 0 1-.516.056.42.42 0 0 1-.156-.502l2.874-7.417-4.477-1.095a.41.41 0 0 1-.297-.289.43.43 0 0 1 .098-.406l9.21-9.77a.405.405 0 0 1 .519-.062c.165.11.23.322.157.507l-2.9 7.275zm-6.258 2.513-2.316 5.983 7.678-7.854-4.636-1.13a.419.419 0 0 1-.286-.563l2.274-5.708-7.235 7.678 4.238 1.037c.115.027.21.106.266.212a.42.42 0 0 1 .017.345"
         })
     }));
-}, m = a;
+}, m = l;

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = n !== null && n !== void 0 ? n : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: l,
             d: "M17.697 11.023c.21.053.375.216.434.428a.63.63 0 0 1-.151.6L8.694 21.67a.584.584 0 0 1-.748.078.62.62 0 0 1-.23-.736l2.701-7.05-4.112-1.018a.6.6 0 0 1-.431-.423.63.63 0 0 1 .142-.596l8.916-9.572a.58.58 0 0 1 .754-.09c.24.16.336.474.23.746l-2.72 6.905zm-5.919 2.731-1.893 4.944 6.504-6.74-4.146-1.022a.6.6 0 0 1-.389-.316.63.63 0 0 1-.022-.51l1.815-4.605L7.597 12l3.767.932a.6.6 0 0 1 .39.314.64.64 0 0 1 .024.507"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: c, size: o = 24 } = _param, i = _object_without_properties(_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 s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
             d: "M21.714 8.055c.392-1.53-.081-2.941-1.445-4.314-1.367-1.372-2.77-1.848-4.292-1.45-1.294.336-2.689 1.308-4.523 3.15q-.485.489-.897.942c-.3.33-.277.846.053 1.146.331.302.84.28 1.14-.054q.39-.428.844-.885c1.6-1.605 2.8-2.47 3.787-2.728.638-.168 1.526-.199 2.745 1.028 1.221 1.227 1.188 2.118 1.022 2.759-.255.992-1.117 2.202-2.714 3.807s-2.798 2.473-3.784 2.728c-.639.165-1.527.196-2.745-1.028-.496-.501-.816-.966-.978-1.426a.808.808 0 1 0-1.521.544c.246.692.689 1.355 1.358 2.028 1.056 1.061 2.135 1.585 3.275 1.585q.5 0 1.017-.134c1.291-.337 2.689-1.309 4.52-3.152 1.835-1.843 2.802-3.246 3.138-4.546m-8.4 8.499a.806.806 0 0 0-1.14.039c-.261.283-.536.571-.77.798-3.477 3.493-4.928 3.314-6.533 1.7-1.605-1.613-1.784-3.072 1.692-6.565s4.927-3.314 6.53-1.7c.54.543.873 1.05 1.019 1.548a.81.81 0 1 0 1.552-.457c-.224-.764-.69-1.498-1.426-2.237-2.955-2.972-5.658-1.468-8.812 1.7-1.835 1.843-2.802 3.247-3.138 4.546-.392 1.53.079 2.941 1.446 4.314 1.115 1.118 2.19 1.602 3.271 1.602 1.788 0 3.577-1.327 5.544-3.302.24-.238.53-.544.804-.84a.813.813 0 0 0-.04-1.146"

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

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

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

package/dist/generated/mistica-icons/icon-list-document-light.js

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
-    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = h !== null && h !== void 0 ? h : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -114,12 +114,12 @@ const m = (_param)=>{
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: l,
@@ -135,7 +135,7 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M19.39 3.571c0-.742-.586-1.42-1.224-1.42H5.846c-.638 0-1.224.678-1.221 1.42v16.846c0 .757.571 1.418 1.224 1.418l12.317.002c.652 0 1.224-.66 1.224-1.417zm-.821 0v16.85c0 .34-.24.596-.398.599l-12.33-.003c-.157 0-.398-.258-.398-.6V3.571c0-.327.263-.599.398-.599h12.33c.135 0 .398.272.398.6M7.745 8.714a.82.82 0 1 1 0-1.64.82.82 0 0 1 0 1.64m.821 3.28a.82.82 0 1 0-1.64 0 .82.82 0 0 0 1.64 0m2.056-3.28a.41.41 0 0 1-.414-.409.41.41 0 0 1 .414-.409h5.731c.23 0 .415.185.415.41a.41.41 0 0 1-.415.408zm6.146 3.69a.41.41 0 0 0-.415-.41h-5.73a.41.41 0 0 0-.415.41c0 .226.187.408.414.408h5.731c.23 0 .415-.185.415-.409m-9.023 2.873a.82.82 0 1 1 .002 1.64.82.82 0 0 1-.002-1.64m9.023 1.227a.413.413 0 0 0-.415-.409h-5.73a.41.41 0 0 0-.415.41c0 .226.187.408.414.408h5.731a.41.41 0 0 0 .415-.409"

package/dist/generated/mistica-icons/icon-list-document-regular.js

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: c, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -106,11 +106,11 @@ const s = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "m7.424 7.527 2.178 2.19 4.022-4.043a.744.744 0 0 0 0-1.048.734.734 0 0 0-1.042 0l-2.98 2.996L8.466 6.48a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.047M9.602 14.828l-2.178-2.19a.744.744 0 0 1 0-1.048.734.734 0 0 1 1.042 0l1.136 1.142 2.98-2.996a.734.734 0 0 1 1.042 0 .744.744 0 0 1 0 1.048zM7.424 17.895l2.178 2.19 4.022-4.044a.744.744 0 0 0 0-1.047.734.734 0 0 0-1.042 0l-2.98 2.996-1.136-1.143a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.048"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
@@ -122,11 +122,11 @@ const s = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "m7.424 7.527 2.178 2.19 4.022-4.043a.744.744 0 0 0 0-1.048.734.734 0 0 0-1.042 0l-2.98 2.996L8.466 6.48a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.047M9.602 14.828l-2.178-2.19a.744.744 0 0 1 0-1.048.734.734 0 0 1 1.042 0l1.136 1.142 2.98-2.996a.734.734 0 0 1 1.042 0 .744.744 0 0 1 0 1.048zM7.424 17.895l2.178 2.19 4.022-4.044a.744.744 0 0 0 0-1.047.734.734 0 0 0-1.042 0l-2.98 2.996-1.136-1.143a.734.734 0 0 0-1.042 0 .744.744 0 0 0 0 1.048"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M5 22V4.223C5 3.02 6.014 2 7.212 2h9.577C17.986 2 19 3.02 19 4.223V22zm1.471-1.479h11.053V4.223c0-.374-.363-.74-.736-.74H7.208c-.373 0-.736.366-.736.74z"
             })
         ]
@@ -137,7 +137,7 @@ const s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "M19.385 3.746c0-.832-.664-1.591-1.392-1.591H6.013c-.729 0-1.393.76-1.393 1.591V20.25c0 .863.636 1.591 1.392 1.591h11.98c.754 0 1.393-.728 1.393-1.59zm-1.21 16.504c0 .219-.137.373-.182.387H6.018c-.059-.023-.19-.182-.19-.387V3.746c0-.193.145-.367.184-.387l11.956-.002c.061.022.207.196.207.389zM7.413 7.953a.805.805 0 0 0 1.608 0 .8.8 0 0 0-.804-.8.8.8 0 0 0-.804.8m1.613 4.081a.8.8 0 0 0-.804-.8.802.802 0 1 0 0 1.602.8.8 0 0 0 .804-.802m1.922-3.428a.604.604 0 0 1-.605-.602c0-.334.271-.603.605-.603h5.563a.604.604 0 1 1 0 1.204zm6.25 3.428a.604.604 0 0 0-.606-.602H11.03a.604.604 0 0 0-.605.602c0 .334.272.603.605.603h5.563a.604.604 0 0 0 .605-.603m-8.976 3.21a.802.802 0 1 1 0 1.603.802.802 0 1 1 0-1.602m8.975.802a.604.604 0 0 0-.605-.602H11.03a.604.604 0 0 0-.605.602c0 .333.272.602.605.602h5.563a.604.604 0 0 0 .605-.602"
         })
     }));

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

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

package/dist/generated/mistica-icons/icon-list-light.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");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: r, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), e = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
     return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const h = (_param)=>{
             d: "M2.155 6.788c0 .519.426.939.95.939.523 0 .95-.423.95-.939a.944.944 0 0 0-.95-.938c-.524 0-.95.42-.95.938m2.801-.002c0 .31.26.56.58.56H21.26c.32 0 .58-.252.58-.56a.57.57 0 0 0-.58-.56H5.536a.58.58 0 0 0-.58.56m16.305 4.652c.32 0 .58.25.58.56s-.26.56-.58.56H5.536a.57.57 0 0 1-.58-.56c0-.31.26-.56.58-.56zm-19.106.56c0 .519.426.939.95.939.523 0 .95-.42.95-.938a.944.944 0 0 0-.95-.939c-.524 0-.95.42-.95.938m19.106 4.653c.155 0 .3.059.41.163.109.103.17.246.17.395 0 .308-.26.56-.58.56H5.536a.58.58 0 0 1-.58-.56c0-.308.26-.56.58-.56H21.26zm-19.106.56c0 .519.426.939.95.939.523 0 .95-.42.95-.939a.944.944 0 0 0-.95-.938c-.524 0-.95.42-.95.938"
         })
     }));
-}, d = h;
+}, p = h;