@telefonica/mistica 15.20.1 → 16.0.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: c, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), a = c !== null && c !== void 0 ? c : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: e,
             d: "M11.44 21.576a.698.698 0 0 0 1.08 0l9.131-9.417.017-.017a.76.76 0 0 0 .098-.813.71.71 0 0 0-.644-.417h-4.196c-.09 0-.16-.081-.16-.185l.003-6.885c0-.927-.754-1.68-1.681-1.68h-6.21c-.927 0-1.68.753-1.68 1.68v6.888c0 .1-.074.185-.16.185H2.867a.71.71 0 0 0-.645.414.76.76 0 0 0 .096.813l.016.017zm.413-.381L2.749 11.78a.21.21 0 0 1-.02-.213.15.15 0 0 1 .14-.095h4.169c.397 0 .72-.333.72-.745v-6.88c0-.619.5-1.12 1.12-1.12h6.207c.62 0 1.12.501 1.12 1.12l-.002 6.883c0 .409.322.745.72.745h4.199c.061 0 .117.04.14.095a.21.21 0 0 1-.02.21l-9.126 9.415-.017.017a.15.15 0 0 1-.115.058.16.16 0 0 1-.114-.058z"
         })
     }));
-}, m = s;
+}, d = i;

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

@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseVariant)(), r = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: e,
                 d: "M6.143 13.214 12 19.071l5.857-5.857c.464-.464.607-1.214.357-1.857-.25-.607-.785-.964-1.393-.964H14.68V2.714A.716.716 0 0 0 13.964 2a.716.716 0 0 0-.714.714v9.107h3.571s.036 0 .072.072c.036.107.036.25-.036.321L12 17.071l-4.857-4.857c-.072-.071-.072-.214-.036-.321.036-.072.072-.072.072-.072h3.571V2.714A.716.716 0 0 0 10.036 2a.716.716 0 0 0-.715.714v7.679H7.18c-.608 0-1.143.357-1.393.964-.25.643-.107 1.393.357 1.857"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: e,
                 d: "M4.143 22h15.714A2.15 2.15 0 0 0 22 19.857V12a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v7.857a.716.716 0 0 1-.714.714H4.143a.716.716 0 0 1-.714-.714V12a.716.716 0 0 0-.715-.714A.716.716 0 0 0 2 12v7.857A2.15 2.15 0 0 0 4.143 22"
             })
         ]
@@ -119,9 +119,9 @@ const v = (_param)=>{
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: e,
             d: "M11.264 21.488c.179.213.445.336.725.336s.546-.123.728-.336l8.863-9.143q.018-.016.03-.033c.25-.303.3-.726.13-1.079a.96.96 0 0 0-.874-.56h-3.961l.003-6.596a1.903 1.903 0 0 0-1.905-1.905h-6.03c-1.051 0-1.905.854-1.905 1.905v6.596H3.135a.96.96 0 0 0-.871.56 1.01 1.01 0 0 0 .144 1.096l.015.016zm.728-.812-8.62-8.913v-.003h3.816c.535 0 .972-.448.972-.997V4.077c0-.449.364-.816.815-.816h6.03c.452 0 .816.367.816.818l-.003 6.687c0 .549.437.997.972.997h3.843z"
         })
     }));

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

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

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
+const a = (_param)=>{
     var { color: o, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), n = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -104,8 +104,8 @@ const h = (_param)=>{
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: e,
             d: "M19.948 5.13a.407.407 0 0 0-.162-.558l-3.676-2.02a.415.415 0 0 0-.61.262l-.647 2.667h-9.6c-.693 0-1.256.554-1.253 1.281l1.628 13.505c0 .681.563 1.233 1.257 1.233h8.238c.692 0 1.254-.552 1.252-1.184L18.014 6.71c0-.679-.566-1.233-1.257-1.233h-1.049l.475-1.95 3.196 1.758c.202.11.454.04.569-.157M5.25 6.296h9.403l-.675 2.774H5.115l-.287-2.36c0-.23.19-.414.423-.414m10.258 0h1.245c.235 0 .424.187.426.365l-.29 2.41h-2.059zm1.284 3.593-1.249 10.383a.42.42 0 0 1-.423.413H6.885c-.233 0-.424-.186-.426-.462L5.213 9.89h8.561l-2.22 9.12v.003a.41.41 0 0 0 .308.489h.002a.415.415 0 0 0 .5-.303l2.268-9.309zm-7.819 3.742c-.303.298-.592.398-.841.395-.39 0-.686-.243-.787-.343l-.079-.079c-.158-.162-.727-.849.05-1.611.297-.292.584-.39.832-.39.4 0 .702.252.8.344l.077.075c.167.168.73.844-.052 1.61m.588.576c.978-.96.737-2.074.063-2.755-.03-.03-.066-.065-.099-.092-.183-.173-.683-.573-1.38-.573-.357 0-.893.108-1.423.63-.967.949-.726 2.066-.062 2.752q.03.032.062.063l.033.032c.183.176.678.581 1.374.581.358 0 .896-.11 1.432-.638m1.229 1.893-.068-.068a1.5 1.5 0 0 0-1.017-.41c-.267 0-.669.078-1.051.456-.71.698-.522 1.547-.041 2.039l.063.062c.278.268.65.424 1.019.424.27 0 .669-.078 1.057-.46.718-.705.521-1.554.038-2.043m-.626 1.462c-.169.165-.33.222-.47.222a.67.67 0 0 1-.437-.192l-.043-.043c-.085-.09-.402-.473.03-.895.164-.165.325-.219.461-.219.224 0 .391.14.446.192.013.01.03.027.043.04.093.092.405.468-.03.895"
         })
     }));
-}, v = h;
+}, v = a;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
+const i = (_param)=>{
     var { color: o, size: l = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = 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: l,
         height: l,
@@ -104,8 +104,8 @@ const s = (_param)=>{
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: n,
             d: "M20.125 5.127a.62.62 0 0 0-.24-.843l-3.676-2.05a.62.62 0 0 0-.555-.026.61.61 0 0 0-.355.423l-.608 2.546H5.259c-.806 0-1.462.653-1.459 1.53l1.63 13.678a1.46 1.46 0 0 0 1.462 1.456h8.227c.81 0 1.463-.652 1.46-1.384l1.638-13.823c0-.804-.658-1.457-1.465-1.457h-.781l.35-1.456 2.955 1.647.003.001.003.002c.3.168.678.058.843-.241zM5.259 6.421h9.13l-.578 2.4H5.307l-.26-2.187c0-.118.095-.213.212-.213m10.415 0h1.081c.118 0 .216.095.222.14l-.27 2.26h-1.61zm.885 3.641-1.224 10.323a.21.21 0 0 1-.213.21h-8.23c-.117 0-.215-.095-.218-.286L5.453 10.062h8.058l-2.156 8.992a.625.625 0 0 0 1.215.291l2.227-9.282zm-7.58 3.589c-.302.302-.594.403-.84.406-.392 0-.683-.25-.787-.35l-.079-.079c-.156-.168-.725-.862.05-1.636.3-.296.586-.395.836-.395.397 0 .697.253.798.348l.076.075c.165.169.728.852-.054 1.63m.589.585c.977-.975.736-2.106.061-2.795l-.066-.067-.029-.029c-.182-.173-.678-.58-1.375-.58-.356 0-.894.113-1.423.64-.967.963-.729 2.095-.065 2.792l.098.098c.18.177.673.585 1.37.585.356 0 .894-.109 1.429-.644m.602 3.4c-.171.169-.33.228-.468.228a.66.66 0 0 1-.468-.227l-.014-.014c-.087-.093-.403-.48.028-.908.168-.165.328-.221.465-.221.222 0 .387.14.443.193l.042.042c.092.095.406.474-.028.908m.627-1.481-.064-.065c-.135-.126-.499-.425-1.02-.422-.269 0-.67.08-1.053.462-.711.708-.518 1.566-.042 2.067l.064.064c.28.272.653.432 1.02.432.269 0 .667-.081 1.056-.468.717-.714.524-1.574.04-2.07"
         })
     }));
-}, f = s;
+}, f = i;

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
+const h = (_param)=>{
     var { color: e, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
@@ -104,8 +104,8 @@ const i = (_param)=>{
         role: "presentation"
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: i,
             d: "M8.2 9.59V6.775c0-.74-.574-1.339-1.28-1.336H5.822c-.692 0-1.255.577-1.275 1.297v10.532c.02.717.583 1.294 1.275 1.294H6.92c.708 0 1.28-.596 1.28-1.336v-2.815h.014V9.59zM20.56 6.887c.706 0 1.28.6 1.28 1.336v7.55c0 .739-.574 1.335-1.28 1.335h-.24V6.884h.24zM2.155 8.227c0-.74.571-1.337 1.28-1.337h.26v10.224h-.26c-.706 0-1.28-.6-1.28-1.336zm6.91 5.792v-4.04h5.894v4.04zm10.4-7.132v-.112c0-.74-.57-1.339-1.28-1.336h-1.097c-.709 0-1.28.597-1.28 1.336v10.448c0 .737.574 1.336 1.28 1.336h1.098c.706 0 1.28-.596 1.28-1.336v-.112h.003V6.887z"
         })
     }));
-}, a = i;
+}, a = h;

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: h, size: o = 24 } = _param, t = _object_without_properties(_param, [
+const i = (_param)=>{
+    var { color: e, size: o = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), l = h !== null && h !== void 0 ? h : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: o,
         height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M20.902 6.99h-1.207v-.6a.95.95 0 0 0-.936-.957h-1.204a.95.95 0 0 0-.936.957v3.513l-.035-.008q-.02-.008-.043-.009H7.448a.2.2 0 0 0-.046.009l-.038.008V6.39a.95.95 0 0 0-.936-.957H5.224a.95.95 0 0 0-.936.957v.6H3.087a.945.945 0 0 0-.936.955v8.1c0 .53.418.956.936.956h1.201v.6c0 .529.42.957.936.957h1.204a.95.95 0 0 0 .936-.957v-3.513q.02.002.038.008a.2.2 0 0 0 .046.009h9.093q.023-.001.045-.01l.033-.007v3.513c0 .529.42.957.936.957h1.204a.95.95 0 0 0 .936-.957V17h1.207a.945.945 0 0 0 .935-.955V7.948a.946.946 0 0 0-.935-.958M7.448 13.147v-2.303h9.093v2.303zm10.11 4.454V6.39h1.204V17.6zM4.294 7.945v8.098H3.091V7.945zm15.403 8.101V7.948h1.204v8.098zM5.195 17.605V6.395h1.202v11.21z"
         })
     }));
-}, m = s;
+}, m = i;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: c, size: l = 24 } = _param, v = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseVariant)(), h = c !== null && c !== void 0 ? c : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = c !== null && c !== void 0 ? c : v ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: h,
             d: "M19.474 6.887h1.095c.706 0 1.28.6 1.28 1.336v7.55c0 .736-.574 1.335-1.28 1.335h-1.095v.112c0 .737-.574 1.337-1.28 1.337h-1.098c-.709 0-1.28-.597-1.28-1.337v-2.812H8.202v2.812c0 .737-.574 1.337-1.28 1.337H5.824c-.706 0-1.28-.597-1.28-1.337v-.114H4.54l-.007.002H3.435c-.709 0-1.28-.596-1.28-1.336V8.223c0-.736.574-1.336 1.28-1.336h1.098l.003.001.008.002v-.115c0-.737.574-1.336 1.28-1.336h1.098c.706 0 1.28.597 1.28 1.336V9.59h7.614V6.775c0-.737.574-1.336 1.28-1.336h1.098c.706 0 1.28.597 1.28 1.336zm1.098 8.885V8.223h-1.095v7.55zm-3.473-2.68v4.134h1.098V15.8l-.002-.012-.001-.013V8.226l.001-.014.002-.011V6.775h-1.098v4.142q.002.003.002.01v2.145l-.001.01zm-1.278-.02v-2.146H8.208v2.146zM5.83 17.22h1.098v-4l-.004-.032q-.009-.057-.01-.116v-2.146a1 1 0 0 1 .014-.148V6.775H5.83zM4.54 15.772V8.223H3.443v7.55z"

package/dist/generated/mistica-icons/icon-ear-plug-filled.js

@@ -93,29 +93,29 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: l, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), o = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : 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,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.438 20.842c-.468.635-1.182 1.018-2.128 1.132q-.22.026-.429.025c-1.382 0-2.306-.846-2.728-1.696-.007-.011-.01-.025-.018-.036-1.157-2.757-2.067-3.371-3.032-4.021-.367-.246-.746-.504-1.139-.871-1.221-1.147-1.878-3.01-1.72-4.864.16-1.86 1.088-3.439 2.613-4.446 2.136-1.41 4.003-1.207 5.192-.79 1.818.64 3.168 2.19 3.446 3.065a.63.63 0 0 1-.41.785.63.63 0 0 1-.79-.407c-.135-.425-1.124-1.717-2.667-2.26-1.34-.472-2.71-.25-4.082.653-1.2.793-1.932 2.04-2.057 3.514-.128 1.482.382 2.957 1.332 3.846.318.297.64.514.979.746 1.021.69 2.178 1.468 3.478 4.553.146.286.675 1.115 1.875.968.582-.071 1.007-.278 1.26-.621.447-.6.3-1.46.3-1.471a.624.624 0 0 1 .507-.725c.34-.061.665.16.729.496.018.054.257 1.382-.51 2.425m-3.396-5.45a.625.625 0 0 0-.2.861.63.63 0 0 0 .864.197c.861-.536 1.293-1.047 1.357-1.607.072-.647-.36-1.079-.65-1.365l-.05-.046c-.328-.329-.507-1.2-.392-1.907.025-.16.132-.31.253-.49.254-.367.725-1.053.01-1.895-1.695-1.947-3.763-1.754-5.06-.697-1.31 1.068-1.956 3.171-.57 4.96a.626.626 0 0 0 .992-.76c-.91-1.179-.503-2.518.371-3.228.804-.654 2.097-.854 3.31.539.054.064.072.1.076.103-.014.054-.107.19-.168.279-.164.236-.386.56-.457.996a4 4 0 0 0-.043.443c-.56-.018-1.3.096-1.814.753a2.1 2.1 0 0 0-.44 1.64c.087.55.383 1.05.797 1.332a.63.63 0 0 0 .871-.16.62.62 0 0 0-.164-.869c-.103-.071-.228-.253-.268-.49a.86.86 0 0 1 .19-.678c.21-.271.575-.3.95-.26.125.5.335.964.66 1.289l.054.05c.096.096.271.271.289.335.007-.007-.043.226-.768.675m-10.78-3.224H2.63a.63.63 0 0 0-.629.625v3.6c0 .346.282.624.629.624H7.26a2.34 2.34 0 0 0 2.34-2.332V14.5a2.34 2.34 0 0 0-2.34-2.332M8.346 5.61a3.26 3.26 0 0 0-.56 2.593.63.63 0 0 0 .746.482.626.626 0 0 0 .485-.74 2 2 0 0 1 1.757-2.402.625.625 0 0 0 .56-.686.63.63 0 0 0-.688-.557 3.27 3.27 0 0 0-2.3 1.31m-2.5 2.418q.048-.001.097-.007a.626.626 0 0 0 .525-.714 3.52 3.52 0 0 1 .65-2.646 3.57 3.57 0 0 1 2.356-1.418.625.625 0 1 0-.185-1.236 4.8 4.8 0 0 0-3.186 1.914 4.77 4.77 0 0 0-.878 3.575c.05.31.318.532.621.532"
         })
     })) : /* @__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"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M21.438 20.842c-.468.635-1.182 1.018-2.128 1.132q-.22.026-.429.025c-1.382 0-2.306-.846-2.728-1.696-.007-.011-.01-.025-.018-.036-1.157-2.757-2.067-3.371-3.032-4.021-.367-.246-.746-.504-1.139-.871-1.221-1.147-1.878-3.01-1.72-4.864.16-1.86 1.088-3.439 2.613-4.446 2.136-1.41 4.003-1.207 5.192-.79 1.818.64 3.168 2.19 3.446 3.065a.63.63 0 0 1-.41.785.63.63 0 0 1-.79-.407c-.135-.425-1.124-1.717-2.667-2.26-1.34-.472-2.71-.25-4.082.653-1.2.793-1.932 2.04-2.057 3.514-.128 1.482.382 2.957 1.332 3.846.318.297.64.514.979.746 1.021.69 2.178 1.468 3.478 4.553.146.286.675 1.115 1.875.968.582-.071 1.007-.278 1.26-.621.447-.6.3-1.46.3-1.471a.624.624 0 0 1 .507-.725c.34-.061.665.16.729.496.018.054.257 1.382-.51 2.425m-3.396-5.45a.625.625 0 0 0-.2.861.63.63 0 0 0 .864.196c.861-.535 1.293-1.046 1.357-1.607.072-.646-.36-1.078-.65-1.364l-.05-.046c-.328-.329-.507-1.2-.392-1.907.025-.16.132-.31.253-.49.254-.367.725-1.053.01-1.895-1.695-1.947-3.763-1.754-5.06-.697-1.31 1.068-1.956 3.171-.57 4.96a.626.626 0 0 0 .992-.76c-.91-1.179-.503-2.518.371-3.228.804-.654 2.097-.854 3.31.539.054.064.072.1.076.103-.014.054-.107.19-.168.279-.164.236-.386.56-.457.996q-.033.212-.043.443c-.56-.018-1.3.096-1.814.753a2.1 2.1 0 0 0-.44 1.64c.087.55.383 1.05.797 1.332a.631.631 0 0 0 .871-.16.62.62 0 0 0-.164-.869c-.103-.071-.228-.253-.268-.49a.86.86 0 0 1 .19-.678c.21-.271.575-.3.95-.26.125.5.335.964.66 1.289l.054.05c.096.096.271.271.289.335.007-.007-.043.226-.768.675m-10.78-3.224H2.63a.63.63 0 0 0-.629.625v3.6c0 .346.282.624.629.624H7.26a2.34 2.34 0 0 0 2.34-2.332V14.5a2.34 2.34 0 0 0-2.34-2.332M8.346 5.61a3.26 3.26 0 0 0-.56 2.593.63.63 0 0 0 .746.482.626.626 0 0 0 .485-.74 2 2 0 0 1 1.757-2.402.625.625 0 0 0 .56-.686.63.63 0 0 0-.688-.557 3.27 3.27 0 0 0-2.3 1.31m-2.5 2.418q.048-.001.097-.007a.626.626 0 0 0 .525-.714 3.52 3.52 0 0 1 .65-2.646 3.57 3.57 0 0 1 2.356-1.418.625.625 0 1 0-.185-1.236 4.8 4.8 0 0 0-3.186 1.914 4.77 4.77 0 0 0-.878 3.575c.05.31.318.532.621.532"
         })
     }));

package/dist/generated/mistica-icons/icon-ear-plug-regular.js

@@ -97,8 +97,8 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), e = t !== null && t !== void 0 ? t : l ? _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 l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : l ? _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",

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

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

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

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: i, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : n ? _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",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M11.68 2.054a.86.86 0 0 1 .6 0c.245.108 5.716 2.752 5.72 9.579 0 3.608-1.59 5.648-2.929 6.72a7 7 0 0 1-2.364 1.323v1.608A.713.713 0 0 1 12 22a.713.713 0 0 1-.707-.716v-1.608C9.81 19.176 6 17.281 6 11.633c0-6.735 5.32-9.399 5.669-9.573zm1.023 5.647v10.44c1.377-.573 3.88-2.216 3.884-6.504 0-5.075-3.53-7.507-4.587-8.115-1.058.604-4.587 3.004-4.59 8.115 0 4.288 2.502 5.931 3.88 6.503V7.701c0-.392.32-.715.706-.715.387 0 .707.32.707.715"
         })
     })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -113,14 +113,14 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M11.787 2.054c.142-.072.284-.072.39 0 .25.14 5.827 3.752 5.823 10.297 0 2.324-.707 4.216-2.082 5.649a.336.336 0 0 1-.493 0 .346.346 0 0 1 0-.5c1.232-1.289 1.868-3.04 1.868-5.149 0-5.509-4.341-8.9-5.293-9.58-.952.68-5.293 4.075-5.293 9.58 0 5.108 3.673 6.645 4.942 7.04v-12.4c0-.213.138-.357.351-.357.21 0 .351.14.351.356v14.654c0 .212-.138.356-.351.356-.21 0-.351-.14-.351-.356V20.14C10.448 19.784 6 18.136 6 12.347c0-6.455 5.432-10.058 5.776-10.286z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: e,
                 d: "M14.121 19.856c.39 0 .707-.32.707-.716a.71.71 0 0 0-.707-.716c-.39 0-.707.32-.707.716s.317.716.707.716"
             })
         ]
@@ -129,9 +129,9 @@ const v = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "M3.437 3.002c-.79.003-1.434.65-1.437 1.44v3.265q0 .03.006.059c.053 1.318.447 2.341 1.177 3.043.756.727 1.856 1.097 3.267 1.097 1.38 0 2.459-.351 3.21-1.045q.417.82.728 1.812c.718 2.295.858 4.773.95 6.412l.002.043c.036.621.064 1.113.117 1.437a.27.27 0 0 0 .228.225q.02.004.043.003a.27.27 0 0 0 .265-.228c.332-2.039.973-4.861 2.165-7.133q.07.075.144.148c.753.727 1.85 1.095 3.259 1.095 1.411 0 2.506-.368 3.256-1.095.725-.696 1.118-1.709 1.173-3.016a.3.3 0 0 0 .01-.075V7.225c0-.784-.642-1.423-1.425-1.426H17.56c-1.408 0-2.506.368-3.259 1.095-.781.756-1.177 1.879-1.177 3.344 0 1.108.227 2.023.677 2.729q-.38.69-.714 1.49c-.59 1.414-.985 2.86-1.243 4.011-.131-2.182-.42-5.452-1.794-8.036.562-.736.844-1.734.844-2.973 0-1.472-.399-2.598-1.183-3.356-.755-.73-1.851-1.1-3.26-1.1-1.5-.004-2.06-.004-3.015 0m-.872 4.454V4.442a.88.88 0 0 1 .872-.875h3.01c2.578 0 3.884 1.309 3.884 3.889q0 1.506-.592 2.431c-.801-1.294-1.916-2.365-3.477-2.962a.272.272 0 0 0-.194.508c1.368.522 2.474 1.497 3.309 2.91q-.975.998-2.93.999c-2.577 0-3.883-1.309-3.883-3.886m11.096 2.782c0-2.591 1.311-3.903 3.9-3.903h3.016a.9.9 0 0 1 .89.89v2.958a.3.3 0 0 0-.006.055c0 2.59-1.311 3.9-3.9 3.9q-2.159-.001-3.125-1.207c.972-1.662 2.274-2.946 4.015-3.263a.27.27 0 0 0-.098-.53c-1.197.216-2.283.864-3.23 1.924a9.7 9.7 0 0 0-1.01 1.37q-.452-.875-.452-2.194"
         })
     }));

package/dist/generated/mistica-icons/icon-eco-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 n = (0, _themevariantcontext.useIsInverseVariant)(), r = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : 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: c,
         height: c,
@@ -129,4 +129,4 @@ const s = (_param)=>{
             d: "M2.184 4.89v2.52h1.075l-1.072.003c0 2.902 1.602 4.844 4.515 4.844 1.229 0 2.225-.285 2.965-.833q.295.636.525 1.374c.675 2.16.807 4.504.894 6.053l.002.037c.035.604.063 1.082.115 1.406a.54.54 0 0 0 .526.453h.01a.54.54 0 0 0 .531-.453c.13-.804.527-3.244 1.499-5.569q.177-.423.365-.808c.757.65 1.825.99 3.173.99 2.8 0 4.39-1.466 4.508-4.137a1 1 0 0 0 .007-.087V7.61c0-.896-.736-1.624-1.641-1.624h-2.876c-2.909 0-4.51 1.586-4.51 4.462 0 1.022.202 1.88.593 2.562q-.325.608-.613 1.3a21 21 0 0 0-.776 2.217c-.187-1.858-.578-4.063-1.532-5.936.492-.725.747-1.676.747-2.835 0-2.905-1.602-4.504-4.512-4.504v1.075c2.314 0 3.437 1.12 3.437 3.426q0 1.045-.31 1.768C9.06 8.413 8.022 7.5 6.624 6.966a.54.54 0 0 0-.387 1.008c1.185.454 2.159 1.286 2.91 2.486q-.849.72-2.445.719c-2.314 0-3.44-1.464-3.44-3.769H3.26V4.893a.57.57 0 0 1 .566-.566H6.7V3.252H3.825c-.902 0-1.638.734-1.641 1.638m15.124 2.166h2.876c.313 0 .568.249.568.554v2.866c-.01 2.256-1.139 3.355-3.445 3.355-1.194 0-2.071-.293-2.642-.89.989-1.622 2.174-2.568 3.535-2.815a.538.538 0 1 0-.193-1.062c-1.204.219-2.294.868-3.24 1.927a9 9 0 0 0-.704.903q-.2-.623-.199-1.449c0-2.28 1.127-3.39 3.443-3.39z"
         })
     }));
-}, d = s;
+}, p = s;

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

@@ -92,17 +92,17 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const n = (_param)=>{
-    var { color: e, size: o = 24 } = _param, c = _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 c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = t !== null && t !== void 0 ? t : c ? _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"
-    }, c), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: l,
             d: "M20.923 6.586c.58.583.924 1.418.921 2.233-.003.818-.325 1.568-.936 2.168-.126.126-.733.675-1.61 1.457v5.271c0 1.23-.345 2.224-1.028 2.953-.728.778-1.762 1.173-3.065 1.173H6.247c-1.305 0-2.333-.395-3.061-1.173-.686-.729-1.031-1.723-1.031-2.953V6.331c0-2.577 1.569-4.176 4.092-4.176h8.958c2.303 0 3.81 1.361 4.045 3.569a3.2 3.2 0 0 1 1.672.862M12.683 16.71c4.44-3.933 7.132-6.334 7.381-6.58.376-.37.575-.824.575-1.317a1.97 1.97 0 0 0-.569-1.375 1.96 1.96 0 0 0-1.367-.569c-.46 0-.93.171-1.328.569-.325.325-4.916 4.392-7.397 6.585a.64.64 0 0 0-.169.25L8.567 17.62l-.005.012c-.025.071-.106.3.036.444.14.142.38.071.46.048l.019-.005 3.417-1.255z"

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

@@ -96,7 +96,7 @@ const s = (_param)=>{
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseVariant)(), l = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = 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: o,
         height: o,
@@ -104,7 +104,7 @@ const s = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: e,
             d: "M20.959 6.616c.555.558.885 1.353.882 2.135-.003.778-.31 1.495-.89 2.07-.132.129-.78.714-1.71 1.543l.003.01v5.458c0 1.202-.335 2.168-.997 2.874-.703.75-1.706 1.131-2.977 1.131H6.127c-1.275 0-2.275-.38-2.978-1.131-.658-.706-.994-1.672-.994-2.874V6.21c0-2.504 1.521-4.059 3.972-4.059h9.14c2.288 0 3.77 1.384 3.944 3.62a3.04 3.04 0 0 1 1.748.845m-2.535 11.219h-.003v-4.74a2487 2487 0 0 1-5.022 4.46l-.174.154a1.2 1.2 0 0 1-.403.232l-3.838 1.27a1.15 1.15 0 0 1-1.185-.284 1.16 1.16 0 0 1-.277-1.187l1.286-3.838c.067-.196.182-.367.333-.502 3.499-3.092 7.359-6.518 7.622-6.781a2.93 2.93 0 0 1 1.63-.846c-.16-1.776-1.277-2.798-3.123-2.798H6.127c-2.003 0-3.151 1.179-3.151 3.238v11.622c0 .986.26 1.764.773 2.313.54.58 1.342.874 2.378.874h9.143c1.036 0 1.837-.294 2.38-.874.513-.549.774-1.327.774-2.313m-5.566-.897c6.19-5.484 7.364-6.551 7.515-6.703.423-.417.647-.932.65-1.487a2.23 2.23 0 0 0-.641-1.552 2.22 2.22 0 0 0-1.448-.639q-.047-.003-.098-.002c-.41 0-.972.12-1.493.641-.334.336-5.154 4.608-7.659 6.818a.34.34 0 0 0-.098.148l-1.285 3.835a.34.34 0 0 0 .428.432l3.838-1.27a.3.3 0 0 0 .117-.067z"
         })
     }));

package/dist/generated/mistica-icons/icon-edit-paper-light.js

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

@@ -91,12 +91,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const a = (_param)=>{
     var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : l ? _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 n = (_param)=>{
             d: "M20.979 3.016c.549.557.857 1.302.862 2.084a2.81 2.81 0 0 1-.874 2.033c-.1.098-.537.49-1.137 1.026l.009 9.644c0 1.21-.381 2.188-1.13 2.91-.775.748-1.86 1.126-3.218 1.126H6.502c-1.361 0-2.442-.378-3.218-1.129-.75-.72-1.129-1.7-1.129-2.907V7.48c0-2.482 1.706-4.084 4.345-4.087h8.988q.47 0 .939.017c.238-.213.392-.353.434-.395 1.291-1.286 3.106-1.011 4.118 0m-4.422 5.8c1.511-1.344 3.057-2.719 3.225-2.884.236-.216.37-.518.37-.835.003-.32-.14-.655-.367-.885-.333-.333-1.1-.628-1.73 0-.302.298-4.384 3.899-5.769 5.12l-.4.353-.865 2.58 2.65-.874c.4-.366 1.632-1.46 2.886-2.575m1.59 8.987s0-8.146.002-8.143c-1.167 1.034-2.39 2.115-3.017 2.669l-.001.001-.424.375c-.14.126-.311.224-.496.286l-3.112 1.025a1.447 1.447 0 0 1-1.83-1.838l1.04-3.09c.081-.243.224-.459.415-.627 1.33-1.17 2.711-2.39 3.826-3.378H6.5c-1.213 0-2.659.417-2.659 2.398v10.325c0 .742.202 1.297.614 1.694.448.434 1.137.653 2.045.653h8.988c.908 0 1.597-.218 2.045-.653.415-.4.614-.955.614-1.697"
         })
     }));
-}, p = n;
+}, p = a;

package/dist/generated/mistica-icons/icon-edit-pencil-light.js

@@ -93,19 +93,19 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const h = (_param)=>{
-    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
+    var { color: l, size: e = 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: a } = (0, _hooks.useTheme)();
+    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = l !== null && l !== void 0 ? l : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
     return a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M19.102 4.479c-1.38-1.472-3.617-1.472-4.996 0L5.12 14.04l-.004.004c-.38.413-.624.928-.694 1.483v.002l-.537 4.018v.002a.97.97 0 0 0 .242.805.9.9 0 0 0 .798.259h.002l3.775-.579h.003a2.33 2.33 0 0 0 1.414-.764L19.1 9.713c1.366-1.447 1.364-3.78 0-5.234m-4.376.58c1.043-1.112 2.712-1.112 3.755 0 1.059 1.13 1.057 2.953.002 4.07l-.001.001-.286.304-3.988-3.824zm-1.1 1.17 3.988 3.824-8.119 8.64-.007.008a1.48 1.48 0 0 1-.905.493l-3.783.58a.1.1 0 0 1-.051-.002l-.008-.004s-.006-.006-.01-.022a.2.2 0 0 1-.003-.088l.536-4.019v-.003c.048-.374.213-.727.477-1.015z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,9 +113,9 @@ const h = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: t,
             d: "M4.891 19.42c-.387 0-.753-.165-1.022-.45a1.61 1.61 0 0 1-.345-1.553l1.524-4.837c.09-.26.24-.493.445-.672 4.19-3.958 8.692-8.264 9.003-8.589a3.35 3.35 0 0 1 2.434-1.168 3.52 3.52 0 0 1 2.566 1.157 4.13 4.13 0 0 1 1.112 2.731A3.85 3.85 0 0 1 19.496 8.7c-.555.625-9.025 8.645-9.112 8.726-.143.14-.314.244-.501.3l-4.535 1.607c-.149.065-.303.09-.457.087m15.157 1.263c.308 0 .555.258.555.58 0 .32-.25.58-.555.58H3.936a.565.565 0 0 1-.555-.58c0-.319.25-.58.555-.58zM4.67 18.16c.081.09.207.126.322.092L9.527 16.7a.3.3 0 0 0 .112-.07c1.4-1.33 8.591-8.17 9.067-8.68a2.72 2.72 0 0 0 .756-1.91 2.92 2.92 0 0 0-.745-1.934 2.44 2.44 0 0 0-1.767-.787 2.36 2.36 0 0 0-1.712.787c-.355.39-5.062 4.865-7.868 7.534l-1.168 1.11a.35.35 0 0 0-.1.152L4.58 17.767a.39.39 0 0 0 .09.393"
         })
     }));

package/dist/generated/mistica-icons/icon-edit-pencil-regular.js

@@ -93,34 +93,34 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: c, size: l = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: a, size: l = 24 } = _param, r = _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, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = a !== null && a !== void 0 ? a : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.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"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M19.071 4.519c-1.426-1.525-3.747-1.525-5.174-.001l-8.753 9.33-.005.005a2.84 2.84 0 0 0-.73 1.562l-.523 3.921v.004c-.044.34.042.694.293.957.254.266.611.366.96.315h.004l3.678-.565a2.48 2.48 0 0 0 1.502-.812l8.747-9.322c1.407-1.493 1.405-3.895.001-5.394m-4.262.854c.933-.997 2.417-.997 3.35 0 .956 1.021.953 2.673.001 3.682v.002l-.275.292-3.583-3.436zm-1.363 1.452 3.583 3.436L9.4 18.392l-.005.007a1.23 1.23 0 0 1-.753.41l-3.496.537.503-3.768v-.005c.04-.32.181-.623.41-.873zm-8.493 12.55.016.103-.012-.103z"
         })
-    })) : r.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: i,
                 d: "M7.968 16.9H4.933v-1.36h3.035z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: i,
                 d: "M18.809 3.536a1.833 1.833 0 0 1 2.591 2.59l-6.68 6.681v7.888H1.976V4.155H14.72v3.47zM3.336 19.335H13.36v-5.168l-.414.414-4.782 2.031 2.202-4.634 2.994-2.993V5.516H3.336z"
             })
         ]
@@ -129,9 +129,9 @@ const v = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M3.971 18.933c.311.333.743.526 1.182.526q.274.001.527-.095l4.373-1.557c.215-.076.411-.196.576-.359.082-.075 8.247-7.86 8.799-8.448a3.99 3.99 0 0 0 1.106-2.765 4.25 4.25 0 0 0-1.092-2.843c-.7-.753-1.672-1.187-2.664-1.187-.972 0-1.896.423-2.608 1.19-.291.314-4.678 4.507-8.653 8.291a1.74 1.74 0 0 0-.47.76l-1.465 4.702a1.82 1.82 0 0 0 .39 1.785m2.625-6.003c.336-.32 8.252-7.851 8.734-8.367.409-.442.913-.678 1.45-.678.575.011 1.121.255 1.51.678a2.54 2.54 0 0 1 .64 1.672 2.27 2.27 0 0 1-.645 1.594c-.42.446-6.639 6.387-8.75 8.395l-4.373 1.558h-.006l-.045-.115zm13.17 7.188c.443 0 .805.375.805.837 0 .465-.362.84-.804.84H4.232c-.443 0-.804-.375-.804-.84 0-.462.361-.837.804-.837z"
         })
     }));

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

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: t, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: e, size: r = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), s = t !== null && t !== void 0 ? t : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : l ? _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"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: a,
             d: "M20.92 6.586c.58.583.924 1.418.921 2.233-.003.818-.325 1.568-.933 2.168-.126.126-.736.675-1.61 1.457v5.271c0 1.23-.347 2.224-1.03 2.953-.73.778-1.763 1.173-3.065 1.173H6.245c-1.306 0-2.334-.395-3.062-1.173-.683-.729-1.028-1.723-1.028-2.953V6.331c0-2.577 1.569-4.176 4.092-4.176h8.956c2.302 0 3.81 1.361 4.044 3.569a3.2 3.2 0 0 1 1.673.862m-2.827 11.13h.003v-4.197l-.002.002a3108 3108 0 0 1-4.611 4.093l-.143.126c-.135.12-.297.213-.468.27l-3.759 1.243a1.34 1.34 0 0 1-1.367-.325 1.33 1.33 0 0 1-.32-1.37L8.688 13.8c.076-.224.208-.423.384-.577 3.423-3.028 7.202-6.38 7.457-6.636.43-.431.96-.708 1.52-.837-.198-1.538-1.187-2.39-2.843-2.39H6.247c-1.862 0-2.887 1.057-2.887 2.972v11.384c0 .916.235 1.63.703 2.13.493.526 1.226.792 2.184.792h8.958c.958 0 1.692-.266 2.185-.793.465-.498.703-1.216.703-2.129m1.97-7.586c.375-.37.574-.824.574-1.314a1.97 1.97 0 0 0-.569-1.375 1.96 1.96 0 0 0-1.367-.569c-.46 0-.93.171-1.328.569-.33.33-5.058 4.518-7.512 6.686l-1.297 3.815a.13.13 0 0 0 .03.135c.034.033.085.044.138.03l3.76-1.243.19-.154c4.44-3.933 7.131-6.334 7.38-6.58"
         })
     }));
-}, m = i;
+}, m = s;