@telefonica/mistica 15.20.0 → 16.0.0

package/dist/generated/mistica-icons/icon-tow-truck-regular.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = 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-train-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, r = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    return c.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"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M19.5 9.638V22h-1.398l-.014-.023-2.834-2.89A1.804 1.804 0 0 0 17 17.27v-.465a1.07 1.07 0 0 1-.713.284 1.08 1.08 0 0 1-1.07-1.09c0-.6.48-1.089 1.07-1.089.274 0 .526.107.713.284V13.46H7v1.736c.192-.172.439-.284.713-.284.59 0 1.07.489 1.07 1.09 0 .6-.48 1.089-1.07 1.089-.274 0-.526-.107-.713-.284v.465c0 .987.782 1.792 1.746 1.815l-2.843 2.89L5.89 22H4.5V9.638C4.5 5.426 7.864 2 12 2s7.5 3.426 7.5 7.638m-5.759 9.453L16.593 22H7.398l2.86-2.909zM17 8.911c0-1-.8-1.82-1.787-1.82H8.787C7.804 7.092 7 7.907 7 8.912v3.454h10z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M19.5 9.638V22h-1.398l-.014-.023-2.834-2.89A1.804 1.804 0 0 0 17 17.27v-.465a1.07 1.07 0 0 1-.713.284 1.08 1.08 0 0 1-1.07-1.09c0-.6.48-1.089 1.07-1.089.274 0 .526.107.713.284V13.46H7v1.736c.192-.172.439-.284.713-.284.59 0 1.07.489 1.07 1.09 0 .6-.48 1.089-1.07 1.089-.274 0-.526-.107-.713-.284v.465c0 .987.782 1.792 1.746 1.815l-2.843 2.89L5.89 22H4.5V9.638C4.5 5.426 7.864 2 12 2s7.5 3.426 7.5 7.638m-5.759 9.453L16.593 22H7.398l2.86-2.909zM17 8.911c0-1-.8-1.82-1.787-1.82H8.787C7.804 7.092 7 7.907 7 8.912v3.454h10z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +123,10 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
-            d: "M2.331 16.98a.76.76 0 0 1-.176-.492V5.273c0-.384.269-.697.602-.697h10.337c.117-.004 3.391-.094 7.204 4.311 1.135 1.312 1.65 2.668 1.53 4.027-.171 1.936-1.584 3.276-2.407 3.903a1.87 1.87 0 0 1-1.132.393h-.017c-1.009-.01-4.54-.028-15.515-.028a.57.57 0 0 1-.426-.203m17.709-6.306a6.3 6.3 0 0 0-.591-.801c-2.205-2.544-4.167-3.431-5.302-3.742v4.543zm-1.28 4.98c.224-.17.577-.471.918-.864H3.36v1.001c10.507 0 13.931.019 14.92.028h.009a.76.76 0 0 0 .47-.164M5.362 10.599V7.376H3.36v3.222zm1.39 0h2.155V7.376H6.753zm5.573 0V7.376h-2.158v3.222zm9.519 8.13c0-.387-.27-.697-.603-.697H2.757c-.333 0-.602.31-.602.697s.269.697.602.697h18.485c.334 0 .602-.31.602-.697"
+            fill: i,
+            d: "M2.332 16.98a.76.76 0 0 1-.177-.492V5.273c0-.384.269-.697.602-.697h10.337c.117-.004 3.392-.094 7.204 4.311 1.135 1.312 1.65 2.668 1.53 4.027-.171 1.936-1.583 3.276-2.407 3.903-.34.257-.731.393-1.132.393h-.017c-1.009-.01-4.54-.028-15.515-.028a.57.57 0 0 1-.425-.203m17.708-6.306a6.3 6.3 0 0 0-.591-.801c-2.205-2.544-4.167-3.431-5.301-3.742v4.543zm-1.28 4.98c.224-.17.577-.471.919-.864H3.359v1.001c10.508 0 13.933.019 14.922.028h.008a.76.76 0 0 0 .47-.164M5.363 10.599V7.376H3.36v3.222zm1.39 0h2.155V7.376H6.753zm5.573 0V7.376H10.17v3.222zm9.519 8.13c0-.387-.27-.697-.603-.697H2.757c-.333 0-.602.31-.602.697s.269.697.602.697h18.485c.334 0 .603-.31.603-.697"
         })
     }));
 }, f = s;

package/dist/generated/mistica-icons/icon-train-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 m = (_param)=>{
-    var { color: r, size: c = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: o, size: c = 24 } = _param, v = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), h = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
     return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -129,4 +129,4 @@ const m = (_param)=>{
             d: "m2.155 14.449.001-.006.002-.005v-2.961q0-.002-.002-.004l-.001-.004v-6.4c0-.133.042-.259.12-.351a.37.37 0 0 1 .289-.143H13.1c.196-.002 3.42-.028 7.187 4.51 1.112 1.339 1.616 2.711 1.501 4.081-.165 1.955-1.552 3.328-2.361 3.97-.311.246-.67.378-1.042.378h-.014c-1.062-.012-4.726-.031-15.804-.031-.227 0-.41-.222-.41-.493v-2.533zm.818-8.888v.97h8.93c.227 0 .409.22.409.492v4.446c0 .274-.182.493-.41.493H2.977v1.994h17.773l.008.001.009.002c.103-.283.182-.577.21-.894.03-.336 0-.678-.076-1.022h-7.35c-.227 0-.409-.219-.409-.493V5.56q-.027.004-.034 0zm17.576 5.493.001.003v-.003zm0 0a6.5 6.5 0 0 0-.842-1.272c-2.44-2.938-4.605-3.829-5.748-4.1v5.372zm-1.576 5.258c.308-.244.84-.726 1.283-1.373H2.976v1.555c10.765 0 14.35.022 15.4.03a.87.87 0 0 0 .597-.212M5.36 10.976v-3.46H2.976v3.46zm.817 0h2.28v-3.46h-2.28zm5.317 0v-3.46H9.275v3.46zm10.347 7.958c0-.272-.182-.493-.409-.493H2.564c-.227 0-.409.22-.409.493 0 .271.182.493.409.493h18.868c.227 0 .41-.222.41-.493"
         })
     }));
-}, d = m;
+}, p = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return V;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,25 +97,25 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), h = s !== null && s !== void 0 ? s : l ? _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({
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : l ? _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,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M20 9.929C20 5.561 16.42 2 12.005 2S4 5.556 4 9.929v11.172c0 .396.326.72.726.72s.727-.324.727-.72V9.929c0-3.575 2.938-6.485 6.547-6.485s6.547 2.91 6.547 6.485v11.172c0 .396.326.72.727.72s.726-.324.726-.72zm-2.524 11.914a.537.537 0 0 0 0-.765l-1.993-1.97a1.99 1.99 0 0 0 1.788-1.97V8.85a1.996 1.996 0 0 0-2.002-1.984H8.722c-1.104 0-2.003.89-2.003 1.984v8.284c0 1.02.787 1.863 1.789 1.97l-1.993 1.974a.537.537 0 0 0 0 .765A.55.55 0 0 0 6.9 22c.14 0 .28-.05.387-.157l2.752-2.726h3.911l2.752 2.726a.55.55 0 0 0 .387.157c.14 0 .279-.05.386-.157m-1.299-5.969a.36.36 0 0 0-.363-.36c-.2 0-.364.162-.364.36 0 .199.164.36.364.36s.363-.161.363-.36m-8.363-3.602V8.85c0-.499.405-.9.908-.9h6.552c.498 0 .908.401.908.9v3.422zm.908 5.766a.9.9 0 0 1-.894-.766q.167.044.349.046c.8 0 1.453-.646 1.453-1.439s-.652-1.439-1.453-1.439q-.189.002-.363.05v-1.13h8.363v1.13a1.6 1.6 0 0 0-.363-.05c-.801 0-1.453.646-1.453 1.44a1.448 1.448 0 0 0 1.802 1.392.9.9 0 0 1-.894.766zm-.182-2.164c0 .199-.163.36-.363.36a.36.36 0 0 1-.363-.36c0-.198.163-.36.363-.36s.363.162.363.36"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: r,
             d: "M20 9.929C20 5.561 16.42 2 12.005 2S4 5.556 4 9.929v11.172c0 .396.326.72.726.72s.727-.324.727-.72V9.929c0-3.575 2.938-6.485 6.547-6.485s6.547 2.91 6.547 6.485v11.172c0 .396.326.72.727.72s.726-.324.726-.72zm-2.524 11.914a.537.537 0 0 0 0-.765l-1.993-1.97a1.99 1.99 0 0 0 1.788-1.97V8.85a1.996 1.996 0 0 0-2.002-1.984H8.722c-1.104 0-2.003.89-2.003 1.984v8.284c0 1.02.787 1.863 1.789 1.97l-1.993 1.974a.537.537 0 0 0 0 .765A.55.55 0 0 0 6.9 22c.14 0 .28-.05.387-.157l2.752-2.726h3.911l2.752 2.726a.55.55 0 0 0 .387.157c.14 0 .279-.05.386-.157m-1.299-5.969a.36.36 0 0 0-.363-.36c-.2 0-.364.162-.364.36 0 .199.164.36.364.36s.363-.161.363-.36m-8.363-3.602V8.85c0-.499.405-.9.908-.9h6.552c.498 0 .908.401.908.9v3.422zm.908 5.766a.9.9 0 0 1-.894-.766q.167.044.349.046c.8 0 1.453-.646 1.453-1.439s-.652-1.439-1.453-1.439q-.189.002-.363.05v-1.13h8.363v1.13a1.6 1.6 0 0 0-.363-.05c-.801 0-1.453.646-1.453 1.44a1.448 1.448 0 0 0 1.802 1.392.9.9 0 0 1-.894.766zm-.182-2.164c0 .199-.163.36-.363.36a.36.36 0 0 1-.363-.36c0-.198.163-.36.363-.36s.363.162.363.36"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,8 +125,8 @@ const v = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
-            d: "M2.332 16.98a.76.76 0 0 1-.177-.492V5.273c0-.384.269-.697.602-.697h10.337c.117-.004 3.392-.094 7.204 4.311 1.135 1.312 1.65 2.668 1.53 4.027-.171 1.936-1.583 3.276-2.407 3.903-.34.257-.731.393-1.132.393h-.017c-1.009-.01-4.54-.028-15.515-.028a.57.57 0 0 1-.425-.203M3.36 5.965v.824h8.28c.333 0 .602.31.602.697v3.805c0 .383-.269.697-.602.697H3.36v1.413h17.134a2.8 2.8 0 0 0 .137-.627q.032-.348-.03-.707h-7.059c-.333 0-.602-.31-.602-.697V5.966zm16.089 3.907c-2.205-2.544-4.167-3.431-5.301-3.739v4.54h5.892a6.3 6.3 0 0 0-.591-.801m-.69 5.782c.225-.168.578-.47.917-.865H3.36v1.001c10.507 0 13.932.019 14.92.028h.009a.76.76 0 0 0 .47-.164M5.104 8.185H3.36v2.413h1.743zm1.205 2.413h1.871V8.184H6.308zm4.73 0V8.184H9.383v2.414zm10.807 8.13c0-.387-.27-.697-.603-.697H2.757c-.333 0-.602.31-.602.697s.269.697.602.697h18.485c.334 0 .603-.31.603-.697"
+            fill: r,
+            d: "M2.331 16.98a.76.76 0 0 1-.176-.492V5.273c0-.384.269-.697.602-.697h10.337c.117-.004 3.392-.094 7.204 4.311 1.135 1.312 1.65 2.668 1.53 4.027-.171 1.936-1.583 3.276-2.407 3.903-.34.257-.732.393-1.132.393h-.017c-1.009-.01-4.54-.028-15.515-.028a.57.57 0 0 1-.426-.203M3.36 5.965v.824h8.28c.333 0 .602.31.602.697v3.805c0 .383-.269.697-.602.697H3.36v1.413h17.134a2.8 2.8 0 0 0 .137-.627q.03-.348-.03-.707h-7.059c-.333 0-.602-.31-.602-.697V5.966zm16.089 3.907c-2.205-2.544-4.167-3.431-5.302-3.739v4.54h5.893a6.3 6.3 0 0 0-.591-.801m-.69 5.782c.225-.168.578-.47.917-.865H3.36v1.001c10.507 0 13.931.019 14.92.028h.009a.76.76 0 0 0 .47-.164M5.104 8.185H3.36v2.413h1.743zm1.204 2.413H8.18V8.184H6.307zm4.73 0V8.184H9.384v2.414zm10.808 8.13c0-.387-.27-.697-.603-.697H2.757c-.333 0-.602.31-.602.697s.269.697.602.697h18.485c.334 0 .603-.31.603-.697"
         })
     }));
-}, V = v;
+}, p = v;

package/dist/generated/mistica-icons/icon-tram-train-filled.js

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const m = (_param)=>{
     var { color: o, size: c = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : s ? _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 i = (_param)=>{
             d: "M21.054 11.92c-1.852-3.798-5.868-4.034-6.067-4.042h-2.81l.989-1.006h1.392a.607.607 0 0 0 .602-.61V4.606h5.944a.607.607 0 0 0 .603-.61.605.605 0 0 0-.603-.611H2.757a.607.607 0 0 0-.602.61c0 .34.269.611.602.611h5.944v1.656c0 .26.16.479.384.568L8.05 7.878H2.757a.6.6 0 0 0-.426.18.62.62 0 0 0-.176.43v9.863c0 .34.269.611.602.611h1.006c.084 1.003.773 1.647 1.81 1.647 1.038 0 1.722-.641 1.809-1.644h.456c.087 1.003.773 1.644 1.81 1.644s1.723-.641 1.81-1.641l2.57.005c.09 1 .774 1.639 1.81 1.639 1.031 0 1.714-.633 1.807-1.625l.625.003h.016c.401 0 .793-.12 1.132-.344l.073-.05c1.092-.726 3.639-2.421 1.563-6.676m-6.017 1.32V9.107c.527.045 3.513.434 4.938 3.355.135.275.239.53.328.776zm3.723 4.377c-.146.098-.311.177-.48.146l-.856-.006c-.297-.537-.852-.86-1.583-.86-.725 0-1.28.317-1.58.847l-3.036-.006c-.3-.527-.852-.84-1.577-.84-.723 0-1.275.313-1.574.84h-.928c-.3-.527-.851-.84-1.574-.84s-1.274.31-1.574.837h-.639v-1.501h16.913c-.365.621-.952 1.013-1.43 1.331l-.007.005zm-2.919 1.768c-.448 0-.622-.177-.622-.63 0-.454.174-.63.622-.63s.622.176.622.63-.174.63-.622.63m-6.812-.63c0-.454.173-.63.622-.63.448 0 .621.176.621.63s-.173.63-.621.63c-.449 0-.622-.177-.622-.63m-3.451.63c-.448 0-.622-.177-.622-.63 0-.454.174-.63.622-.63.445 0 .622.176.622.63-.003.454-.177.63-.622.63m.3-9.6v3.384H3.361V9.786zm1.406 3.387V9.786H9.54v3.386zm4.179-6.3-.989 1.006h-.717l.989-1.006zm-1.555-1.22V4.605h4.05v1.045zm3.34 7.52h-2.303V9.786h2.302z"
         })
     }));
-}, v = i;
+}, v = m;

package/dist/generated/mistica-icons/icon-tram-train-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return e;
+        return n;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: c, size: r = 24 } = _param, o = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: h, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = h !== null && h !== void 0 ? h : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -105,7 +105,7 @@ const v = (_param)=>{
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
-            d: "M15.042 8.135c.19.009 4.172.237 6.01 3.94 2.04 4.105-.364 5.673-1.521 6.424l-.076.049a1.88 1.88 0 0 1-1.042.313h-.017l-.835-.005c-.059.933-.675 1.51-1.647 1.51-.975 0-1.594-.582-1.648-1.521l-3.02-.006c-.05.942-.67 1.527-1.647 1.527-.98 0-1.6-.585-1.65-1.53h-.86c-.05.945-.67 1.53-1.65 1.53-.981 0-1.6-.587-1.65-1.532H2.566a.41.41 0 0 1-.41-.409v-2.722l-.002-.008.003-.008v-1.832q-.004 0-.003-.006V8.544a.4.4 0 0 1 .12-.289.4.4 0 0 1 .289-.12h5.488l1.42-1.415h-.226a.41.41 0 0 1-.41-.409V4.447H2.565a.408.408 0 1 1 0-.817H21.29a.408.408 0 1 1 0 .817h-6.273V6.31a.41.41 0 0 1-.409.409h-1.513l-.005.01-.006.009-1.403 1.396zm3.967 9.733.076-.05c.56-.364 1.311-.86 1.695-1.712H2.981v1.914h.922c.23-.604.776-.958 1.541-.958s1.314.356 1.541.96h1.076c.227-.606.773-.96 1.54-.96.768 0 1.317.356 1.544.963l3.23.006c.225-.61.777-.97 1.544-.97.77 0 1.323.363 1.547.978l.941.005c.196.003.418-.057.602-.177m-3.093 1.685c.564 0 .838-.273.838-.836 0-.564-.274-.839-.838-.839-.563 0-.837.275-.837.839 0 .56.272.835.837.835m-7.158-.836c0 .56.275.835.84.835.564 0 .841-.272.839-.835 0-.564-.275-.839-.838-.839-.566 0-.84.275-.84.839m-3.32.835c.566 0 .841-.272.841-.835 0-.564-.275-.839-.84-.839-.564 0-.838.275-.838.839 0 .56.274.835.837.835m.337-6.108v-2.867h-2.8v2.867zm.82 0H8.93v-2.867H6.596zm5.736 0v-2.867H9.75v2.867zm1.652-4.492-11.007.003v.803h9.764a.41.41 0 0 1 .409.408v3.683a.41.41 0 0 1-.41.409H2.976v1.029h17.807c.076 0 .14.024.202.06a3.6 3.6 0 0 0-.026-1.021h-6.567a.41.41 0 0 1-.409-.409zm-2.04-2.232h-1.31l-1.42 1.415h1.31zm-2.285-.817h4.544V4.447H9.658zM20.76 13.51a8 8 0 0 0-.443-1.072c-1.609-3.243-5.183-3.478-5.29-3.485h-.226v4.557z"
+            d: "M15.043 8.135c.19.009 4.171.237 6.009 3.94 2.04 4.105-.364 5.673-1.521 6.424l-.076.049a1.88 1.88 0 0 1-1.042.313h-.017l-.835-.005c-.059.933-.675 1.51-1.647 1.51-.975 0-1.594-.582-1.648-1.521l-3.02-.006c-.05.942-.67 1.527-1.647 1.527-.98 0-1.6-.585-1.65-1.53h-.86c-.05.945-.67 1.53-1.65 1.53-.981 0-1.6-.587-1.65-1.532H2.566a.41.41 0 0 1-.41-.409v-2.722l-.002-.008.003-.008v-1.832q-.004 0-.003-.006V8.544a.4.4 0 0 1 .12-.289.4.4 0 0 1 .29-.12h5.487l1.42-1.415h-.226a.41.41 0 0 1-.41-.409V4.447H2.565a.408.408 0 1 1 0-.817H21.29a.408.408 0 1 1 0 .817h-6.273V6.31a.41.41 0 0 1-.409.409h-1.513l-.005.01-.006.009-1.403 1.396zm3.967 9.733.075-.05c.56-.364 1.311-.86 1.695-1.712H2.982v1.914h.921c.23-.604.776-.958 1.541-.958s1.314.356 1.541.96h1.076c.227-.606.773-.96 1.54-.96.768 0 1.317.356 1.544.963l3.23.006c.225-.61.777-.97 1.544-.97.77 0 1.323.363 1.547.978l.941.005c.196.003.418-.057.603-.177m-3.093 1.685c.563 0 .837-.273.837-.836 0-.564-.274-.839-.837-.839s-.838.275-.838.839c0 .56.272.835.838.835m-7.159-.836c0 .56.275.835.84.835.564 0 .841-.272.839-.835 0-.564-.275-.839-.838-.839-.566 0-.84.275-.84.839m-3.32.835c.566 0 .841-.272.841-.835 0-.564-.275-.839-.84-.839-.564 0-.838.275-.838.839 0 .56.274.835.838.835m.337-6.108v-2.867h-2.8v2.867zm.82 0H8.93v-2.867H6.596zm5.736 0v-2.867H9.75v2.867zm1.652-4.492-11.007.003v.803h9.764a.41.41 0 0 1 .409.408v3.683a.41.41 0 0 1-.41.409H2.976v1.029h17.807c.076 0 .14.024.202.06.039-.303.033-.643-.026-1.021h-6.566a.41.41 0 0 1-.41-.409zm-2.04-2.232h-1.31l-1.42 1.415h1.31zm-2.285-.817h4.544V4.447H9.658zM20.76 13.51a8 8 0 0 0-.443-1.072c-1.609-3.243-5.183-3.478-5.29-3.485h-.226v4.557z"
         })
     }));
-}, e = v;
+}, n = m;

package/dist/generated/mistica-icons/icon-tram-train-regular.js

@@ -96,7 +96,7 @@ const m = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), h = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,7 +104,7 @@ const m = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M14.984 7.88c.199.009 4.216.244 6.067 4.042 2.076 4.258-.47 5.953-1.56 6.675l-.073.048a2.05 2.05 0 0 1-1.131.345h-.017l-.625-.003c-.092.994-.776 1.627-1.807 1.627-1.036 0-1.72-.639-1.81-1.639l-2.57-.005c-.087 1-.774 1.641-1.81 1.641-1.04 0-1.723-.644-1.81-1.647h-.456c-.084 1.006-.77 1.647-1.81 1.647-1.039 0-1.725-.644-1.81-1.647H2.758a.605.605 0 0 1-.602-.61V8.49c0-.163.064-.317.176-.432a.6.6 0 0 1 .426-.179h5.294l1.034-1.047a.61.61 0 0 1-.384-.566V4.61H2.757a.605.605 0 0 1-.602-.61c0-.336.269-.611.602-.611h18.348c.333 0 .602.272.602.61s-.27.611-.602.611H15.16v1.656c0 .336-.27.61-.603.61h-1.395l-.989 1.003zm3.773 9.745.076-.05.004-.003c.481-.322 1.067-.713 1.436-1.325H3.363v1.502H4c.3-.527.851-.838 1.574-.838s1.275.31 1.574.838h.927c.3-.53.852-.84 1.575-.84.722 0 1.274.31 1.574.84l3.036.005c.297-.53.852-.846 1.577-.846.732 0 1.286.32 1.583.857l.857.006c.168.028.334-.048.48-.146m-2.919 1.765c.449 0 .622-.177.622-.63 0-.454-.173-.63-.622-.63-.448 0-.621.176-.621.63 0 .453.176.63.621.63m-6.812-.63c0 .453.177.63.622.63.448 0 .622-.177.622-.63 0-.454-.174-.63-.622-.63s-.622.176-.622.63m-3.454.63c.448 0 .622-.177.622-.63 0-.454-.174-.63-.622-.63s-.622.176-.622.63c0 .453.174.63.622.63m-.053-6.216v-2.123H3.362v2.123zm1.205 0h1.935v-2.123H6.724zm5.114 0v-2.123H9.864v2.123zm1.99-4.07-10.469.003v.726h9.082c.333 0 .602.271.602.61v3.345c0 .336-.269.61-.602.61H3.359v.62h17.247l.011.002q.006.003.011.003a3.5 3.5 0 0 0-.02-.557H14.43a.605.605 0 0 1-.602-.611zM11.46 6.877h-.717L9.754 7.88h.717zm-1.554-1.22h4.05V4.61h-4.05zM20.3 13.241a9 9 0 0 0-.331-.776c-1.423-2.92-4.409-3.308-4.935-3.356v4.132z"
         })
     }));

package/dist/generated/mistica-icons/icon-trash-can-filled.js

@@ -97,8 +97,8 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : i ? _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 i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: e,
             d: "M15.167 4.5h5.64a.713.713 0 0 1 .004 1.427H19.4v13.93c0 1.18-.952 2.143-2.117 2.143H6.704c-1.165 0-2.117-.964-2.117-2.144V5.931h-1.41a.71.71 0 0 1-.707-.716c0-.396.32-.715.707-.715h5.64v-.356c0-1.18.951-2.144 2.117-2.144h2.116c1.165 0 2.117.964 2.117 2.144zM9.524 18.96c.28 0 .529-.251.529-.535V8.07a.55.55 0 0 0-.53-.536c-.28 0-.529.252-.529.536v10.354c0 .284.25.536.53.536m.703-14.46h3.53v-.356a.713.713 0 0 0-.707-.716h-2.117a.713.713 0 0 0-.706.716zm4.233 14.46c.28 0 .53-.251.53-.535V8.07a.55.55 0 0 0-.53-.536c-.28 0-.529.252-.529.536v10.354c0 .284.249.536.53.536"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-trash-can-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");
@@ -97,7 +97,7 @@ const v = (_param)=>{
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), a = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : n ? _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({
         width: c,
         height: c,
@@ -141,4 +141,4 @@ const v = (_param)=>{
             d: "M21.813 6.783a.41.41 0 0 0-.384-.434H16.6V4.325c.004-.108.03-.997-.54-1.609q-.518-.556-1.426-.557H9.369c-.095-.005-.795-.039-1.349.45-.417.376-.622.942-.622 1.687V6.35H2.561a.41.41 0 0 0 0 .818h1.694v11.548c-.005.144-.045 1.361.78 2.24q.823.885 2.324.885h9.306c.277 0 1.4-.048 2.21-.835.574-.546.868-1.317.868-2.292V7.167h1.686a.41.41 0 0 0 .384-.384M8.219 4.296q-.006-.752.35-1.073c.283-.262.674-.25.758-.247h5.31c.366 0 .638.09.826.295.336.358.321.94.32 1.022V6.35H8.218zm10.706 14.417c0 .737-.204 1.311-.608 1.695-.646.63-1.615.615-1.698.614H7.356c-.753 0-1.333-.213-1.72-.622-.593-.62-.566-1.546-.563-1.66V7.167h13.852zM9.9 17.655a.41.41 0 0 1-.41-.41v-6.29a.41.41 0 0 1 .819 0v6.29a.41.41 0 0 1-.41.41m3.784-.41c0 .228.182.41.409.41a.41.41 0 0 0 .409-.41v-6.29a.41.41 0 0 0-.818 0z"
         })
     }));
-}, d = v;
+}, p = v;

package/dist/generated/mistica-icons/icon-trash-can-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), h = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -107,7 +107,7 @@ const s = (_param)=>{
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: h,
-                d: "M9.534 7.355a.713.713 0 0 0-.707.716v10.354c0 .392.316.716.707.716a.71.71 0 0 0 .706-.716V8.07a.716.716 0 0 0-.706-.716M13.763 8.07v10.355c0 .392.316.716.707.716a.71.71 0 0 0 .707-.716V8.07a.713.713 0 0 0-.707-.716.713.713 0 0 0-.707.716"
+                d: "M9.533 7.355a.713.713 0 0 0-.706.716v10.354c0 .392.316.716.706.716a.71.71 0 0 0 .707-.716V8.07a.716.716 0 0 0-.707-.716M13.763 8.07v10.355c0 .392.316.716.707.716a.71.71 0 0 0 .707-.716V8.07a.713.713 0 0 0-.707-.716.713.713 0 0 0-.707.716"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: h,
@@ -147,4 +147,4 @@ const s = (_param)=>{
             })
         ]
     }));
-}, d = s;
+}, p = s;

package/dist/generated/mistica-icons/icon-travel-bag-filled.js

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

package/dist/generated/mistica-icons/icon-travel-bag-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "M16.697 6.134c.546 0 1.043.56 1.043 1.17v12.64c0 .625-.485 1.17-1.043 1.17H15.63l.001.023.002.023c0 .718-.582.775-.73.775h-.07c-.153-.003-.729-.06-.729-.78l.002-.022.001-.02H9.935q0 .012.003.022.002.01.003.022c0 .719-.585.775-.73.775H9.14c-.154-.003-.73-.06-.73-.78l.002-.021.002-.022h-1.11c-.555 0-1.043-.548-1.043-1.17V7.307c0-.613.497-1.17 1.043-1.17H8.94v-3.38c0-.367.34-.692.733-.692h4.651c.39 0 .733.322.733.693v3.376zm-6.9-.006h4.413V2.893H9.796zm7.093 1.177c0-.181-.142-.331-.2-.345H7.307c-.051.01-.193.16-.193.342v12.64c0 .203.142.339.193.342h9.39c.05.002.194-.139.194-.34zm-2.569 10.31q0 .105-.036.209H9.724a.6.6 0 0 1-.036-.21v-5.211h4.633zM9.724 9.532h4.552a.6.6 0 0 1 .04.21v1.829H9.684v-1.83q.002-.106.039-.21m5.448.212c0-.51-.278-1.038-.745-1.038H9.579c-.467 0-.744.526-.744 1.038v7.87c0 .503.262 1.037.744 1.037h4.848c.482 0 .745-.534.745-1.038z"
         })
     }));
-}, m = v;
+}, m = s;

package/dist/generated/mistica-icons/icon-travel-bag-regular.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = 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: r,
         height: r,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
-            d: "M16.53 6.152c.647 0 1.212.63 1.212 1.35v12.39c0 .733-.554 1.352-1.212 1.352h-1.045c-.081.546-.558.6-.686.602h-.068c-.134-.003-.605-.053-.686-.602H9.989c-.081.546-.557.6-.686.602h-.067c-.135-.003-.606-.053-.687-.602H7.468c-.658 0-1.21-.619-1.21-1.35V7.504c0-.72.566-1.35 1.21-1.35h1.375V3.045c0-.479.418-.882.91-.882h4.49c.486 0 .911.412.911.882v3.11h1.376zm-6.454-.009h3.849V3.38h-3.85zm6.434 1.362a.24.24 0 0 0-.05-.132H7.54a.25.25 0 0 0-.05.132V19.89c0 .056.026.107.042.132l8.933.003a.2.2 0 0 0 .045-.132zM14.028 12.7v4.91H9.97v-4.91zM9.97 9.888h4.06v1.594h-4.06zm5.295.006c0-.6-.348-1.221-.925-1.221L9.664 8.67c-.58 0-.924.622-.924 1.221v7.72c0 .697.397 1.221.924 1.221h4.675c.527 0 .925-.526.925-1.221z"
+            fill: h,
+            d: "M16.53 6.152c.647 0 1.213.63 1.213 1.35v12.39c0 .733-.555 1.352-1.213 1.352h-1.045c-.081.546-.557.6-.686.602h-.068c-.134-.003-.605-.053-.686-.602H9.99c-.081.546-.557.6-.686.602h-.067c-.135-.003-.605-.053-.687-.602H7.47c-.66 0-1.21-.619-1.21-1.35V7.504c0-.72.565-1.35 1.21-1.35h1.374V3.045c0-.479.418-.882.91-.882h4.491c.485 0 .91.412.91.882v3.11h1.376zm-6.454-.009h3.849V3.38h-3.849zm6.434 1.362a.24.24 0 0 0-.05-.132H7.54a.25.25 0 0 0-.05.132V19.89c0 .056.025.107.042.132l8.932.003a.2.2 0 0 0 .045-.132zM14.028 12.7v4.91H9.97v-4.91zM9.97 9.888h4.058v1.594H9.97zm5.294.006c0-.6-.348-1.221-.925-1.221L9.664 8.67c-.58 0-.924.622-.924 1.221v7.72c0 .697.398 1.221.924 1.221h4.675c.527 0 .925-.526.925-1.221z"
         })
     }));
 }, m = s;

package/dist/generated/mistica-icons/icon-tree-2-filled.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");
@@ -96,7 +96,7 @@ const a = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : 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"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M17.186 5.933C15.939 2.345 11.9 2.16 11.076 2.16c-1.061 0-6.274.289-6.467 5.894-1.07.428-2.454 1.473-2.454 3.994 0 3.21 2.244 4.353 4.342 4.353h4.832v-1.51L8.93 12.465a.61.61 0 0 1 .003-.86.603.603 0 0 1 .854.003l1.54 1.558V9.59a.605.605 0 1 1 1.21 0v1.034l1.194-1.627a.605.605 0 1 1 .972.722l-2.143 2.922c-.005.008-.017.011-.022.02v3.728l-1.207.01v4.836a.605.605 0 1 0 1.21 0v-4.838l4.039-.025c2.431 0 5.266-1.378 5.266-5.26-.006-3.51-2.333-4.961-4.661-5.18"
         })
     }));
-}, d = a;
+}, h = a;

package/dist/generated/mistica-icons/icon-tree-2-light.js

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), a = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: i,
             d: "M11.049 2c.836 0 4.986.192 6.177 3.907 1.44.106 4.774.838 4.774 5.197 0 3.879-2.834 5.255-5.255 5.255l-4.294.029a.2.2 0 0 1-.066-.016q-.018-.008-.04-.013v5.255a.43.43 0 0 1-.383.384.42.42 0 0 1-.452-.384v-5.236H6.294C4.219 16.378 2 15.252 2 12.067c0-2.608 1.47-3.619 2.546-4.014C4.65 2.29 9.973 2 11.049 2m1.393 13.531 4.303-.029c1.038 0 4.42-.317 4.41-4.398 0-3.82-2.988-4.32-4.265-4.36a.43.43 0 0 1-.394-.317c-.903-3.407-4.707-3.58-5.457-3.58-1.325 0-5.667.394-5.667 5.409 0 .192-.116.471-.298.52-1.48.423-2.238 1.53-2.238 3.29 0 3.138 2.42 3.475 3.458 3.475h5.216v-.616q-.01-.017-.025-.02-.008-.004-.013-.009l-2.488-2.54a.425.425 0 0 1 0-.597.41.41 0 0 1 .586 0l1.95 1.982V9.478a.419.419 0 1 1 .835.029v1.713l1.614-2.204a.424.424 0 0 1 .586-.087.426.426 0 0 1 .087.587l-2.229 3.041q-.019.026-.042.039l-.025.02v2.944l.025-.01a.2.2 0 0 1 .07-.019"
         })
     }));

package/dist/generated/mistica-icons/icon-tree-2-regular.js

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

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

@@ -96,7 +96,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : 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: r,
         height: r,
@@ -104,7 +104,7 @@ const n = (_param)=>{
         role: "presentation"
     }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M18.97 8.155c0-2.339-1.602-3.347-3.243-3.543-.74-1.802-2.684-2.457-4.336-2.457-2.045 0-4.418 1.008-4.625 3.874-1.095.465-1.695 1.417-1.695 2.728 0 .967.32 1.614.71 2.04-.505.596-.76 1.378-.76 2.324 0 2.353 1.602 3.356 3.244 3.541.585 1.423 1.924 2.123 3.274 2.356v2.224c0 .33.283.6.63.6s.63-.27.63-.6v-2.135s-.459-.02-.688-.036a19 19 0 0 1-.569-.053v-2.426l-2.493-2.387a.58.58 0 0 1 .003-.848.656.656 0 0 1 .89.003l1.603 1.532V9.78c0-.33.283-.6.63-.6s.63.27.63.6v1.818l1.244-1.6a.65.65 0 0 1 .88-.126c.28.196.338.572.131.838l-2.232 2.876c-.006.009-.017.012-.023.02v5.507c1.998-.064 4.224-1.095 4.423-3.865.77-.325 1.695-1.062 1.695-2.729 0-.966-.32-1.613-.709-2.039.502-.605.757-1.381.757-2.325"
         })
     }));

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

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: c, size: r = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = c !== null && c !== void 0 ? c : l ? _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"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: s,
             d: "M15.734 4.612c1.64.196 3.243 1.204 3.243 3.543 0 .944-.255 1.72-.759 2.317.392.428.712 1.072.712 2.039 0 1.67-.925 2.406-1.695 2.73-.199 2.771-2.426 3.802-4.423 3.866v2.135c0 .33-.283.6-.63.6s-.63-.27-.63-.6v-2.224c-1.35-.233-2.69-.933-3.275-2.356-1.642-.185-3.244-1.188-3.244-3.54 0-1.087.35-1.827.762-2.323-.39-.425-.711-1.073-.711-2.042 0-1.313.596-2.266 1.694-2.728.205-2.866 2.58-3.874 4.622-3.874 1.653 0 3.597.655 4.333 2.457m1.938 7.902c0-.726-.235-1.219-.714-1.51a.59.59 0 0 1-.286-.474.59.59 0 0 1 .244-.501c.543-.403.806-1.014.806-1.874 0-2.006-1.546-2.353-2.47-2.38a.62.62 0 0 1-.586-.444c-.518-1.837-2.63-1.98-3.263-1.98-1.02 0-3.387.294-3.387 3.028 0 .266-.176.572-.445.644-.838.233-1.227.782-1.227 1.731 0 .726.233 1.219.712 1.508.17.1.28.277.29.476a.59.59 0 0 1-.243.501c-.543.403-.81 1.02-.81 1.88 0 2.014 1.547 2.353 2.468 2.375a.62.62 0 0 1 .592.443c.338 1.204 1.358 1.675 2.201 1.86v-1.205l-2.496-2.387-.02-.019-.008-.009a.58.58 0 0 1 .031-.82.656.656 0 0 1 .891.003l1.602 1.529V9.777c0-.33.283-.6.63-.6.35 0 .63.27.63.6v1.818l1.242-1.602a.65.65 0 0 1 .91-.104.583.583 0 0 1 .1.815l-2.232 2.877q-.004.006-.01.01-.008.003-.012.01v4.313c1.095-.045 3.185-.46 3.185-3.028 0-.266.182-.571.454-.644.82-.219 1.22-.784 1.22-1.728"
         })
     }));

package/dist/generated/mistica-icons/icon-trend-down-light.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: n, size: o = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = 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: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M21.837 14.878v3.68c0 .23-.188.415-.415.412h-3.73a.414.414 0 0 1-.424-.406v-.006c0-.23.185-.411.423-.411h2.81L14.526 9.86l-7.563 3.235a.43.43 0 0 1-.532-.174L2.207 5.648a.414.414 0 0 1 .154-.566q.003-.003.008-.005a.436.436 0 0 1 .577.156l4.036 6.956 7.522-3.219a.416.416 0 0 1 .515.14l5.972 8.275v-2.51c0-.23.185-.412.423-.412a.417.417 0 0 1 .423.415"
         })
     }));

package/dist/generated/mistica-icons/icon-trend-down-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const i = (_param)=>{
-    var { color: n, size: r = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: n, size: r = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), a = n !== null && n !== void 0 ? n : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = n !== null && n !== void 0 ? n : l ? _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"
-    }, l), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: t,
             d: "m21.837 14.804-.429 3.481a.787.787 0 0 1-.787.687h-3.49a.787.787 0 0 1-.793-.78.79.79 0 0 1 .793-.778h1.882l-4.986-6.95-6.793 2.928a.82.82 0 0 1-1.016-.334L2.257 6.193A.777.777 0 0 1 2.55 5.13l.008-.005a.8.8 0 0 1 1.079.294l3.61 6.255L13.98 8.78a.8.8 0 0 1 .969.263l5.117 7.146.19-1.574a.803.803 0 0 1 .889-.686c.428.047.74.437.692.865z"
         })
     }));
-}, d = i;
+}, m = i;

package/dist/generated/mistica-icons/icon-trend-up-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const a = (_param)=>{
-    var { color: e, size: r = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: t, size: r = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : 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"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M21.837 5.442v3.675c0 .23-.193.412-.423.412a.414.414 0 0 1-.423-.406V6.615l-5.972 8.28a.44.44 0 0 1-.515.14l-7.53-3.226-4.028 6.958a.446.446 0 0 1-.582.157.414.414 0 0 1-.16-.563l4.218-7.28a.427.427 0 0 1 .544-.174l7.555 3.238 5.98-8.289h-2.818a.424.424 0 0 1-.423-.414.42.42 0 0 1 .423-.412h3.731c.23 0 .423.18.423.412"
         })
     }));
-}, v = a;
+}, d = a;