@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: v, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: v, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), h = v !== null && v !== void 0 ? v : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = v !== null && v !== void 0 ? v : s ? _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"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.769.77.769.422 0 .768-.346.768-.77V12.38c0-.424.347-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.533h6.154V7.38H4.697zm15.77 8.077v1.154H15.85V11.61zm-4.616 3.847v-1.154h4.615v1.153z"
@@ -113,7 +113,7 @@ const l = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.769.77.769.422 0 .768-.346.768-.77V12.38c0-.424.347-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.533h6.154V7.38H4.697zm15.77 8.077v1.154H15.85V11.61zm-4.616 3.847v-1.154h4.615v1.153z"

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

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

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

@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: t, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), i = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -109,8 +109,8 @@ const m = (_param)=>{
             d: "M8.004 2h6.344c1.945 0 3.528 1.605 3.524 3.576v12.853c0 1.97-1.58 3.571-3.524 3.571H8.004c-1.945 0-3.524-1.6-3.524-3.571V5.57C4.48 3.601 6.06 2 8.004 2M5.888 6.646v10.717h10.576V6.646zM8.004 3.43c-1.047 0-1.913.773-2.085 1.788h10.513c-.171-1.015-1.037-1.788-2.084-1.788zm0 17.147h6.344a2.12 2.12 0 0 0 2.084-1.788H5.92c.172 1.015 1.038 1.788 2.085 1.788m13.685-3.891a.7.7 0 0 1-.997.027.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.378m-2.166-1.454c.19 0 .38-.078.52-.234a4.37 4.37 0 0 0-.127-6.012.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.94 2.94 0 0 1 .085 4.038.72.72 0 0 0 .04 1.01.7.7 0 0 0 .48.188"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {

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

@@ -93,17 +93,17 @@ 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 n = (0, _themevariantcontext.useIsInverseVariant)(), c = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = t !== null && t !== void 0 ? t : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M8.004 2h6.344c1.945 0 3.528 1.605 3.524 3.576v12.853c0 1.97-1.58 3.571-3.524 3.571H8.004c-1.945 0-3.524-1.6-3.524-3.571V5.57C4.48 3.601 6.06 2 8.004 2M5.888 6.646v10.717h10.576V6.646zM8.004 3.43c-1.047 0-1.913.773-2.085 1.788h10.513c-.171-1.015-1.037-1.788-2.084-1.788zm0 17.147h6.344a2.12 2.12 0 0 0 2.084-1.788H5.92c.172 1.015 1.038 1.788 2.085 1.788m13.685-3.891a.7.7 0 0 1-.997.027.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.378m-2.166-1.454c.19 0 .38-.078.52-.234a4.37 4.37 0 0 0-.127-6.012.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.94 2.94 0 0 1 .085 4.038.72.72 0 0 0 .04 1.01.7.7 0 0 0 .48.188"
@@ -113,7 +113,7 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M8.004 2h6.344c1.945 0 3.528 1.605 3.524 3.576v12.853c0 1.97-1.58 3.571-3.524 3.571H8.004c-1.945 0-3.524-1.6-3.524-3.571V5.57C4.48 3.601 6.06 2 8.004 2M5.888 6.646v10.717h10.576V6.646zM8.004 3.43c-1.047 0-1.913.773-2.085 1.788h10.513c-.171-1.015-1.037-1.788-2.084-1.788zm0 17.147h6.344a2.12 2.12 0 0 0 2.084-1.788H5.92c.172 1.015 1.038 1.788 2.085 1.788m13.685-3.891a.7.7 0 0 1-.997.027.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.378m-2.166-1.454c.19 0 .38-.078.52-.234a4.37 4.37 0 0 0-.127-6.012.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.94 2.94 0 0 1 .085 4.038.72.72 0 0 0 .04 1.01.7.7 0 0 0 .48.188"

package/dist/generated/mistica-icons/icon-diamond-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");
@@ -92,11 +92,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: l, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const m = (_param)=>{
             d: "M11.118 2.155h-5.38L7.37 7.298zm7.143 0H12.87l3.75 5.143zm.76.697-1.594 5.003h4.414zM17.126 8.8h4.613l-8.38 11.852zm-.975 0H7.847l4.15 13.042zm-8.017-.944 3.863-5.305 3.854 5.305zm-5.98 0 2.823-5.01 1.594 5.01zm4.714.944H2.26l8.378 11.855z"
         })
     }));
-}, d = m;
+}, h = m;

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = a !== null && a !== void 0 ? a : i ? _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 s = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: e,
             d: "m21.838 8.347-.003.01a.1.1 0 0 1-.012.035.4.4 0 0 1-.056.162l-.004.015q0 .006-.004.013l-9.428 13.087a.2.2 0 0 1-.041.036q-.014.01-.027.02c-.017.017-.03.03-.05.045a.4.4 0 0 1-.221.07.4.4 0 0 1-.219-.07l-.05-.045-.028-.023q-.02-.014-.037-.033L2.23 8.582q-.006-.007-.007-.016l-.005-.012a.4.4 0 0 1-.056-.162l-.004-.016-.004-.02-.003-.012a.4.4 0 0 1 .05-.185q0-.008.003-.017l3.317-5.778.01-.009.01-.008a.37.37 0 0 1 .165-.143l.018-.011q.014-.011.032-.017a.3.3 0 0 1 .06-.007l.03-.002.016-.005q.008-.005.02-.006h12.224q.01 0 .02.006l.014.005.03.002q.03-.001.06.007.017.006.032.017.009.006.018.01a.4.4 0 0 1 .165.144l.008.005q.008.004.012.012l3.317 5.781.002.009q0 .005.003.008a.36.36 0 0 1 .05.185M7.901 7.453l3.317-4.476H6.45zm8.9.482h3.91l-2.5-4.35zm-.267.82L13.202 19.05l7.414-10.294zm-5.75 10.295L7.45 8.756H3.37zm6.753-16.073h-4.77l3.322 4.476zM8.574 7.935l.002-.003h6.839l-3.42-4.61-3.419 4.61h-.002zm3.42 12.154 3.67-11.333h-7.34zM5.78 3.582l-2.502 4.35h3.91z"
         })
     }));

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const s = (_param)=>{
     var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
@@ -108,4 +108,4 @@ const i = (_param)=>{
             d: "m21.845 8.424-.002.005c0 .073-.017.14-.045.21q-.009.025-.022.045l-.012.026a.4.4 0 0 1-.033.061L12.5 21.591l-.003.004a.6.6 0 0 1-.244.19.6.6 0 0 1-.25.059.6.6 0 0 1-.246-.059l-.028-.014-.028-.014a.6.6 0 0 1-.19-.162l-.003-.003-9.232-12.82q-.02-.031-.033-.062l-.035-.07a.7.7 0 0 1-.042-.236l.003-.017a.6.6 0 0 1 .045-.196l.011-.028.009-.02.008-.019 3.25-5.66q.005-.014.018-.021l.01-.008a.6.6 0 0 1 .165-.165q.032-.024.066-.039l.012-.006q.015-.007.03-.017a.2.2 0 0 1 .043-.022q.05-.013.099-.013l.032-.001a.1.1 0 0 0 .025-.007.1.1 0 0 1 .029-.007h11.969q.016 0 .031.007.012.005.025.007l.032.001c.031.001.063.002.097.013q.027.01.05.025l.023.014.078.045a.55.55 0 0 1 .165.165q.006.008.014.013.01.007.014.015l3.25 5.661a.1.1 0 0 1 .012.027l.004.012a.688.688 0 0 1 .059.24l.003.015zM8.067 7.107l2.779-3.748H6.854zm8.922.709h3.199L18.143 4.25zm-.39 1.205-2.823 8.717 6.28-8.717zm-6.37 8.717L7.407 9.02H3.953zm6.922-14.379H13.16l2.778 3.748zM9.053 7.816h5.9l-2.95-3.978zm2.95 11.448 3.316-10.243H8.686zM5.863 4.25 3.815 7.816h3.202z"
         })
     }));
-}, q = i;
+}, q = s;

package/dist/generated/mistica-icons/icon-digital-library-filled.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: r = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: l, size: r = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), t = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M21.04 14.607c-.552.59-1.347.89-2.356.89l-4.061.006v.776h6.619a.61.61 0 0 1 .602.619.61.61 0 0 1-.602.619h-6.617v.77a.61.61 0 0 1-.602.62c-2.996 0-5.253 1.175-5.35 1.225l-.003.001a.6.6 0 0 1-.257.065q-.007 0-.012.003l-.01.002a.6.6 0 0 1-.281-.072c-.022-.015-2.322-1.227-5.353-1.227a.61.61 0 0 1-.602-.62v-8.33a.607.607 0 0 1 .555-.616c.067-.006.89-.065 2.028.059V7.032c0-1 .271-1.79.803-2.352.552-.58 1.342-.874 2.353-.874l10.79-.006c1.011 0 1.801.291 2.353.874.532.56.804 1.35.804 2.35v5.224c0 1-.272 1.793-.801 2.359m-7.622 3.073v-7.124c-.905.003-2.767.12-4.428.93v7.151a14 14 0 0 1 4.428-.957m-5.633.955.003-7.143a8 8 0 0 0-.61-.264 6 6 0 0 0-.368-.126q-.122-.042-.24-.08c-.171-.054-.34-.096-.508-.138l-.042-.011q-.021-.007-.042-.011-.285-.067-.563-.115a12.5 12.5 0 0 0-2.056-.188v7.118c1.516.075 3.012.4 4.426.958"
         })
     }));

package/dist/generated/mistica-icons/icon-digital-library-light.js

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : a ? _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"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M21.082 14.398c-.524.535-1.285.807-2.258.807h-4.352v.843h6.938c.224 0 .406.18.409.404a.405.405 0 0 1-.41.403h-6.937v1.269a.405.405 0 0 1-.41.403c-3.133 0-5.51 1.194-5.559 1.218a.5.5 0 0 1-.178.043l-.013.002a.4.4 0 0 1-.19-.044c-.049-.025-2.427-1.219-5.558-1.219a.4.4 0 0 1-.409-.4v-8.12c0-.214.165-.387.378-.407a12.5 12.5 0 0 1 2.26.078V7.152c0-.919.258-1.642.763-2.152.523-.523 1.282-.79 2.254-.79l11.017-.005c.972 0 1.731.269 2.252.793.505.51.762 1.232.762 2.15v5.09c0 .92-.255 1.645-.759 2.16M5.612 7.155l.005 2.655c.86.157 1.801.426 2.7.868 2.63-1.302 5.653-1.086 5.782-1.075.213.017.378.19.378.4v4.398l4.353-.003c.742 0 1.303-.187 1.667-.56.35-.358.53-.896.53-1.6v-5.09c0-.702-.18-1.234-.53-1.587-.364-.364-.925-.55-1.67-.55L7.81 5.018c-.745 0-1.308.185-1.669.55-.35.352-.53.887-.53 1.588m2.294 4.218c-1.897-.921-4.073-1-4.93-.98v7.336c1.692.056 3.358.406 4.93 1.036zm.818 7.392c.888-.364 2.689-.969 4.93-1.036v-7.336c-.863-.012-3.034.056-4.93.977z"
         })
     }));

package/dist/generated/mistica-icons/icon-digital-library-regular.js

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M21.046 14.607c-.555.59-1.348.89-2.356.89l-4.067.003v.776h6.616a.61.61 0 0 1 .602.62.61.61 0 0 1-.602.618h-6.616v.77a.61.61 0 0 1-.602.62c-2.997 0-5.254 1.175-5.35 1.225l-.003.002a.6.6 0 0 1-.236.058l-.017.006a.1.1 0 0 1-.027.008.6.6 0 0 1-.278-.07l-.003-.001c-.092-.048-2.366-1.226-5.35-1.226a.61.61 0 0 1-.602-.619v-8.33c0-.322.244-.594.555-.62.067-.005.89-.066 2.03.057V7.032c0-1 .272-1.79.804-2.352.552-.58 1.342-.874 2.353-.874l10.79-.006c1.011 0 1.801.294 2.353.874.532.56.804 1.35.804 2.35v5.224c0 .997-.269 1.793-.798 2.359M5.945 7.03v2.552a10 10 0 0 1 2.443.831c2.567-1.289 5.466-1.092 5.673-1.078h.007a.614.614 0 0 1 .555.619v4.305l4.064-.002c.67 0 1.171-.171 1.488-.51.308-.328.462-.832.462-1.499V7.024c0-.664-.154-1.162-.46-1.485-.313-.333-.817-.5-1.49-.5l-10.79.005c-.672 0-1.173.17-1.49.501-.305.322-.462.82-.462 1.485m1.846 4.456c-1.667-.812-3.524-.927-4.429-.93v7.12c1.925.09 3.505.592 4.429.959zm1.202 7.149a14 14 0 0 1 4.428-.958v-7.12c-.905.002-2.767.12-4.428.93z"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: s, size: o = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), t = s !== null && s !== void 0 ? s : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = i !== null && i !== void 0 ? i : l ? _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"
-    }, i), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m10.997-9.169c-6.252 0-9.163 2.915-9.163 9.17 0 2.682.542 4.748 1.65 6.235L18.207 4.515c-1.493-1.123-3.556-1.68-6.21-1.68m0 18.332c6.254 0 9.168-2.912 9.168-9.163 0-2.639-.554-4.692-1.665-6.185L5.783 19.532c1.487 1.095 3.543 1.634 6.214 1.634"

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: e, size: o = 24 } = _param, s = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003M11.997 1.917C5.307 1.917 1.917 5.31 1.917 12c0 3.137.755 5.54 2.238 7.215l15.06-15.06c-1.674-1.483-4.078-2.238-7.218-2.238m0 20.166c6.693 0 10.086-3.39 10.086-10.08 0-3.127-.748-5.522-2.22-7.2l-15.06 15.06c1.675 1.472 4.073 2.22 7.194 2.22"

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
+const a = (_param)=>{
     var { color: s, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
@@ -108,4 +108,4 @@ const c = (_param)=>{
             d: "M1 12.003C1 4.51 5.048 1 11.997 1 18.947 1 23 4.51 23 12.003S18.946 23 11.997 23C5.047 23 1 19.497 1 12.003m10.997-9.629c-6.474 0-9.623 3.15-9.623 9.63 0 2.914.645 5.149 1.938 6.733L18.733 4.311c-1.584-1.293-3.818-1.938-6.736-1.938m0 19.252c6.477 0 9.629-3.15 9.629-9.62 0-2.905-.639-5.137-1.922-6.717L5.285 19.707c1.581 1.28 3.81 1.919 6.712 1.919"
         })
     }));
-}, h = c;
+}, h = a;

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

@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : t ? _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,
@@ -105,7 +105,7 @@ const h = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "m20.676 18.47-1.108-4.072c-.25-.929-1.212-1.659-2.193-1.659H14.61l-1.7-6.123a.76.76 0 0 0-.176-.298A2.407 2.407 0 0 0 11.271 2a2.41 2.41 0 0 0-2.406 2.408c0 .763.36 1.44.914 1.886-.748.36-1.283 1.133-1.283 2.005V12c0 1.204 1.018 2.223 2.22 2.223h4.727a5.372 5.372 0 0 1-5.285 6.294 5.37 5.37 0 0 1-5.366-5.37c0-1.9.971-3.62 2.6-4.602a.737.737 0 0 0 .251-1.014.736.736 0 0 0-1.013-.251 6.8 6.8 0 0 0-3.32 5.872C3.31 18.929 6.379 22 10.153 22s6.844-3.071 6.844-6.848c0-.313-.024-.621-.062-.925h.431c.317 0 .687.275.767.564l1.108 4.072a.74.74 0 0 0 .91.516.746.746 0 0 0 .525-.91"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const h = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: i,
             d: "m20.676 18.47-1.108-4.072c-.251-.929-1.212-1.659-2.193-1.659H14.61l-1.7-6.123a.76.76 0 0 0-.176-.298A2.407 2.407 0 0 0 11.271 2a2.41 2.41 0 0 0-2.406 2.408c0 .763.36 1.44.914 1.886-.748.36-1.283 1.133-1.283 2.005V12c0 1.204 1.018 2.223 2.22 2.223h4.727a5.372 5.372 0 0 1-5.285 6.294 5.37 5.37 0 0 1-5.366-5.37c0-1.9.971-3.62 2.6-4.602a.737.737 0 0 0 .251-1.014.736.736 0 0 0-1.013-.251 6.8 6.8 0 0 0-3.32 5.872C3.31 18.929 6.379 22 10.153 22s6.844-3.071 6.844-6.848c0-.313-.024-.621-.062-.925h.43c.318 0 .688.275.768.564l1.108 4.072a.74.74 0 0 0 .91.516.746.746 0 0 0 .525-.91"
         })
     }));

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

@@ -97,7 +97,7 @@ const n = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -105,7 +105,7 @@ const n = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: r,
             d: "m20.313 18.576-1.062-3.943c-.24-.9-1.162-1.607-2.102-1.607H14.5L12.95 7.398a2.97 2.97 0 0 0 1.276-2.437C14.227 3.33 12.915 2 11.299 2S8.372 3.327 8.372 4.96c0 .868.372 1.649.967 2.19-.427.395-.7.96-.7 1.58v3.584c0 1.166.976 2.153 2.13 2.153h4.529c.05.294.077.597.077.895 0 2.87-2.306 5.201-5.142 5.201s-5.142-2.332-5.142-5.2c0-1.841.93-3.508 2.491-4.458a.72.72 0 0 0 .24-.982.7.7 0 0 0-.97-.243C4.858 10.89 3.67 13.017 3.67 15.367 3.67 19.026 6.611 22 10.228 22s6.558-2.974 6.558-6.633a7 7 0 0 0-.059-.895h.413c.304 0 .658.266.736.546l1.062 3.943a.71.71 0 0 0 .871.5.73.73 0 0 0 .504-.885m-9.018-15.14c.83 0 1.507.685 1.507 1.525s-.677 1.524-1.512 1.524A1.523 1.523 0 0 1 9.788 4.96c0-.845.676-1.524 1.507-1.524m-1.24 8.874V8.725c0-.363.35-.716.709-.716h.88l1.38 5.022h-2.26v-.005c-.359 0-.708-.354-.708-.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,7 +115,7 @@ const n = (_param)=>{
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: r,
             d: "M20.337 19.147c0 .394-.31.713-.694.713a.704.704 0 0 1-.694-.713c0-.394.31-.713.694-.713s.694.319.694.713M19.216 17.35a.36.36 0 0 0 .24-.444l-.591-2.14c-.205-.786-.885-1.335-1.654-1.335h-3.207L12.368 7.04a2.7 2.7 0 0 0 1.37-2.36c0-1.476-1.17-2.679-2.606-2.679-1.437 0-2.606 1.203-2.606 2.68a2.69 2.69 0 0 0 1.178 2.235 1.8 1.8 0 0 0-.827 1.514v3.928c0 .983.778 1.788 1.739 1.788h5.074c.089.416.138.836.138 1.248 0 3.25-2.57 5.894-5.732 5.894s-5.732-2.643-5.732-5.894c0-2.259 1.285-4.349 3.277-5.323a.36.36 0 0 0 .165-.475.345.345 0 0 0-.463-.17C5.111 10.519 3.67 12.86 3.67 15.394 3.67 19.037 6.552 22 10.096 22s6.425-2.963 6.425-6.607q0-.624-.12-1.248h.81c.462 0 .858.324.982.813l.592 2.145a.353.353 0 0 0 .431.247M9.22 4.68c0-1.084.858-1.967 1.912-1.967s1.912.883 1.912 1.966c0 1.084-.858 1.967-1.917 1.967-1.054-.005-1.907-.883-1.907-1.967m1.391 8.751c-.573 0-1.04-.48-1.04-1.07V8.433c0-.59.467-1.07 1.04-1.07h1.121l1.556 6.073h-1.983v-.005z"
         })
     }));

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: t, size: c = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: a, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = a !== null && a !== void 0 ? a : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "m20.313 18.576-1.062-3.943c-.24-.9-1.162-1.607-2.102-1.607H14.5L12.95 7.398a2.97 2.97 0 0 0 1.276-2.437C14.227 3.33 12.915 2 11.299 2S8.372 3.327 8.372 4.96c0 .868.372 1.649.967 2.19-.427.395-.7.96-.7 1.58v3.584c0 1.166.976 2.153 2.13 2.153h4.529c.05.294.077.597.077.895 0 2.87-2.306 5.201-5.142 5.201s-5.142-2.332-5.142-5.2c0-1.841.93-3.508 2.491-4.458a.72.72 0 0 0 .24-.982.7.7 0 0 0-.97-.243C4.858 10.89 3.67 13.017 3.67 15.367 3.67 19.026 6.611 22 10.228 22s6.558-2.974 6.558-6.633a7 7 0 0 0-.059-.895h.413c.304 0 .658.266.736.546l1.062 3.943a.71.71 0 0 0 .871.5.73.73 0 0 0 .504-.885m-9.018-15.14c.83 0 1.507.685 1.507 1.525s-.677 1.524-1.512 1.524A1.523 1.523 0 0 1 9.788 4.96c0-.845.676-1.524 1.507-1.524m-1.24 8.874V8.725c0-.363.35-.716.709-.716h.88l1.38 5.022h-2.26v-.005c-.359 0-.708-.354-.708-.716"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "m20.313 18.576-1.062-3.943c-.24-.9-1.162-1.607-2.102-1.607H14.5L12.95 7.398a2.97 2.97 0 0 0 1.276-2.437C14.227 3.33 12.915 2 11.299 2S8.372 3.327 8.372 4.96c0 .868.372 1.649.967 2.19-.427.395-.7.96-.7 1.58v3.584c0 1.166.976 2.153 2.13 2.153h4.529c.05.294.077.597.077.895 0 2.87-2.306 5.201-5.142 5.201s-5.142-2.332-5.142-5.2c0-1.841.93-3.508 2.491-4.458a.72.72 0 0 0 .24-.982.7.7 0 0 0-.97-.243C4.858 10.89 3.67 13.017 3.67 15.367 3.67 19.026 6.611 22 10.228 22s6.558-2.974 6.558-6.633a7 7 0 0 0-.059-.895h.413c.304 0 .658.266.736.546l1.062 3.943a.71.71 0 0 0 .871.5.73.73 0 0 0 .504-.885m-9.018-15.14c.83 0 1.507.685 1.507 1.525s-.677 1.524-1.512 1.524A1.523 1.523 0 0 1 9.788 4.96c0-.845.676-1.524 1.507-1.524m-1.24 8.874V8.725c0-.363.35-.716.709-.716h.88l1.38 5.022h-2.26v-.005c-.359 0-.708-.354-.708-.716"
         })
     }));

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: s, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: e, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = s !== null && s !== void 0 ? s : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, s), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M21.84 9.536c0-4.756-2.63-7.381-7.39-7.381-3.44 0-5.776 1.375-6.798 3.941H5.198c-.986 0-1.723.266-2.263.807-.527.535-.785 1.266-.785 2.24v9.648c0 1 .258 1.74.793 2.266.535.527 1.269.784 2.255.784h4.843c.986 0 1.728-.26 2.255-.784.535-.527.793-1.266.793-2.266v-1.975c.434.05.885.084 1.361.084 4.76 0 7.39-2.616 7.39-7.364m-10.003-.392v9.647c0 .641-.132 1.1-.426 1.383-.286.275-.734.418-1.37.418H5.198c-.636 0-1.087-.143-1.37-.418-.291-.282-.426-.742-.426-1.383V9.144c0-.625.135-1.073.426-1.364.294-.292.737-.435 1.37-.435h4.843c.644 0 1.095.143 1.378.426s.418.731.418 1.373m4.459 3.092-2.084-2.075a.63.63 0 0 1-.185-.443V6.903a.628.628 0 0 1 1.255 0v2.554l1.9 1.894a.627.627 0 0 1 0 .885.63.63 0 0 1-.886 0m-7.857 6.44c0-.515-.305-.82-.818-.82s-.818.304-.818.82q0 .377.213.597c.143.145.353.224.605.224s.462-.079.605-.224q.214-.219.213-.597"

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

@@ -92,19 +92,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: t, size: c = 24 } = _param, n = _object_without_properties(_param, [
+    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = t !== null && t !== void 0 ? t : n ? _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"
-    }, n), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: s,
             d: "M14.501 2.156c4.804 0 7.336 2.535 7.336 7.32 0 4.792-2.532 7.319-7.336 7.319-.563 0-1.09-.045-1.593-.12v2.263c0 .96-.247 1.666-.751 2.162-.496.502-1.205.74-2.157.74H5.059c-.947 0-1.656-.241-2.16-.74-.501-.493-.748-1.207-.748-2.16V9.084c0-.935.247-1.633.751-2.134.504-.521 1.213-.768 2.16-.768h2.644c.977-2.63 3.316-4.025 6.795-4.025m0 13.79c4.306 0 6.482-2.17 6.482-6.47 0-4.292-2.176-6.468-6.482-6.468-2.994 0-4.955 1.081-5.868 3.173H10c.955 0 1.664.247 2.165.751.505.502.743 1.199.743 2.151v6.74c.495.078 1.03.123 1.593.123M7.53 17.983c.524 0 .838.313.838.837 0 .255-.073.462-.216.61-.148.152-.361.23-.619.23s-.47-.078-.619-.23q-.218-.223-.218-.61c0-.526.31-.837.834-.837m4.524-8.9c0-.714-.162-1.224-.496-1.557-.333-.33-.846-.493-1.56-.493H5.06c-.709 0-1.213.17-1.555.51-.33.342-.501.843-.501 1.54v9.858c0 .714.162 1.224.501 1.557.334.33.838.493 1.555.493h4.938c.717 0 1.23-.163 1.563-.493.33-.333.493-.843.493-1.557zm2.149.886 2.129 2.123a.427.427 0 0 0 .599.003.43.43 0 0 0 0-.603l-2.003-2V6.795a.426.426 0 1 0-.851 0v2.871c0 .115.044.221.126.303"
         })
     }));

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseVariant)(), l = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = i !== null && i !== void 0 ? i : a ? _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: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m18.7 17.692 3.087 3.088a.703.703 0 0 1 0 1.008.7.7 0 0 1-.504.212.74.74 0 0 1-.508-.208L2.21 3.222A.715.715 0 1 1 3.222 2.21l2.375 2.376a9.24 9.24 0 0 1 6.392-2.564c5.115 0 9.274 4.164 9.274 9.277 0 2.476-.98 4.728-2.564 6.393M2.718 11.295c0-1.732.484-3.352 1.316-4.74l12.69 12.697a9.2 9.2 0 0 1-4.74 1.316 9.3 9.3 0 0 1-3.859-.836l-5.683 1.52a.336.336 0 0 1-.408-.412l1.524-5.685a9.2 9.2 0 0 1-.84-3.86"
@@ -113,7 +113,7 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m18.7 17.692 3.087 3.088a.703.703 0 0 1 0 1.008.7.7 0 0 1-.504.212.74.74 0 0 1-.508-.208L2.21 3.222A.715.715 0 1 1 3.222 2.21l2.375 2.376a9.24 9.24 0 0 1 6.392-2.564c5.115 0 9.274 4.164 9.274 9.277 0 2.476-.98 4.728-2.564 6.393M2.718 11.295c0-1.732.484-3.352 1.316-4.74l12.69 12.697a9.2 9.2 0 0 1-4.74 1.316 9.3 9.3 0 0 1-3.859-.836l-5.683 1.52a.336.336 0 0 1-.408-.412l1.524-5.685a9.2 9.2 0 0 1-.84-3.86"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: e, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: e, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), r = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = e !== null && e !== void 0 ? e : i ? _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const h = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M22 21.284a.716.716 0 1 1-1.432 0 .716.716 0 0 1 1.432 0M18.497 17.92l-.037.036 1.468 1.468a.355.355 0 0 1-.252.608.36.36 0 0 1-.252-.104l-1.496-1.496a9.2 9.2 0 0 1-5.927 2.136c-1.38 0-2.68-.272-3.872-.816l-5.68 1.52a.357.357 0 0 1-.344-.092.36.36 0 0 1-.092-.344l1.52-5.68a9.3 9.3 0 0 1-.816-3.872c0-1.687.416-3.263 1.244-4.675a.354.354 0 0 1 .488-.128c.172.1.228.316.128.488-.76 1.3-1.148 2.752-1.148 4.315 0 1.32.268 2.56.804 3.688.04.076.044.164.024.244l-1.392 5.208 5.204-1.396a.37.37 0 0 1 .244.024 8.6 8.6 0 0 0 3.688.804 8.53 8.53 0 0 0 5.415-1.936L2.105 2.61a.355.355 0 0 1 0-.504c.14-.14.364-.14.504 0l2.716 2.716A9.34 9.34 0 0 1 12 2c2.483 0 4.815.964 6.563 2.716a9.22 9.22 0 0 1 2.716 6.568 9.22 9.22 0 0 1-2.716 6.567q-.032.035-.067.069M12 2.718a8.63 8.63 0 0 0-6.172 2.608l12.123 12.123a8.54 8.54 0 0 0 2.62-6.16c0-4.727-3.844-8.571-8.571-8.571"
         })
     }));
-}, v = h;
+}, u = h;

package/dist/generated/mistica-icons/icon-disturb-regular.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");
@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: t, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const m = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: l,
             d: "m18.695 18.012 2.636 2.768a.744.744 0 0 1-.004 1.012.66.66 0 0 1-.96 0l-2.69-2.824a8.7 8.7 0 0 1-5.504 1.96c-1.291 0-2.548-.264-3.65-.768l-5.188 1.456a.66.66 0 0 1-.655-.184.74.74 0 0 1-.175-.688l1.39-5.463c-.484-1.168-.731-2.448-.731-3.812 0-1.436.274-2.784.819-4.008a.665.665 0 0 1 .903-.344c.339.164.487.592.327.948-.457 1.032-.69 2.176-.69 3.404 0 1.244.24 2.404.71 3.444a.74.74 0 0 1 .041.488l-1.15 4.52 4.282-1.205a.66.66 0 0 1 .468.044c.972.484 2.114.74 3.3.74 1.69 0 3.256-.58 4.525-1.56L2.68 3.222a.74.74 0 0 1 0-1.012.66.66 0 0 1 .964 0l2.29 2.404c1.672-1.668 3.912-2.612 6.243-2.612 2.411 0 4.674.984 6.377 2.768 1.699 1.784 2.636 4.163 2.636 6.695 0 2.464-.884 4.78-2.495 6.547m1.135-6.547c0-4.432-3.432-8.035-7.653-8.035a7.5 7.5 0 0 0-5.28 2.196l10.826 11.366a8.2 8.2 0 0 0 2.107-5.527"
         })
     }));
-}, v = m;
+}, d = m;