@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: c, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = c !== null && c !== void 0 ? c : h ? _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",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M12 2 3.5 7.097v9.802L12 22l8.5-5.097V7.097zm0 9.177L9.307 9.63l6.392-3.74 2.698 1.615zm-4.125-2.37L5.603 7.507 12 3.67l2.298 1.38zm-2.956-.045 6.374 3.657v7.483L4.919 16.08zm7.788 3.657 6.374-3.657v7.318l-6.374 3.823z"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -113,14 +113,14 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "m20.039 16.387-7.85 4.563v-8.737l7.672-4.29v4.443c0 .199.163.36.364.36a.363.363 0 0 0 .365-.36V7.095l-4.39-2.55a.1.1 0 0 0-.025-.015l-.007-.003L11.825 2 3.06 7.095v9.81L11.825 22l8.583-4.988a.36.36 0 0 0 .13-.496.37.37 0 0 0-.5-.13m-.547-9.093-7.667 4.29-3.51-1.967 7.657-4.373zM7.576 9.205 4.159 7.294l7.666-4.456 3.422 1.99zM3.789 7.919l3.576 1.999a.3.3 0 0 0 .061.032l4.034 2.258v8.737l-7.67-4.452z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M20.226 15.253c.402 0 .729-.323.729-.722a.726.726 0 0 0-.73-.722.726.726 0 0 0-.729.722c0 .399.327.722.73.722"
             })
         ]
@@ -129,9 +129,9 @@ const s = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "m20.387 3.32 1.417 4.856a.4.4 0 0 1 .003.177q.03.138.03.288v11.692c0 .83-.728 1.505-1.624 1.505H3.776c-.896 0-1.625-.675-1.625-1.505V8.641q.005-.218.073-.428l.001-.018q0-.01.002-.019L3.599 3.32c.034-.65.67-1.168 1.451-1.168h13.888c.78 0 1.418.518 1.449 1.168M4.59 3.372a.4.4 0 0 1-.014.098L3.535 7.16c.078-.012.157-.023.24-.023H9.25l.44-4.151H5.05c-.255 0-.459.174-.459.387M20.211 21c.35 0 .635-.3.635-.667h.003V8.641c0-.367-.286-.666-.636-.666h-5.745l.003 2.72c0 .23-.222.417-.496.417H9.689c-.274 0-.496-.188-.496-.417v-2.72H3.776c-.347 0-.633.3-.633.666v11.692c0 .367.286.667.633.667zm-6.732-10.723V7.975h-3.297l.003 2.302zm-.064-3.14-.53-4.145h-2.204l-.44 4.145zm6-3.664a.3.3 0 0 1-.017-.098c0-.213-.205-.386-.457-.386h-5.059l.527 4.151h5.801q.139 0 .277.025z"
         })
     }));

package/dist/generated/mistica-icons/icon-box-location-filled.js

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

package/dist/generated/mistica-icons/icon-box-location-light.js

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

package/dist/generated/mistica-icons/icon-box-location-regular.js

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

package/dist/generated/mistica-icons/icon-box-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 a = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -129,4 +129,4 @@ const a = (_param)=>{
             d: "M21.802 8.21a.5.5 0 0 1 .011.23c.017.09.031.18.034.28v11.447c0 .925-.818 1.678-1.826 1.678H3.989c-1.009 0-1.826-.753-1.826-1.678V8.72c0-.162.03-.316.078-.465l.001-.02q0-.009.002-.019l1.333-4.739c.048-.734.77-1.32 1.653-1.32h13.547c.88 0 1.6.583 1.653 1.317zm-2.82-4.652c0-.098-.093-.173-.207-.176H14.11l.462 3.655h5.397l-.966-3.333a.4.4 0 0 1-.022-.146m-13.96 0a.5.5 0 0 1-.02.143l-.94 3.339h5.041l.387-3.655H5.23c-.115 0-.208.078-.208.173M20.015 20.61c.202 0 .378-.21.378-.448V8.715c0-.238-.176-.449-.378-.449h-5.36l.002 2.462c0 .34-.325.614-.725.614h-4.18c-.4 0-.725-.275-.725-.614V8.266H3.983c-.202 0-.375.21-.375.449v11.447c0 .238.173.448.375.448zM13.21 8.266h-2.73v1.846h2.73zm-.092-1.23-.465-3.649H10.94l-.387 3.65z"
         })
     }));
-}, d = a;
+}, p = a;

package/dist/generated/mistica-icons/icon-box-star-filled.js

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

package/dist/generated/mistica-icons/icon-box-star-light.js

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

package/dist/generated/mistica-icons/icon-box-star-regular.js

@@ -91,27 +91,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: o, size: l = 24 } = _param, t = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: l,
                 d: "M12 2.1c-.533 0-1.003.308-1.227.785L10.24 4.01l-1.177.178a1.37 1.37 0 0 0-1.089.924c-.17.5-.042 1.052.327 1.428l.871.885-.207 1.258a1.39 1.39 0 0 0 .564 1.366c.421.3.975.33 1.425.082L12 9.558l1.043.571.002.001a1.34 1.34 0 0 0 1.426-.082c.438-.312.65-.841.564-1.366l-.204-1.266.868-.875.002-.002c.37-.377.495-.93.326-1.428a1.37 1.37 0 0 0-1.089-.924l-1.178-.179-.533-1.124A1.36 1.36 0 0 0 12 2.1m0 1.2c.054 0 .11.029.142.098l.622 1.313.007.012.003.006a.9.9 0 0 0 .218.277c.157.124.327.15.394.16h.002l1.37.208c.051.008.106.045.13.12l.001.002a.2.2 0 0 1-.044.201l-.001.001-.962.969-.006.006a.9.9 0 0 0-.226.322c-.072.189-.043.375-.035.422v.008l.002.007.232 1.443v.001a.19.19 0 0 1-.075.194h-.001a.136.136 0 0 1-.149.01l-1.286-.705-.017-.008a.716.716 0 0 0-.695.027l-1.25.685a.14.14 0 0 1-.15-.008l-.003-.002a.19.19 0 0 1-.074-.193l.234-1.423a.8.8 0 0 0-.021-.426c-.057-.162-.165-.272-.195-.302l-.004-.005-1.007-1.022a.2.2 0 0 1-.045-.2l.001-.006a.17.17 0 0 1 .131-.118l1.397-.212.01-.002.007-.001a.8.8 0 0 0 .347-.15c.139-.11.208-.25.236-.308l.001-.002.617-1.301v-.003c.032-.066.085-.095.141-.095"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: l,
                 d: "M16.726 7.444a.6.6 0 1 0-.452 1.112l2.062.839-6.327 2.651-6.332-2.653 2.05-.838a.6.6 0 1 0-.454-1.11L3.882 8.83a.7.7 0 0 0-.214.142l-.002.001a1 1 0 0 0-.083.09 3 3 0 0 0-.138.184c-.096.134-.214.313-.34.509-.255.393-.557.88-.8 1.277A1.394 1.394 0 0 0 2.9 13.02l.609.289v4.243a1.4 1.4 0 0 0 .873 1.297l7.1 2.885a1.4 1.4 0 0 0 1.054 0l7.1-2.885a1.4 1.4 0 0 0 .873-1.297V13.31l.608-.289a1.394 1.394 0 0 0 .595-1.988 67 67 0 0 0-.799-1.276 15 15 0 0 0-.34-.51 3 3 0 0 0-.139-.182 1 1 0 0 0-.083-.09l-.001-.002a.7.7 0 0 0-.215-.142zm2.989 2.674q.086.128.19.29c.246.38.542.858.784 1.252a.194.194 0 0 1-.085.277l-.947.448-5.184 2.323a.2.2 0 0 1-.255-.083l-.8-1.39-.01-.017a6 6 0 0 0-.252-.351zm-.406 3.738v3.697a.2.2 0 0 1-.125.185l-6.575 2.672v-6.177l.569.99a1.4 1.4 0 0 0 1.786.58zm-7.9 6.554-6.576-2.672a.2.2 0 0 1-.124-.185v-3.697l4.344 1.947a1.4 1.4 0 0 0 1.786-.58l.57-.99zm-7.05-8.025-.946-.448a.194.194 0 0 1-.085-.277c.242-.395.538-.871.784-1.252q.105-.161.19-.29l6.56 2.749q-.129.166-.253.351l-.01.017-.8 1.39a.2.2 0 0 1-.255.083z"
             })
         ]
     }));
-}, f = i;
+}, f = n;

package/dist/generated/mistica-icons/icon-brain-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 e = (0, _themevariantcontext.useIsInverseVariant)(), i = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = 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: c,
         height: c,
@@ -108,4 +108,4 @@ const t = (_param)=>{
             d: "M20.125 12.37c-.199-.165-.487-.271-.868-.302-1.13-.1-1.42.566-1.482 1.137l-.014.154a.506.506 0 0 1-.55.457.5.5 0 0 1-.467-.535l.014-.17c.079-.763.51-1.58 1.426-1.9.053-.182.07-.462-.347-.622-.26-.1-.437-.4-.34-.655.08-.205.25-.34.449-.34q.072 0 .154.029l.103.036c.575.219 1.034.72 1.02 1.415l.059.002.059.003c.375.031.692.13.977.26.642-1.072.7-2.372.7-2.778 0-1.028-.277-4.372-3.82-4.372l-.025-.004q-.013-.005-.028-.005l-.03.007q-.015.005-.03.007c-.268-.03-.562.087-.876.289q-.5.32-.636.706a.514.514 0 0 1-.647.31.495.495 0 0 1-.32-.63c.166-.473.516-.882 1.046-1.218q.373-.239.748-.35c-.376-.748-1.045-1.146-2.034-1.146-1.112 0-1.756.748-1.753 1.49v15.586c.008.17.002.857 0 1.078.033.82.535 1.53 1.753 1.53.986 0 1.655-.398 2.03-1.14-.873-.256-1.433-.964-1.683-1.656l-.07-.205a.495.495 0 0 1 .336-.621q.075-.022.152-.023c.218 0 .42.137.487.35l.059.171c.12.336.457 1.112 1.434 1.093h.003c3.633 0 3.907-3.345 3.907-4.37 0-.446-.07-1.953-.896-3.067m-8.74 6.866V4.76c-.007-.11-.006-.437-.005-.712V3.69c-.014-.588-.535-1.53-1.753-1.53-.986 0-1.653.396-2.031 1.138.874.255 1.437.966 1.683 1.658l.07.205a.495.495 0 0 1-.336.621.509.509 0 0 1-.639-.328l-.058-.17c-.118-.34-.454-1.115-1.432-1.095h-.003c-3.633 0-3.907 3.344-3.907 4.37 0 .442.07 1.949.896 3.067.202.165.488.271.869.302 1.128.1 1.417-.563 1.476-1.132l.014-.156a.506.506 0 0 1 .549-.457c.28.022.49.26.468.535l-.014.17c-.079.763-.51 1.58-1.426 1.9-.05.18-.067.462.347.622.26.098.437.4.34.655-.08.205-.25.34-.45.34a.5.5 0 0 1-.153-.029l-.052-.018c-.025-.01-.052-.018-.052-.018-.571-.219-1.03-.72-1.017-1.415l-.058-.003-.06-.002a2.9 2.9 0 0 1-.977-.26c-.641 1.072-.7 2.372-.7 2.778 0 1.025.277 4.37 3.82 4.37q.018 0 .038.005l.016.003.03-.007q.014-.005.029-.007c.269.034.565-.087.88-.288q.5-.32.635-.706a.514.514 0 0 1 .647-.311c.266.09.409.372.32.633-.166.47-.516.88-1.045 1.215q-.375.239-.748.35c.375.748 1.045 1.146 2.033 1.146 1.115 0 1.681-.622 1.76-1.473.001-.175 0-.523-.002-.8z"
         })
     }));
-}, m = t;
+}, d = t;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const e = (_param)=>{
-    var { color: r, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), i = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -108,4 +108,4 @@ const e = (_param)=>{
             d: "M16.895 4.011c3.93.207 4.129 4.067 4.129 4.857 0 .451-.065 1.925-.85 3.13.785 1.204.85 2.674.85 3.122 0 .796-.202 4.7-4.13 4.866-.445 1.199-1.439 1.851-2.837 1.851-.977 0-1.644-.546-2.047-1.134-.376.53-1.023 1.134-2.062 1.134-1.403 0-2.398-.658-2.84-1.86-3.93-.207-4.13-4.067-4.13-4.857 0-.45.068-1.924.85-3.128-.785-1.202-.85-2.673-.85-3.12 0-.8.205-4.701 4.13-4.87.442-1.195 1.437-1.85 2.837-1.85.98 0 1.644.545 2.048 1.134.375-.53 1.022-1.135 2.064-1.135 1.4 0 2.395.659 2.838 1.86m2.624 7.292c.53-.956.577-2.076.586-2.432 0-.93-.252-3.96-3.457-3.969-.798-.003-1.182.689-1.291.992l-.053.154a.46.46 0 0 1-.443.319.5.5 0 0 1-.137-.02q0-.003-.006-.002a.45.45 0 0 1-.3-.563l.065-.188c.216-.602.695-1.219 1.434-1.476-.339-.692-.95-1.062-1.854-1.062-1.011 0-1.48.978-1.586 1.238-.002.238-.008.941-.008 1.129v13.151c.006.154.003.776 0 .978.078.255.485 1.386 1.591 1.386.91 0 1.521-.372 1.86-1.07a2.7 2.7 0 0 1-.591-.288c-.48-.303-.798-.678-.947-1.104l-.001-.004-.002-.004a.45.45 0 0 1 .292-.566.47.47 0 0 1 .588.283c.081.232.277.448.577.639.288.184.554.294.798.263h.006c3.207-.053 3.46-3.04 3.46-3.961 0-.409-.062-1.815-.844-2.835-.837-.882-2.132-.829-2.507-.787a6 6 0 0 0-.636.093.465.465 0 0 1-.554-.34q-.004-.003-.003-.008a.45.45 0 0 1 .35-.535q.198-.046.4-.073a8 8 0 0 1 .348-.042l.084-.005.04-.003c.103-.134.184-.344-.068-.605-.174-.18-.202-.496-.02-.667.185-.17.44-.201.62-.028.002 0 .048.048.064.065l.005.005c.322.328.499.79.381 1.264.544.07 1.185.252 1.76.678m-9.574 9.63c1.011 0 1.48-.978 1.577-1.238.003-.238.009-.942.009-1.13V5.426a28 28 0 0 1 0-.977c-.079-.255-.485-1.386-1.591-1.386-.897 0-1.505.358-1.846 1.033.795.23 1.305.874 1.529 1.504l.064.185a.45.45 0 0 1-.305.566.465.465 0 0 1-.58-.3l-.053-.154c-.11-.308-.415-1.01-1.302-.994h-.003c-3.294 0-3.546 3.04-3.546 3.97 0 .4.064 1.77.815 2.783.182.149.442.247.79.275 1.022.092 1.285-.513 1.338-1.028l.012-.143a.456.456 0 0 1 .496-.415h.005c.252.02.44.236.423.488l-.014.154c-.07.695-.462 1.434-1.294 1.725-.048.168-.064.423.314.57.235.089.397.36.308.593-.073.185-.227.308-.406.308a.4.4 0 0 1-.14-.025l-.093-.034c-.52-.199-.938-.655-.921-1.285-.037 0-.07 0-.107-.003a2.6 2.6 0 0 1-.888-.238c-.58.974-.636 2.154-.636 2.523 0 .933.252 3.97 3.468 3.97q.017 0 .034.005l.017.003.019-.005q.015-.005.034-.006c.24.028.51-.079.795-.264q.455-.29.577-.64a.467.467 0 0 1 .589-.284l.007.002h.004a.45.45 0 0 1 .28.572c-.149.426-.468.799-.947 1.104q-.336.218-.678.316c.342.678.95 1.04 1.846 1.04"
         })
     }));
-}, q = e;
+}, q = n;

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

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const t = (_param)=>{
-    var { color: a, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = a !== null && a !== void 0 ? a : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = l !== null && l !== void 0 ? l : e ? _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-briefcase-business-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: s, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), r = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = s !== null && s !== void 0 ? s : 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({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M16.359 6.038h3.422A2.23 2.23 0 0 1 22 8.274v10.99c0 1.235-1 2.236-2.223 2.236H4.223A2.233 2.233 0 0 1 2 19.264V8.274c0-1.235 1-2.236 2.223-2.236h3.243C7.945 4.02 9.85 2.5 12.002 2.5c2.129 0 3.892 1.459 4.357 3.538M6.816 18.7c.408 0 .74-.334.74-.744v-1.115a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v1.116c0 .41.333.743.74.743m4.262-.744V14.42a.743.743 0 0 0-.74-.744.743.743 0 0 0-.739.744v3.537c0 .41.332.744.74.744.407 0 .739-.334.739-.744m2.778.744c.408 0 .74-.334.74-.744v-6.145a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v6.146c0 .41.332.743.74.743M9.087 5.851h5.665c-.455-1.115-1.512-1.863-2.75-1.863-1.275 0-2.422.772-2.915 1.864m8.471 12.85c.408 0 .74-.334.74-.744V9.39a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v8.567c0 .41.332.744.74.744"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const l = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M16.359 6.038h3.422A2.23 2.23 0 0 1 22 8.274v10.99c0 1.235-1 2.236-2.223 2.236H4.223A2.233 2.233 0 0 1 2 19.264V8.274c0-1.235 1-2.236 2.223-2.236h3.243C7.945 4.02 9.85 2.5 12.002 2.5c2.129 0 3.892 1.459 4.357 3.538M6.816 18.7c.408 0 .74-.334.74-.744v-1.115a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v1.116c0 .41.333.743.74.743m4.262-.744V14.42a.743.743 0 0 0-.74-.744.743.743 0 0 0-.739.744v3.537c0 .41.332.744.74.744.407 0 .739-.334.739-.744m2.778.744c.408 0 .74-.334.74-.744v-6.145a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v6.146c0 .41.332.743.74.743M9.087 5.851h5.665c-.455-1.115-1.512-1.863-2.75-1.863-1.275 0-2.422.772-2.915 1.864m8.471 12.85c.408 0 .74-.334.74-.744V9.39a.743.743 0 0 0-.74-.744.743.743 0 0 0-.74.744v8.567c0 .41.332.744.74.744"
         })
     }));

package/dist/generated/mistica-icons/icon-briefcase-business-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: r, size: c = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = 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)(), s = 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,
@@ -119,4 +119,4 @@ const v = (_param)=>{
             d: "M20.147 5.853h-4.133C15.626 3.893 13.986 2.5 12 2.5c-2.019 0-3.796 1.45-4.199 3.353H3.853A1.86 1.86 0 0 0 2 7.717v11.551c0 1.025.83 1.865 1.853 1.865h11.479a.371.371 0 0 0 0-.744H3.853c-.611 0-1.109-.5-1.109-1.116V7.717c0-.615.498-1.116 1.11-1.116h16.293c.611 0 1.109.501 1.109 1.116v11.551c0 .615-.498 1.116-1.11 1.116h-.369a.371.371 0 0 0 0 .744h.37A1.86 1.86 0 0 0 22 19.263V7.717a1.865 1.865 0 0 0-1.853-1.864m-11.588 0C8.948 4.36 10.384 3.244 12 3.244c1.578 0 2.891 1.073 3.26 2.609zM17.555 21.5c.407 0 .739-.334.739-.744a.743.743 0 0 0-.74-.744.743.743 0 0 0-.739.744c0 .41.332.744.74.744m-10.74-6.004c.228 0 .417.186.417.42v1.487c0 .23-.185.42-.417.42a.416.416 0 0 1-.417-.42v-1.492c0-.23.19-.415.417-.415m3.934-2.003c0-.234-.19-.42-.417-.42a.42.42 0 0 0-.417.42v3.91c0 .234.185.42.417.42s.417-.19.417-.42zm3.104-3.029c.228 0 .417.186.417.42v6.52c0 .228-.185.419-.417.419a.416.416 0 0 1-.417-.42v-6.519c0-.234.185-.42.417-.42m3.284 6.94c0 .233.19.419.418.419s.417-.19.417-.42V8.461a.416.416 0 0 0-.418-.42.42.42 0 0 0-.417.42z"
         })
     }));
-}, u = v;
+}, d = v;

package/dist/generated/mistica-icons/icon-briefcase-business-regular.js

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

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

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : 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({
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : v ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M22 11.407V8.04c0-1.305-1.04-2.375-2.308-2.375h-3.884C15.576 3.883 13.964 2.5 12 2.5S8.384 3.887 8.192 5.665H4.308C3.04 5.665 2 6.735 2 8.04v3.363zM2 12.593v6.532C2 20.43 3.04 21.5 4.308 21.5h15.384C20.96 21.5 22 20.43 22 19.125v-6.532zm12.268-6.924h-4.54C9.96 4.76 10.884 4.085 12 4.085c1.112 0 2.04.675 2.268 1.584"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M22 11.407V8.04c0-1.305-1.04-2.375-2.308-2.375h-3.884C15.576 3.883 13.964 2.5 12 2.5S8.384 3.887 8.192 5.665H4.308C3.04 5.665 2 6.735 2 8.04v3.363zM2 12.593v6.532C2 20.43 3.04 21.5 4.308 21.5h15.384C20.96 21.5 22 20.43 22 19.125v-6.532zm12.268-6.924h-4.54C9.96 4.76 10.884 4.085 12 4.085c1.112 0 2.04.675 2.268 1.584"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,9 +123,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M20.385 7.177c.804 0 1.456.658 1.456 1.468v3.044c-1.91 1.384-5.955 2.376-9.767 2.376-3.885 0-8.02-1.09-9.919-2.6v-2.82c0-.81.653-1.468 1.46-1.468H7.07v-.35c0-2.575 2.17-4.667 4.838-4.667h.184c2.667 0 4.838 2.095 4.838 4.667v.35zm-4.69-.35c0-1.891-1.618-3.429-3.604-3.429h-.185c-1.99 0-3.605 1.538-3.605 3.429v.35h7.395zm-1.882 8.409v1.42a.94.94 0 0 1-.434.818c-.196.131-.46.199-.779.199h-1.198c-.328 0-.583-.068-.788-.2a.95.95 0 0 1-.434-.817v-1.437c-3.112-.247-6.109-1.09-8.025-2.26v7.417c0 .81.653 1.467 1.457 1.467h16.773c.804 0 1.456-.658 1.456-1.467v-7.227c-1.924 1.087-4.919 1.868-8.028 2.087m-2.403.067v1.131h1.174v-1.131z"
         })
     }));

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

@@ -93,27 +93,27 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), h = i !== null && i !== void 0 ? i : 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({
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : s ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M15.808 5.667h3.885C20.96 5.667 22 6.737 22 8.042v11.083c0 1.305-1.04 2.375-2.307 2.375H4.307C3.04 21.5 2 20.43 2 19.125V8.042c0-1.305 1.04-2.375 2.307-2.375h3.885C8.384 3.887 10.038 2.5 12 2.5s3.575 1.388 3.808 3.167m-1.54.004c-.23-.912-1.152-1.585-2.268-1.585s-2.039.673-2.271 1.585zm5.425 1.578H4.307c-.425 0-.77.36-.77.793v3.167h16.926V8.042a.785.785 0 0 0-.77-.793M3.537 19.126c0 .437.349.792.77.792h15.386c.425 0 .77-.355.766-.797v-6.33H3.537z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: h,
@@ -129,7 +129,7 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M16.824 7.287h3.737c.712 0 1.28.574 1.28 1.291V20.55c0 .72-.571 1.291-1.283 1.291H3.435c-.703 0-1.28-.571-1.28-1.291V8.578c0-.717.577-1.291 1.28-1.291h3.737v-.575c0-2.507 2.126-4.557 4.734-4.557h.182c2.616 0 4.736 2.05 4.736 4.557zm-8.812-.575v.575h7.975v-.575c0-2.042-1.742-3.714-3.896-3.714h-.182c-2.146 0-3.897 1.672-3.897 3.714M3.43 8.13a.444.444 0 0 0-.436.448v3.703c1.725 1.4 4.523 2.034 9.08 2.034h.326c4.249-.037 6.913-.625 8.605-1.908V8.572a.446.446 0 0 0-.446-.442zm17.575 12.42s0-7.132-.003-7.132c-1.717 1.098-4.146 1.63-7.782 1.723v1.61q0 .38-.226.608c-.14.143-.342.219-.594.219h-.804A.83.83 0 0 1 11 17.36q-.227-.229-.227-.608V15.14l.008-.008c-3.66-.101-6.08-.667-7.79-1.807v7.23c0 .243.2.442.443.442h17.129a.444.444 0 0 0 .44-.448m-9.19-5.4-.216.008.016 1.594.762-.017.009-1.586v-.008z"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: i, size: h = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: o, size: h = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
@@ -139,4 +139,4 @@ const l = (_param)=>{
             d: "M16.928 7.177h3.46c.806 0 1.453.653 1.453 1.463v11.73c0 .813-.65 1.471-1.454 1.471H3.614c-.804 0-1.459-.66-1.459-1.47V8.64c0-.81.655-1.463 1.46-1.463h3.453v-.355c0-2.569 2.174-4.667 4.84-4.667h.188c2.667 0 4.832 2.098 4.832 4.667zm-8.63-.355v.355h7.4v-.355c0-1.883-1.616-3.429-3.602-3.429h-.187c-1.986 0-3.611 1.546-3.611 3.429m12.314 5.462V8.642a.22.22 0 0 0-.222-.224H3.617a.23.23 0 0 0-.23.224v3.527c1.656 1.305 4.348 1.89 8.687 1.89 4.232 0 6.874-.554 8.538-1.775m-9.196 4.146h1.173v-1.132h-1.174zm8.974 4.17a.22.22 0 0 0 .222-.23h-.003V13.75c-1.591.91-3.734 1.39-6.793 1.512v1.39a.94.94 0 0 1-.434.818c-.205.131-.46.199-.787.199h-1.196q-.48-.001-.787-.2a.96.96 0 0 1-.429-.817v-1.395c-3.076-.14-5.216-.644-6.798-1.586v6.7c0 .132.106.23.23.23z"
         })
     }));
-}, d = l;
+}, H = l;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const a = (_param)=>{
+const t = (_param)=>{
     var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = 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: o,
         height: o,
@@ -104,8 +104,8 @@ const a = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: l,
             d: "M13.348 6.827c0 1.653-.42 2.897-1.246 3.7a.561.561 0 0 0 .773.813l.008-.008c1.054-1.023 1.589-2.538 1.589-4.505 0-1.972-.538-3.493-1.597-4.515a.561.561 0 0 0-.779.807c.83.804 1.252 2.05 1.252 3.708M9.847 4.52c.51.493.767 1.278.767 2.311 0 1.034-.257 1.807-.764 2.3a.561.561 0 0 0 .781.804c.731-.712 1.104-1.756 1.104-3.107 0-1.355-.373-2.403-1.11-3.114l-.013-.014a.562.562 0 0 0-.765.82M21.85 18.553c0 1.028-.278 1.835-.824 2.403-.568.591-1.398.888-2.468.888H5.446c-1.07 0-1.899-.3-2.467-.888-.547-.568-.824-1.375-.824-2.403V17.18c0-1.028.277-1.834.824-2.403.568-.591 1.397-.888 2.467-.888h1.348V6.827c0-.308.252-.56.56-.56s.56.252.56.56v7.065h10.642c1.07 0 1.899.3 2.467.888.55.566.827 1.375.827 2.4zm-15.729.134q.25-.252.25-.686c0-.583-.364-.944-.95-.944-.585 0-.95.361-.95.944q.001.434.25.686c.165.168.409.258.7.258s.532-.09.7-.258m2.99-.686c0-.583-.365-.944-.95-.944-.586 0-.95.361-.95.944q0 .434.25.686c.165.168.408.258.7.258.291 0 .535-.09.7-.258q.249-.252.25-.686"
         })
     }));
-}, m = a;
+}, m = t;

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

@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: a, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), o = a !== null && a !== void 0 ? a : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = 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,

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), r = s !== null && s !== void 0 ? s : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : t ? _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 i = (_param)=>{
             })
         ]
     }));
-}, f = i;
+}, f = l;

package/dist/generated/mistica-icons/icon-bug-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 i = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "M19.594 12.087c.336 0 .61.275.61.617v1.644a.613.613 0 0 1-.61.616.61.61 0 0 1-.608-.616V13.32h-1.224l.001.088.002.091c0 1.585-.126 2.952-.499 4.062l1.975.608a.62.62 0 0 1 .431.621l-.131 2.477a.61.61 0 0 1-.608.582h-.034a.614.614 0 0 1-.577-.647l.107-1.994-1.687-.518c-.832 1.316-2.28 2.05-4.742 2.05-2.473 0-3.921-.74-4.75-2.062l-1.726.53.106 1.994a.61.61 0 0 1-.577.647H5.02a.614.614 0 0 1-.608-.582L4.28 18.79a.62.62 0 0 1 .432-.624l2.014-.62c-.367-1.106-.493-2.47-.493-4.05l.002-.179h-1.22v1.03a.613.613 0 0 1-.609.617.615.615 0 0 1-.61-.616v-1.644c0-.342.274-.617.61-.617h1.871c.079-1.288.295-2.554.863-3.571L4.712 7.77a.62.62 0 0 1-.432-.625l.132-2.476a.613.613 0 0 1 .639-.583c.336.02.593.308.577.647L5.52 6.73l2.286.703c-.16-.384-.244-.83-.244-1.353 0-1.838.975-2.602 2.322-2.908a.62.62 0 0 1 .031-.829.6.6 0 0 1 .852-.008l.008.008.644.653q.575-.022 1.149-.003l.644-.653a.603.603 0 0 1 .854-.005l.006.005a.614.614 0 0 1 .03.824c1.357.3 2.342 1.064 2.342 2.91 0 .516-.08.956-.235 1.334l2.216-.681-.107-1.994a.61.61 0 0 1 .578-.647.614.614 0 0 1 .64.582l.133 2.476a.614.614 0 0 1-.432.622l-2.39.731c.491.863.771 2.014.866 3.583.006.008 1.88.008 1.88.008M12.008 4.22c-2.742 0-3.224.6-3.224 1.86 0 .333.042.58.107.77.812-.397 1.837-.596 3.11-.596 1.276 0 2.302.201 3.114.602a2.4 2.4 0 0 0 .115-.776c.003-1.26-.48-1.86-3.222-1.86m-.68 5.19v7.933c0 .34.272.617.608.617s.61-.278.61-.617V9.41a.615.615 0 0 0-.61-.616.61.61 0 0 0-.608.616"
         })
     }));
-}, m = i;
+}, d = i;

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

@@ -96,7 +96,7 @@ const i = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = 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: l,
         height: l,
@@ -104,7 +104,7 @@ const i = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: e,
             d: "M20.171 12.296c.24 0 .437.185.437.417v1.678a.43.43 0 0 1-.437.42.43.43 0 0 1-.437-.42v-1.258h-1.76l.006.155q.005.112.006.235c0 1.694-.148 3.14-.608 4.285l2.353.687c.19.056.32.232.308.423l-.14 2.53a.43.43 0 0 1-.437.397h-.022a.43.43 0 0 1-.415-.44v-.003l.124-2.201-2.163-.625c-.851 1.37-2.364 2.14-4.991 2.14-2.634 0-4.146-.773-4.998-2.151l-2.201.638.12 2.202a.423.423 0 0 1-.409.44H4.48a.43.43 0 0 1-.434-.398l-.14-2.53a.42.42 0 0 1 .31-.422l2.396-.698c-.457-1.14-.602-2.582-.602-4.272q0-.122.006-.234l.005-.155H4.26v1.258a.43.43 0 0 1-.436.42.43.43 0 0 1-.437-.42v-1.678c0-.232.196-.42.437-.42h2.22c.102-1.787.435-3.067 1.054-3.98l-2.88-.84a.42.42 0 0 1-.31-.424l.14-2.53a.43.43 0 0 1 .46-.397c.24.011.425.21.414.443l-.12 2.201 2.834.827a.2.2 0 0 1 .044.022l.018.011.131-.117c-.252-.418-.39-.928-.39-1.563 0-1.844 1.037-2.583 2.715-2.835l-.25-.238a.41.41 0 0 1-.016-.577l.017-.017a.454.454 0 0 1 .619 0l.767.737.135-.006q.28-.012.577-.014c.162 0 .315.005.467.01l.222.007.768-.734a.454.454 0 0 1 .618 0c.171.165.171.428 0 .594l-.246.235c1.692.25 2.734.989 2.734 2.838 0 .638-.137 1.15-.395 1.57l.052.046.052.045.01-.007a.1.1 0 0 1 .023-.01l2.838-.827-.123-2.201a.43.43 0 0 1 .411-.443h.003a.42.42 0 0 1 .46.398l.14 2.53a.42.42 0 0 1-.309.422l-2.834.827c.627.91.96 2.179 1.056 3.991zM8.317 5.95c0 .457.084.807.238 1.087.874-.462 1.997-.7 3.442-.7 1.457 0 2.583.244 3.457.709.157-.283.24-.636.24-1.096 0-1.4-.57-2.109-3.688-2.109-3.12 0-3.69.712-3.69 2.11m8.792 7.575c0-3.017-.504-4.67-1.689-5.524-.764-.555-1.885-.824-3.423-.824-1.549 0-2.678.275-3.445.838-1.168.86-1.667 2.507-1.667 5.51 0 4.806 1.241 6.347 5.112 6.347s5.112-1.54 5.112-6.348m-4.745-4.174a.43.43 0 0 0-.437-.42.43.43 0 0 0-.437.42v8.1a.43.43 0 0 0 .437.42.43.43 0 0 0 .437-.42z"
         })
     }));

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

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const l = (_param)=>{
     var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), e = s !== null && s !== void 0 ? s : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: h,
             d: "M19.902 6.428c-1.688-1.706-3.877-1.796-4.166-1.808l-.03-.001H4.289c-.533 0-1.076.238-1.488.658-.412.417-.65.97-.65 1.513v8.689c0 .54.236 1.092.65 1.51.353.358.81.568 1.322.63.395 1.123 1.367 1.767 2.765 1.767 1.39 0 2.358-.63 2.759-1.74h4.188c.4 1.107 1.367 1.74 2.759 1.74 1.39 0 2.358-.63 2.756-1.74h.35c.535 0 1.076-.24 1.488-.658.411-.417.65-.969.65-1.51v-3.476c0-2.4-.653-4.274-1.936-5.574m.709 9.972c-.26.264-.591.415-.91.415h-.18l.01-.094c.012-.11.024-.223.024-.343 0-1.883-1.107-3.006-2.961-3.006-1.855 0-2.961 1.124-2.961 3.006 0 .12.012.232.024.343l.01.094h-3.85l.01-.094c.013-.11.025-.223.025-.343 0-1.883-1.107-3.006-2.961-3.006-1.855 0-2.961 1.124-2.961 3.006 0 .096.01.184.019.273l.009.091a1.37 1.37 0 0 1-.577-.342c-.26-.263-.409-.6-.409-.921v-4.23h12.161c.193-.005 4.45-.112 5.887 2.924v1.306c0 .322-.152.658-.41.921m-6.163-.022c0-1.423.742-2.177 2.143-2.177s2.143.754 2.143 2.177-.74 2.176-2.143 2.176c-1.4 0-2.143-.75-2.143-2.176m-7.56 2.176c-1.4 0-2.143-.75-2.143-2.176 0-1.423.742-2.177 2.143-2.177s2.143.754 2.143 2.177-.74 2.176-2.143 2.176M4.286 5.451h3.61v4.969H2.97V6.79c0-.325.151-.661.41-.925.26-.263.59-.414.907-.414m4.431 4.969V5.45h4.89v4.97zm12.303 1.582v.662c-2.048-2.401-5.751-2.252-5.914-2.244h-.68V5.45h1.28c.216 0 5.314.082 5.314 6.552"
         })
     }));
-}, a = i;
+}, a = l;