@telefonica/mistica 15.20.0 → 16.0.0

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: a, size: e = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), l = a !== null && a !== void 0 ? a : 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({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m15.998 14.971 5.79 5.79a.716.716 0 0 1 0 1.02.7.7 0 0 1-.513.214.72.72 0 0 1-.512-.214l-4.756-4.757v4.245a.73.73 0 0 1-.73.731.74.74 0 0 1-.368-.098l-9.466-5.539h-2.35a.727.727 0 0 1-.727-.726V8.73c0-.4.326-.727.726-.727h2.546a.727.727 0 0 1 0 1.453h-1.82v5.455h1.82c.13 0 .256.033.368.098l8.54 4.999v-4.431L2.213 3.241A.728.728 0 0 1 3.24 2.213L7.7 6.677l7.2-4.213a.73.73 0 0 1 1.098.628zM14.546 4.364 8.77 7.743l5.776 5.776z"
@@ -113,7 +113,7 @@ const c = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "m15.998 14.971 5.79 5.79a.716.716 0 0 1 0 1.02.7.7 0 0 1-.513.214.72.72 0 0 1-.512-.214l-4.756-4.757v4.245a.73.73 0 0 1-.73.731.74.74 0 0 1-.368-.098l-9.466-5.539h-2.35a.727.727 0 0 1-.727-.726V8.73c0-.4.326-.727.726-.727h2.546a.727.727 0 0 1 0 1.453h-1.82v5.455h1.82c.13 0 .256.033.368.098l8.54 4.999v-4.431L2.213 3.241A.728.728 0 0 1 3.24 2.213L7.7 6.677l7.2-4.213a.73.73 0 0 1 1.098.628zM14.546 4.364 8.77 7.743l5.776 5.776z"

package/dist/generated/mistica-icons/icon-negative-film-regular.js

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,14 +93,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: i, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = i !== null && i !== void 0 ? i : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -123,8 +123,8 @@ const p = (_param)=>{
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
@@ -147,4 +147,4 @@ const p = (_param)=>{
             })
         ]
     }));
-}, v = p;
+}, M = p;

package/dist/generated/mistica-icons/icon-network-hotspot-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,11 +93,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const p = (_param)=>{
-    var { color: l, size: a = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseVariant)(), c = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = r !== null && r !== void 0 ? r : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -147,4 +147,4 @@ const p = (_param)=>{
             })
         ]
     }));
-}, v = p;
+}, M = p;

package/dist/generated/mistica-icons/icon-network-hotspot-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -97,7 +97,7 @@ const p = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), a = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
     return s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
@@ -147,4 +147,4 @@ const p = (_param)=>{
             })
         ]
     }));
-}, u = p;
+}, M = p;

package/dist/generated/mistica-icons/icon-neural-network-filled.js

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

package/dist/generated/mistica-icons/icon-neural-network-human-filled.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: l, size: r = 24 } = _param, c = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: e, size: r = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : 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"
-    }, c), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M13.211 2.155c5.04 0 7.815 2.726 7.815 7.672 0 1.003-.117 1.866-.316 2.62h-5.182a1.7 1.7 0 0 0-.535-.695l1.25-3.376c.75-.19 1.307-.854 1.307-1.65 0-.944-.781-1.711-1.745-1.711-.7 0-1.305.409-1.58.997h-1.518v-3.84l.168-.007q.166-.009.336-.01m.704 12.644a1.75 1.75 0 0 0 1.616-1.07h4.708c-.638 1.348-1.568 2.205-2.481 2.726l-.012 4.532a.865.865 0 0 1-.87.854H9.48a.865.865 0 0 1-.87-.854v-1.532c-1.172-.118-2.034-.482-2.57-1.09-.462-.52-.585-1.137-.551-1.543l-.025-1.675-1.832-.474a.87.87 0 0 1-.617-.594.85.85 0 0 1 .205-.823 10.2 10.2 0 0 0 1.582-2.126c.37-.675.58-1.362.62-2.042.226-3.866 2.333-6.227 5.977-6.793V6.4L9.727 8.107a1.8 1.8 0 0 0-.661-.131c-.961 0-1.745.767-1.745 1.711S8.102 11.4 9.066 11.4c.96 0 1.742-.768 1.742-1.712 0-.235-.05-.468-.146-.683l1.67-1.706h1.837c.138.38.404.695.751.896l-1.185 3.202c-.876.09-1.563.81-1.563 1.695 0 .944.782 1.711 1.742 1.708m1.893-7.641a.43.43 0 0 1-.437-.429c0-.235.196-.428.437-.428.238 0 .434.193.434.428a.433.433 0 0 1-.434.429M9.312 9.343a.45.45 0 0 0-.246-.087.434.434 0 0 0-.437.428.434.434 0 0 0 .437.429c.24 0 .437-.193.437-.429a.42.42 0 0 0-.087-.24c-.013-.03-.048-.057-.075-.077zm4.6 3.316a.433.433 0 0 0-.435.429.433.433 0 0 0 .435.428c.24 0 .437-.193.437-.428a.434.434 0 0 0-.437-.429"
         })
     }));
-}, u = s;
+}, u = i;

package/dist/generated/mistica-icons/icon-neural-network-human-regular.js

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: a = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: c, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = 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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M5.304 9.186c.264-4.532 3.05-7.031 7.846-7.031 5.003 0 7.871 2.83 7.874 7.762 0 3.714-1.566 5.616-3.12 6.585l-.011 4.112a1.236 1.236 0 0 1-1.247 1.227H9.593c-.69 0-1.247-.552-1.247-1.23v-1.106c-1.039-.162-1.826-.543-2.35-1.137a2.45 2.45 0 0 1-.627-1.748l-.02-1.289-1.44-.375a1.24 1.24 0 0 1-.882-.851 1.22 1.22 0 0 1 .291-1.183 9.4 9.4 0 0 0 1.446-1.952 4.24 4.24 0 0 0 .54-1.784m14.471.73c0-4.447-2.44-6.531-6.62-6.531a9 9 0 0 0-.362.01q-.06 0-.119.004V6.26h1.448a1.66 1.66 0 0 1 1.507-.955c.92 0 1.664.737 1.664 1.642 0 .762-.532 1.398-1.25 1.582l-1.19 3.233c.225.174.4.403.51.664h4.073a8.9 8.9 0 0 0 .339-2.51m-3.129 10.696.011-4.835a4.97 4.97 0 0 0 2.292-2.118h-3.583a1.67 1.67 0 0 1-1.54 1.025 1.654 1.654 0 0 1-1.665-1.641c0-.849.656-1.538 1.49-1.625l1.13-3.067a1.66 1.66 0 0 1-.715-.86h-1.75l-1.594 1.633c.09.202.14.423.14.656 0 .904-.748 1.641-1.664 1.641A1.654 1.654 0 0 1 7.534 9.78c0-.905.745-1.639 1.664-1.639q.326 0 .63.123l1.597-1.636v-3.1c-2.93.498-4.678 2.355-4.874 5.73-.048.807-.3 1.589-.69 2.3a10.5 10.5 0 0 1-1.635 2.21l2.356.614.033 2.277s-.249 1.706 2.975 1.706v2.247zm-7.448-10.42a.41.41 0 0 0 .414-.41.4.4 0 0 0-.08-.232l-.02-.012-.034-.022q-.016-.015-.027-.035-.007-.014-.018-.026a.4.4 0 0 0-.235-.081.413.413 0 0 0-.417.408c.002.227.19.41.417.41m6.429-2.835c.23 0 .417-.182.417-.41a.415.415 0 0 0-.418-.408.41.41 0 0 0-.414.409c0 .227.188.409.415.409m-1.39 5.686a.415.415 0 0 0-.83 0c.001.227.189.409.416.409a.41.41 0 0 0 .414-.409"

package/dist/generated/mistica-icons/icon-neural-network-light.js

@@ -91,15 +91,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const t = (_param)=>{
-    var { color: o, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const e = (_param)=>{
+    var { color: o, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), s = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = o !== null && o !== void 0 ? o : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
@@ -108,4 +108,4 @@ const t = (_param)=>{
             d: "M16.881 4.02c3.939.19 4.138 4.047 4.138 4.837 0 .448-.065 1.936-.858 3.143.796 1.202.86 2.686.86 3.134 0 .796-.201 4.7-4.137 4.85-.434 1.2-1.423 1.856-2.818 1.856-.997 0-1.66-.574-2.056-1.176-.364.538-1.014 1.176-2.078 1.176-1.398 0-2.39-.66-2.821-1.868-3.938-.188-4.137-4.048-4.137-4.838 0-.45.064-1.938.86-3.142-.796-1.202-.86-2.687-.86-3.135 0-.795.201-4.7 4.137-4.846.434-1.201 1.423-1.86 2.818-1.86.997 0 1.658.574 2.056 1.177.364-.538 1.014-1.177 2.078-1.177 1.395 0 2.387.661 2.818 1.869m-.224 15.137c3.266-.056 3.521-3.09 3.521-4.025 0-.412-.064-1.84-.863-2.874-.428-.454-1.014-.726-1.747-.804h-.003a.416.416 0 0 1-.37-.454.417.417 0 0 1 .465-.361q.359.038.706.137l.01-.018a.2.2 0 0 1 .023-.032c.107-.099.418-.398.043-.785-.169-.157-.2-.44-.04-.605.16-.162.404-.19.569-.036l.078.075c.4.412.63 1.087.115 1.74q.21.114.398.255c.566-.98.616-2.146.616-2.516 0-.944-.255-4.022-3.52-4.028-.836 0-1.225.712-1.337 1.026l-.053.16a.427.427 0 0 1-.53.268q0-.004-.005-.003a.41.41 0 0 1-.269-.512l.032-.094.032-.094c.222-.613.706-1.232 1.482-1.47-.339-.751-.991-1.135-1.947-1.135-1.05 0-1.535 1.03-1.638 1.28-.003.23-.009.95-.009 1.14v3.46h4.185v-.995a1.18 1.18 0 0 1-.781-1.095c0-.65.54-1.174 1.204-1.174s1.205.527 1.205 1.174c0 .504-.33.933-.787 1.098v1.403a.414.414 0 0 1-.42.41h-2.449v2.033c.356.104.642.364.776.706h2.824c.235 0 .423.182.423.409v1.795c.465.163.776.6.781 1.093 0 .65-.54 1.173-1.204 1.173s-1.205-.526-1.205-1.173c.006-.493.32-.933.787-1.096v-1.38h-2.403c-.171.445-.61.764-1.126.764-.664 0-1.205-.526-1.205-1.174 0-.476.294-.885.71-1.07v-2.08h-1.317v6.71h1.372c.174-.442.61-.761 1.126-.761.664 0 1.205.526 1.205 1.174s-.541 1.173-1.205 1.173c-.515 0-.955-.316-1.126-.762h-1.37v1.39c.009.16.003.795 0 .988.076.252.49 1.432 1.645 1.432.958 0 1.61-.384 1.95-1.137a2.8 2.8 0 0 1-.88-.474l-.006-.003-.001-.001-.002-.002a.4.4 0 0 1-.059-.565.433.433 0 0 1 .591-.068 2 2 0 0 0 .168.118c.3.19.58.297.83.272zm.367-12.042a.36.36 0 0 1-.364-.353c0-.193.163-.353.361-.353.2 0 .362.16.362.353a.353.353 0 0 1-.359.353m1.149 8.24a.36.36 0 0 0-.364.354.36.36 0 0 0 .36.353.36.36 0 0 0 .365-.353.357.357 0 0 0-.361-.353m-3.586-2.532a.36.36 0 0 0-.361-.352.353.353 0 1 0 0 .706.357.357 0 0 0 .361-.354m-.036 3.975a.36.36 0 0 0 .364.353c.199 0 .361-.16.361-.353a.36.36 0 0 0-.361-.353.36.36 0 0 0-.364.353m-8.437-.54c.201 0 .364-.16.361-.353a.357.357 0 0 0-.361-.353.36.36 0 0 0-.364.353.36.36 0 0 0 .364.353m3.47-1.843a.36.36 0 0 0-.36-.353.36.36 0 0 0-.362.355.357.357 0 0 0 .361.353.36.36 0 0 0 .361-.355M6.36 9.255a.36.36 0 0 0-.364-.353.357.357 0 0 0-.361.353.36.36 0 0 0 .361.353.357.357 0 0 0 .364-.353m2.835-2.112a.36.36 0 0 0 .364-.353.36.36 0 0 0-.364-.353.357.357 0 0 0-.361.353.357.357 0 0 0 .361.353m.734 13.874c1.053 0 1.535-1.023 1.65-1.277.003-.233.008-.95.008-1.143v-.505H6.125a.414.414 0 0 1-.42-.409V17a1.18 1.18 0 0 1-.784-1.098c0-.647.54-1.174 1.204-1.174s1.205.527 1.205 1.174c0 .504-.328.93-.785 1.098v.272h5.042v-5.336H9.654v1.383c.457.168.785.591.785 1.095 0 .648-.54 1.174-1.205 1.174-.664 0-1.204-.526-1.204-1.173.003-.493.316-.93.781-1.096v-1.792a.416.416 0 0 1 .42-.41h2.353v-1.45h-4.45c-.174.445-.611.764-1.127.764-.663 0-1.204-.526-1.204-1.173s.54-1.174 1.204-1.174a1.2 1.2 0 0 1 1.124.762h4.453V7.202H10.33a1.2 1.2 0 0 1-1.123.764c-.664 0-1.204-.523-1.204-1.173s.54-1.174 1.204-1.174a1.2 1.2 0 0 1 1.124.762h1.252v-.986a29 29 0 0 1 0-.986c-.076-.252-.493-1.431-1.645-1.431-.94 0-1.588.372-1.932 1.1a2 2 0 0 1 .54.216c.19.115.25.364.135.555a.426.426 0 0 1-.577.143 1.2 1.2 0 0 0-.673-.163h-.002c-3.356 0-3.611 3.087-3.611 4.03 0 .41.064 1.8.829 2.83q.284.241.82.289c.356.03.65-.02.872-.152a.425.425 0 0 1 .585.152.404.404 0 0 1-.148.551q-.471.281-1.115.28l-.06-.002-.06-.003c-.026.17.016.395.36.524l.074.025.004.001.004.002a.41.41 0 0 1 .25.52.42.42 0 0 1-.538.25l-.093-.034c-.56-.213-1.005-.725-.888-1.442a2 2 0 0 1-.238-.098c-.605.994-.66 2.204-.66 2.582 0 .944.254 4.031 3.528 4.031l.017.002.017.001.03-.005a.2.2 0 0 1 .04-.006c.255.028.532-.081.826-.27a.425.425 0 0 1 .583.119l.004.005.005.006a.4.4 0 0 1-.132.554c-.25.16-.496.266-.74.33.342.738.99 1.116 1.936 1.116"
         })
     }));
-}, n = t;
+}, n = e;

package/dist/generated/mistica-icons/icon-neural-network-regular.js

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

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

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

@@ -93,17 +93,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const l = (_param)=>{
-    var { color: s, size: h = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: s, size: h = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = (0, _themevariantcontext.useIsInverseVariant)(), t = s !== null && s !== void 0 ? s : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = s !== null && s !== void 0 ? s : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M5.11 2v20h13.793V2zm6.532 12.964H7.284V10.89h4.358zM10.555 12h-2.18v1.854h2.18zm5.988.74a.547.547 0 0 1-.543.554h-2.904a.547.547 0 0 1-.544-.554c0-.309.242-.555.544-.555h2.903c.298 0 .544.251.544.555m-4.901 7.04H7.284v-4.072h4.358zm-3.266-2.963v1.854h2.179v-1.854zM16 18.482a.547.547 0 0 0 .543-.555.55.55 0 0 0-.543-.555h-2.904a.547.547 0 0 0-.544.555c0 .308.242.555.544.555zM6.56 9.037V5.518h10.889v3.519zm10.889-5.558v.925H6.559v-.925zm0 17.042H6.559V10.146h10.89z"
@@ -113,7 +113,7 @@ const l = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,

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

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

package/dist/generated/mistica-icons/icon-no-conexion-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconNoConexionFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconNoConexionFilled;

package/dist/generated/mistica-icons/{icon-not-conexion-filled.js → icon-no-conexion-filled.js}

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = c !== null && c !== void 0 ? c : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "M20.605 15.41a5 5 0 0 0-1-.788c-.543-.336-1.1-.504-1.66-.504q-.236 0-.474.042c-.72.12-1.423.524-2.095 1.196-.171.171-.278.291-.443.496a.3.3 0 0 1-.118.025c-.184 0-.54-.115-1.131-.518-.883-.605-1.922-1.614-2.628-2.322l-.084-.082c-.706-.705-1.714-1.747-2.32-2.63-.523-.762-.562-1.134-.495-1.252a6 6 0 0 0 .496-.442c.672-.673 1.076-1.379 1.199-2.096.12-.72-.034-1.44-.465-2.134a4.9 4.9 0 0 0-.787-1c-.81-.807-1.65-1.224-2.496-1.241H6.05c-.86 0-1.731.415-2.583 1.23-.3.283-.59.684-.69.822l-.005.007-.014.017-.016.025c-.796 1.154-.776 2.941.056 5.033.873 2.188 2.568 4.58 4.907 6.92l.006.002.078.078c2.34 2.34 4.731 4.037 6.919 4.908 1.07.426 2.061.641 2.93.641.826 0 1.54-.193 2.104-.582l.025-.02.017-.011c.134-.095.54-.39.831-.692.832-.871 1.247-1.759 1.227-2.639-.017-.845-.431-1.683-1.238-2.49m-3.826-3.342c-3.053 0-4.832-1.544-4.832-4.838 0-3.3 1.779-4.843 4.832-4.843s4.835 1.543 4.835 4.843-1.782 4.838-4.835 4.838M15.56 9.3 16.78 8.08 18 9.303a.604.604 0 0 0 .852.003l.003-.003a.605.605 0 0 0 0-.854l-1.222-1.222 1.222-1.224a.604.604 0 0 0-.852-.854L16.782 6.37l-1.216-1.218a.605.605 0 0 0-.854.854l1.215 1.218-1.215 1.219a.603.603 0 1 0 .848.857"
         })
     }));
-}, f = i;
+}, f = s;

package/dist/generated/mistica-icons/{icon-smiley-sad-filled.d.ts → icon-no-conexion-light.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconSmileySadFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconSmileySadFilled;
+declare const IconNoConexionLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconNoConexionLight;

package/dist/generated/mistica-icons/{icon-not-conexion-light.js → icon-no-conexion-light.js}

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

package/dist/generated/mistica-icons/{icon-not-conexion-filled.d.ts → icon-no-conexion-regular.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconNotConexionFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
-export default IconNotConexionFilled;
+declare const IconNoConexionRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconNoConexionRegular;

package/dist/generated/mistica-icons/{icon-not-conexion-regular.js → icon-no-conexion-regular.js}

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: r, size: o = 24 } = _param, a = _object_without_properties(_param, [
+const t = (_param)=>{
+    var { color: l, size: o = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), n = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = l !== null && l !== void 0 ? l : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -108,4 +108,4 @@ const s = (_param)=>{
             d: "M20.506 14.771c.868.869 1.32 1.793 1.336 2.754.02.989-.426 1.966-1.32 2.902a7 7 0 0 1-.856.722l-.023.014-.005.005-.003.003-.006.004-.008.005-.006.006c-.63.434-1.412.655-2.322.655-.902 0-1.9-.218-2.975-.644-2.129-.849-4.442-2.487-6.697-4.742l-.062-.065-.011-.01-.006-.006c-2.252-2.25-3.89-4.566-4.74-6.695-.86-2.157-.856-4.037.01-5.291l.016-.023c.141-.195.428-.59.745-.89.936-.897 1.9-1.314 2.902-1.32.958.017 1.885.468 2.754 1.336.341.342.624.7.834 1.065.476.767.65 1.582.51 2.406-.134.8-.569 1.571-1.291 2.294q-.126.127-.26.246c.05.118.145.303.33.577.538.785 1.462 1.734 2.109 2.381l.079.079c.647.644 1.596 1.568 2.383 2.109.272.185.457.28.574.33.076-.086.152-.165.25-.26.72-.72 1.493-1.157 2.294-1.291.826-.14 1.641.036 2.423.518.344.204.703.485 1.042.826m-.855 4.824c.667-.698.998-1.387.986-2.048-.01-.636-.344-1.283-.983-1.921a4 4 0 0 0-.818-.645c-.537-.333-1.072-.45-1.6-.364-.548.093-1.1.415-1.643.955a5 5 0 0 0-.37.415.7.7 0 0 1-.177.148c-.409.233-.983.073-1.812-.493-.868-.596-1.874-1.568-2.552-2.249l-.078-.078c-.68-.681-1.656-1.684-2.25-2.552-.565-.826-.725-1.4-.495-1.81a.6.6 0 0 1 .148-.176c.171-.137.272-.227.418-.37.54-.54.862-1.092.955-1.644.09-.527-.031-1.062-.356-1.586a3.8 3.8 0 0 0-.65-.831c-.641-.64-1.288-.972-1.924-.984-.68-.017-1.35.32-2.048.986a5.3 5.3 0 0 0-.58.698c-.652.944-.61 2.42.096 4.19.787 1.972 2.33 4.143 4.459 6.278l.022.02.07.07c2.14 2.14 4.317 3.688 6.295 4.475 1.75.698 3.257.74 4.16.118a.3.3 0 0 1 .055-.042c.146-.104.457-.336.672-.56m-6.495-12.35c0 2.507 1.117 3.624 3.624 3.624 2.51 0 3.628-1.117 3.628-3.624.003-2.51-1.118-3.63-3.628-3.628-2.507 0-3.624 1.118-3.624 3.628m3.624 4.832c-3.053 0-4.832-1.541-4.832-4.832 0-3.294 1.78-4.835 4.832-4.835 3.054 0 4.838 1.543 4.838 4.835s-1.784 4.832-4.838 4.832M14.71 8.46a.6.6 0 0 0 0 .852.605.605 0 0 0 .855 0l1.215-1.216 1.216 1.224a.605.605 0 0 0 .854-.854l-1.22-1.221 1.22-1.222A.602.602 0 1 0 18 5.172l-1.221 1.221-1.216-1.216a.602.602 0 1 0-.852.852l1.216 1.216z"
         })
     }));
-}, h = s;
+}, h = t;

package/dist/generated/mistica-icons/icon-no-hidden-bills-filled.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: a, size: e = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: a, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), i = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: l,
             d: "M21.319 21.79a.654.654 0 0 1-.958 0L3.797 4.398 2.669 3.22a.74.74 0 0 1 0-1.01.66.66 0 0 1 .962 0l1.637 1.719c.24-.905 1.028-1.568 1.963-1.568h9.525c1.124 0 2.042.96 2.042 2.144v13.63l2.52 2.646a.74.74 0 0 1 0 1.01m-2.547-.151H5.194V7.383zM15.398 5.751c.274 0 .54.069.784.201a.497.497 0 0 0 .688-.228.547.547 0 0 0-.218-.722 2.6 2.6 0 0 0-1.258-.325c-1.328 0-2.434 1.001-2.673 2.322h-.392a.52.52 0 0 0-.51.535.52.52 0 0 0 .51.535h.392c.24 1.32 1.345 2.321 2.673 2.321q.662-.002 1.258-.324a.55.55 0 0 0 .217-.722.504.504 0 0 0-.687-.229 1.6 1.6 0 0 1-.784.201c-.757 0-1.397-.53-1.615-1.247h1.615a.52.52 0 0 0 .51-.535.52.52 0 0 0-.51-.535h-1.615c.218-.722.853-1.248 1.615-1.248"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: l,
             d: "M21.319 21.79a.654.654 0 0 1-.958 0L3.797 4.398 2.669 3.22a.74.74 0 0 1 0-1.01.66.66 0 0 1 .962 0l1.637 1.719c.24-.905 1.028-1.568 1.964-1.568h9.524c1.124 0 2.042.96 2.042 2.144v13.63l2.52 2.646a.74.74 0 0 1 0 1.01m-2.547-.151H5.194V7.383zM15.398 5.751c.274 0 .54.069.784.201a.497.497 0 0 0 .688-.228.547.547 0 0 0-.218-.722 2.6 2.6 0 0 0-1.258-.325c-1.328 0-2.434 1.001-2.673 2.322h-.392a.52.52 0 0 0-.51.535.52.52 0 0 0 .51.535h.392c.24 1.32 1.345 2.321 2.673 2.321.44 0 .862-.11 1.258-.324a.55.55 0 0 0 .218-.722.504.504 0 0 0-.688-.229 1.6 1.6 0 0 1-.784.201c-.757 0-1.397-.53-1.615-1.247h1.615a.52.52 0 0 0 .51-.535.52.52 0 0 0-.51-.535h-1.615c.218-.722.853-1.248 1.615-1.248"
         })
     }));

package/dist/generated/mistica-icons/icon-no-hidden-bills-light.js

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

package/dist/generated/mistica-icons/icon-no-hidden-bills-regular.js

@@ -93,12 +93,12 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: l, size: e = 24 } = _param, c = _object_without_properties(_param, [
+    var { color: i, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), r = l !== null && l !== void 0 ? l : 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 l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : 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: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-no-photo-camera-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconNoPhotoCameraFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconNoPhotoCameraFilled;

package/dist/generated/mistica-icons/{icon-not-photo-camera-filled.js → icon-no-photo-camera-filled.js}

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: t, size: l = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseVariant)(), o = r !== null && r !== void 0 ? r : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
-    return e.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "M2.51 11.308c-.343.333-.51.849-.51 1.577s.167 1.243.51 1.576.875.495 1.626.495 1.283-.162 1.627-.495c.343-.332.51-.848.51-1.576 0-.73-.167-1.247-.514-1.58-.343-.332-.873-.492-1.618-.492h-.005c-.751 0-1.283.162-1.626.495M21.47 18c.222-.005.312-.07.36-.12.16-.166.174-.5.168-.563l-.003-8.672q.002-.406-.18-.574a.6.6 0 0 0-.336-.14l-5.603-.002a.58.58 0 0 1-.522-.288C15 7 14.893 6.5 14.365 6.5c-.279 0-1.865 0-2.173.005-.514.01-.488.476-.8 1.1a.61.61 0 0 1-.542.327c-2.588 0-4.78 0-5.33.006q-.47.003-.649.198c-.16.174-.146.446-.143.449l.004 1.43c.674.081 1.214.308 1.61.678.525.49.792 1.228.792 2.192 0 .963-.267 1.7-.792 2.191-.392.366-.926.591-1.59.675l.004 1.533c.021.663.352.705.408.712h.005l.003.001zm-8.18-7.93c.575.014 2.818.237 2.817 2.899 0 2.666-2.245 2.873-2.81 2.884l-.08.001h-.002l-.091.002h-.095c-.59-.008-2.807-.218-2.807-2.901 0-2.678 2.198-2.876 2.787-2.882h.059a2 2 0 0 1 .222-.003m-.011 4.62c1.624-.029 1.625-1.302 1.625-1.721s0-1.699-1.642-1.737c-.059-.002-.126-.002-.19-.002h-.049c-1.594.013-1.594 1.3-1.594 1.722 0 .425 0 1.717 1.62 1.742h.075zm-8.17-.397a.44.44 0 0 1-.305-.121l-.649-.633a.064.064 0 0 0-.09 0l-.646.627a.44.44 0 0 1-.61 0 .407.407 0 0 1 0-.587l.65-.629a.06.06 0 0 0 0-.086l-.65-.629a.407.407 0 0 1 0-.587.43.43 0 0 1 .304-.122c.115 0 .223.043.304.122l.648.628a.065.065 0 0 0 .09 0l.65-.631a.43.43 0 0 1 .304-.122c.115 0 .223.043.304.122a.407.407 0 0 1 0 .587l-.652.632a.06.06 0 0 0 0 .086l.652.632a.41.41 0 0 1 0 .589.43.43 0 0 1-.304.122"
         })
-    })) : e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "M5.136 6.043h-.014l3.24 3.24q.005-.005.004-.006l.668.668-.003.01 4.375 4.376c.003 0 .007-.004.01-.004l.669.668q-.007.005-.008.004l3.52 3.52h.015l3.292 3.292c.125.125.29.187.456.187a.642.642 0 0 0 .455-1.094l-2.456-2.455c.819-.202 1.542-.822 1.542-1.674V7.966c0-1.028-.9-1.927-1.927-1.927H16.84l-2.386-2.213a.64.64 0 0 0-.436-.173L9.622 3.65a.64.64 0 0 0-.437.172L6.88 5.97 3.096 2.185a.64.64 0 0 0-.907 0 .64.64 0 0 0 0 .907zm6.68 1.373a4.135 4.135 0 0 1 4.13 4.129c0 .976-.342 1.872-.91 2.58l-.654-.653c.42-.555.646-1.232.646-1.927a3.213 3.213 0 0 0-3.212-3.212c-.723 0-1.387.242-1.926.646l-.654-.653a4.13 4.13 0 0 1 2.58-.91m3.964 11.103H4.477c-1.01 0-1.744-.734-1.744-1.744V7.966c0-.653.364-1.251.892-1.604l4.188 4.188c-.08.32-.125.653-.125.995a4.135 4.135 0 0 0 4.13 4.129q.517-.002.994-.125zm-7.175-6.974c0-.063.007-.125.01-.191l3.389 3.388c-.063.003-.125.01-.191.01a3.207 3.207 0 0 1-3.208-3.207"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -125,7 +125,7 @@ const m = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "M5.136 6.043h-.014l3.24 3.24q.005-.005.004-.006l.668.668-.003.01 4.375 4.376q.006-.002.01-.004l.669.668q-.006.005-.007.004l3.52 3.52h.014l3.293 3.292c.124.125.29.187.455.187a.642.642 0 0 0 .455-1.094l-2.456-2.455c.819-.202 1.542-.822 1.542-1.674V7.966c0-1.028-.9-1.927-1.927-1.927H16.84l-2.385-2.213a.64.64 0 0 0-.437-.173L9.622 3.65a.64.64 0 0 0-.437.172L6.88 5.97 3.096 2.185a.64.64 0 0 0-.907 0 .64.64 0 0 0 0 .907zm6.68 1.373a4.135 4.135 0 0 1 4.13 4.129c0 .976-.342 1.872-.91 2.58l-.654-.653c.42-.555.646-1.232.646-1.927a3.213 3.213 0 0 0-3.211-3.212c-.723 0-1.388.242-1.927.646l-.654-.653a4.13 4.13 0 0 1 2.58-.91m3.965 11.103H4.476c-1.01 0-1.744-.734-1.744-1.744V7.966c0-.653.364-1.251.892-1.604l4.188 4.188c-.08.32-.125.653-.125.995a4.135 4.135 0 0 0 4.13 4.129q.517-.002.994-.125zm-7.176-6.974c0-.063.007-.125.011-.191l3.388 3.388c-.063.003-.125.01-.191.01a3.206 3.206 0 0 1-3.208-3.207"
         })
     }));

package/dist/generated/mistica-icons/icon-no-photo-camera-light.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconNoPhotoCameraLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconNoPhotoCameraLight;

package/dist/generated/mistica-icons/{icon-not-photo-camera-light.js → icon-no-photo-camera-light.js}

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

package/dist/generated/mistica-icons/icon-no-photo-camera-regular.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconNoPhotoCameraRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconNoPhotoCameraRegular;