@telefonica/mistica 16.43.1 → 16.44.0

package/dist/generated/mistica-icons/icon-euro-symbol-circle-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,15 +92,15 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const m = (_param)=>{
-    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+const d = (_param)=>{
+    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), h = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const l = (0, _themevariantcontext.useThemeVariant)(), h = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _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: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
@@ -108,9 +108,9 @@ const m = (_param)=>{
             fill: h,
             d: "M11.995 2.155c6.44 0 9.846 3.403 9.846 9.846 0 6.437-3.403 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.443 3.403-9.846 9.84-9.846m0 18.479c5.732 0 8.639-2.905 8.639-8.633 0-5.734-2.905-8.639-8.639-8.639-5.728 0-8.633 2.905-8.633 8.639 0 5.728 2.905 8.633 8.633 8.633m4.684-4.339a.6.6 0 0 0-.801-.283c-.7.33-1.575.499-2.603.496-2.459 0-3.95-.916-4.526-2.773h3.563a.604.604 0 1 0 0-1.21H8.528l-.007-.066c-.023-.241-.047-.485-.047-.755q.002-.114.012-.217.007-.071.01-.144h3.81a.601.601 0 1 0 0-1.205H8.642C9.107 7.976 10.626 6.9 13.276 6.9c1.014 0 1.882.163 2.576.485a.603.603 0 1 0 .508-1.096c-.855-.397-1.894-.596-3.085-.596-3.316 0-5.352 1.566-5.873 4.445H6.374a.602.602 0 0 0 0 1.205h.901q-.001.045-.004.09-.009.134-.01.271.003.41.04.82h-.927a.604.604 0 1 0 0 1.21h1.12c.65 2.583 2.644 3.981 5.779 3.981 1.207 0 2.255-.204 3.117-.61h.003a.603.603 0 0 0 .289-.804z"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
@@ -124,9 +124,9 @@ const m = (_param)=>{
                 d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10m0 18.568A8.55 8.55 0 0 1 3.428 12 8.55 8.55 0 0 1 12 3.428c4.752 0 8.572 3.856 8.572 8.572A8.55 8.55 0 0 1 12 20.568"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
@@ -141,8 +141,8 @@ const m = (_param)=>{
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
@@ -157,4 +157,4 @@ const m = (_param)=>{
             })
         ]
     }));
-}, H = m;
+}, g = d;

package/dist/generated/mistica-icons/icon-euro-symbol-filled.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: c, size: o = 24 } = _param, s = _object_without_properties(_param, [
+const a = (_param)=>{
+    var { color: l, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const o = (0, _themevariantcontext.useThemeVariant)(), i = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
             d: "M20.406 19.136c-.286-.636-1.003-.913-1.605-.61-1.009.501-2.28.753-3.774.753-3.33 0-5.411-1.249-6.333-3.753h4.882c.67 0 1.205-.572 1.205-1.275s-.538-1.271-1.205-1.271H8.19c-.02-.325-.059-.633-.059-.984 0-.09.014-.162.017-.249h5.429c.669 0 1.204-.571 1.204-1.274S14.243 9.2 13.576 9.2H8.468c.768-2.995 2.919-4.485 6.56-4.485 1.477 0 2.734.25 3.737.737.605.3 1.322.017 1.6-.62.28-.638.016-1.394-.589-1.691-1.322-.644-2.918-.972-4.745-.972-5.05 0-8.179 2.476-9.05 7.036H4.69c-.666 0-1.204.572-1.204 1.272 0 .703.538 1.275 1.204 1.275h1.04c0 .084-.009.162-.009.249 0 .336.014.661.034.983H4.69c-.666 0-1.204.569-1.204 1.272s.538 1.274 1.204 1.274H6.14c1.06 4.087 4.12 6.297 8.891 6.297 1.855 0 3.468-.333 4.801-.997.603-.3.858-1.059.575-1.695"
         })
     }));
-}, d = n;
+}, d = a;

package/dist/generated/mistica-icons/icon-euro-symbol-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return u;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    const t = (0, _themevariantcontext.useThemeVariant)(), c = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
     return h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -105,7 +105,7 @@ const l = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M20.457 19.92a.64.64 0 0 0-.863-.325c-1.171.577-2.63.868-4.336.868-4.25 0-6.81-1.823-7.695-5.372h6.134a.666.666 0 0 0 .65-.681.664.664 0 0 0-.65-.68h-6.4a15 15 0 0 1-.112-1.732c0-.336.042-.63.061-.95h6.449a.664.664 0 0 0 .65-.677v-.003a.664.664 0 0 0-.65-.68H7.387c.689-4.076 3.316-6.16 7.87-6.16 1.687 0 3.13.288 4.295.851a.637.637 0 0 0 .863-.33.7.7 0 0 0-.317-.905c-1.339-.65-2.966-.978-4.84-.978-5.26 0-8.46 2.65-9.202 7.521H4.129a.666.666 0 0 0-.65.68c0 .376.291.682.65.682h1.79c-.017.308-.034.622-.034.95 0 .607.04 1.176.098 1.73H4.13a.666.666 0 0 0-.65.681c0 .375.291.68.65.68h2.059c.927 4.418 4.01 6.735 9.067 6.735 1.899 0 3.546-.337 4.888-1a.693.693 0 0 0 .313-.905"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -115,8 +115,8 @@ const l = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: c,
             d: "M10.347 4.873a5.96 5.96 0 0 1 3.942-.48c1.329.296 2.535 1.039 3.476 2.113a.75.75 0 0 1-1.13.988c-.747-.854-1.68-1.416-2.672-1.637a4.46 4.46 0 0 0-2.956.363c-.942.462-1.765 1.248-2.352 2.277a7 7 0 0 0-.366.753H13a.75.75 0 0 1 0 1.5H7.86A7.4 7.4 0 0 0 7.751 12q.002.636.11 1.25H13a.75.75 0 0 1 0 1.5H8.29q.16.39.365.753c.587 1.03 1.41 1.816 2.352 2.278.94.46 1.966.583 2.956.363.992-.221 1.925-.783 2.673-1.638a.75.75 0 0 1 1.129.988c-.94 1.075-2.148 1.818-3.476 2.114a5.96 5.96 0 0 1-3.942-.48c-1.237-.607-2.274-1.616-2.995-2.883a8.2 8.2 0 0 1-.663-1.495H5a.75.75 0 0 1 0-1.5h1.34a8.9 8.9 0 0 1 0-2.5H5a.75.75 0 0 1 0-1.5h1.69a8.2 8.2 0 0 1 .662-1.495c.72-1.266 1.758-2.275 2.995-2.882"
         })
     }));
-}, p = l;
+}, u = m;

package/dist/generated/mistica-icons/icon-euro-symbol-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,13 +92,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: h, size: a = 24 } = _param, r = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +108,7 @@ const v = (_param)=>{
             fill: o,
             d: "M19.167 19.036c-1.084.538-2.443.81-4.034.81-3.812 0-6.126-1.494-7.02-4.527h5.519c.515 0 .935-.44.935-.986 0-.544-.417-.986-.935-.986H7.766c-.04-.434-.081-.863-.081-1.342 0-.207.028-.386.036-.588h5.91c.516 0 .936-.44.936-.986s-.417-.986-.935-.986H7.95c.723-3.53 3.073-5.286 7.182-5.286 1.574 0 2.916.266 3.995.79.47.23 1.025.014 1.243-.479.216-.493.014-1.078-.456-1.308-1.325-.647-2.936-.972-4.782-.972-5.143 0-8.3 2.557-9.106 7.255H4.436c-.516 0-.936.44-.936.986s.42.986.936.986h1.397c-.005.196-.02.386-.02.588 0 .465.023.908.06 1.342H4.436c-.516 0-.936.44-.936.986 0 .543.42.986.936.986h1.736c1.006 4.216 4.098 6.496 8.958 6.496 1.871 0 3.496-.337 4.832-.998.468-.232.67-.817.448-1.31-.218-.494-.773-.706-1.243-.471"
         })
-    })) : c.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -135,4 +135,4 @@ const v = (_param)=>{
             d: "M10.347 4.873a5.96 5.96 0 0 1 3.942-.48c1.329.296 2.535 1.039 3.476 2.113a.75.75 0 0 1-1.13.988c-.747-.854-1.68-1.416-2.672-1.637a4.46 4.46 0 0 0-2.956.363c-.942.462-1.765 1.248-2.352 2.277a7 7 0 0 0-.366.753H13a.75.75 0 0 1 0 1.5H7.86A7.4 7.4 0 0 0 7.751 12q.002.636.11 1.25H13a.75.75 0 0 1 0 1.5H8.29q.16.39.365.753c.587 1.03 1.41 1.816 2.352 2.278.94.46 1.966.583 2.956.363.992-.221 1.925-.783 2.673-1.638a.75.75 0 0 1 1.129.988c-.94 1.075-2.148 1.818-3.476 2.114a5.96 5.96 0 0 1-3.942-.48c-1.237-.607-2.274-1.616-2.995-2.883a8.2 8.2 0 0 1-.663-1.495H5a.75.75 0 0 1 0-1.5h1.34a8.9 8.9 0 0 1 0-2.5H5a.75.75 0 0 1 0-1.5h1.69a8.2 8.2 0 0 1 .662-1.495c.72-1.266 1.758-2.275 2.995-2.882"
         })
     }));
-}, p = v;
+}, g = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: c, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = c !== null && c !== void 0 ? c : i ? _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({
+    const e = (0, _themevariantcontext.useThemeVariant)(), r = c !== null && c !== void 0 ? c : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.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"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "m19.145 4.002 2.574 2.605a.53.53 0 0 1 .059.575.53.53 0 0 1-.482.308l-1.025.008c-.132 1.048-.642 3.216-2.591 4.852 3.79 2.092 3.834 6.213 3.834 6.255 0 .882-.711 1.596-1.588 1.596a1.595 1.595 0 0 1-1.588-1.585c-.003-.384-.202-3.482-4.283-4.123l-.045.058c-.037.05-.073.098-.117.14-.446.429-1.085.645-1.905.645-.818 0-1.457-.216-1.9-.645-.042-.04-.078-.09-.113-.138l-.054-.072c-4.197.617-4.393 3.748-4.398 4.14a1.6 1.6 0 0 1-1.588 1.575 1.597 1.597 0 0 1-1.589-1.591c0-.043.048-4.2 3.91-6.28-1.918-1.65-2.417-3.86-2.543-4.827l-1.03-.005a.53.53 0 0 1-.48-.309.55.55 0 0 1 .073-.582l2.6-2.636a.5.5 0 0 1 .322-.163c.14-.02.28.023.392.112l.087.09 2.53 2.569c.159.193.187.423.097.613a.53.53 0 0 1-.482.308l-.918.006c.173.938.818 2.583 3.154 3.308l.014-.018q.005-.01.014-.018c.442-.429 1.084-.647 1.902-.647.82 0 1.46.218 1.905.647l.009.01q.006.01.016.018c2.344-.74 2.986-2.426 3.16-3.3l-.917-.006a.53.53 0 0 1-.476-.305.56.56 0 0 1 .067-.583l2.591-2.638c.286-.233.62-.194.802.033m-5.818 10.104q.196-.2.305-.499.136-.364.137-.862c0-.404-.07-.731-.196-.998a1.2 1.2 0 0 0-.25-.37 1.4 1.4 0 0 0-.54-.308 2.6 2.6 0 0 0-.792-.109q-.458 0-.796.11-.323.104-.532.305c-.104.1-.182.23-.25.372-.123.267-.193.594-.193.998 0 .336.048.624.135.862.072.2.17.37.305.502.126.12.291.213.482.28.235.084.518.132.849.132s.607-.048.845-.132q.297-.1.49-.283"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const h = (_param)=>{
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: r,
             d: "M19.247 3.513a2.5 2.5 0 0 1 1.52 4.255 2.5 2.5 0 0 1-1.017.613v4.62l-.007.284A5.75 5.75 0 0 1 14 18.75h-1.19l1.72 1.72a.75.75 0 0 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H14A4.25 4.25 0 0 0 18.25 13V8.383A2.5 2.5 0 0 1 16.5 6 2.5 2.5 0 0 1 19 3.5zM9.47 2.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l1.72-1.72H10A4.25 4.25 0 0 0 5.75 11v4.618A2.5 2.5 0 0 1 7.5 18l-.013.247a2.5 2.5 0 0 1-4.974 0L2.5 18a2.5 2.5 0 0 1 1.75-2.384V11A5.75 5.75 0 0 1 10 5.25h1.19L9.47 3.53a.75.75 0 0 1 0-1.06"
         })
     }));
-}, p = h;
+}, f = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,31 +92,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: r, size: l = 24 } = _param, c = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    const c = (0, _themevariantcontext.useThemeVariant)(), o = r !== null && r !== void 0 ? r : c === "brand" || c === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : c === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
     return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: o,
             d: "m19.148 3.994 2.574 2.603a.56.56 0 0 1 .065.585.53.53 0 0 1-.482.308l-1.025.011c-.132 1.048-.642 3.213-2.591 4.852 3.79 2.09 3.834 6.21 3.834 6.255 0 .877-.711 1.594-1.588 1.594a1.595 1.595 0 0 1-1.588-1.586c-.006-.383-.202-3.482-4.283-4.123l-.045.059c-.037.049-.073.098-.117.14-.446.426-1.084.641-1.905.641s-1.46-.215-1.902-.641a1 1 0 0 1-.114-.139l-.054-.071c-4.196.619-4.392 3.75-4.398 4.14a1.6 1.6 0 0 1-1.588 1.574 1.596 1.596 0 0 1-1.588-1.591c0-.045.044-4.202 3.907-6.289-1.919-1.65-2.417-3.86-2.543-4.826l-1.031-.008a.53.53 0 0 1-.48-.308.55.55 0 0 1 .074-.583l2.6-2.633c.055-.078.181-.146.321-.163.14-.016.28.023.392.113l.087.09 2.53 2.568c.16.193.187.426.098.613a.53.53 0 0 1-.482.308l-.919.009c.174.938.818 2.582 3.154 3.308q.009-.009.014-.018l.014-.018c.443-.432 1.084-.648 1.902-.648.82 0 1.462.216 1.905.648l.01.011.015.017c2.348-.743 2.986-2.426 3.16-3.3l-.916-.009a.53.53 0 0 1-.476-.305.56.56 0 0 1 .067-.583l2.59-2.638c.287-.233.62-.194.802.033M4.705 18.608c.009-.46.225-4.104 4.835-4.902a3.5 3.5 0 0 1-.134-.975c0-.468.075-.877.215-1.224-3.165-1.104-3.54-3.77-3.585-4.39l-.03-.44 1.153-.005-1.896-1.927L3.36 6.672l1.053.011.084.381c.034.533.334 3.28 2.773 5.006l.597.423-.67.291c-3.938 1.717-4.025 5.782-4.025 5.824 0 .417.342.762.76.764a.777.777 0 0 0 .772-.764M19.501 7.062l.025-.387 1.11-.003-1.905-1.927-1.891 1.927 1.11.011.016.437c-.042.62-.417 3.286-3.588 4.39.14.347.218.753.218 1.224 0 .367-.05.692-.137.986 4.487.826 4.703 4.431 4.711 4.888.003.426.348.77.768.77a.77.77 0 0 0 .768-.77v-.006c-.008-.18-.158-4.101-3.956-5.798l-.666-.3.599-.417c2.479-1.726 2.782-4.49 2.818-5.025m-8.353 7.313q.353.131.849.132.49-.002.846-.129c.196-.07.361-.16.49-.286.132-.128.232-.296.305-.495.087-.241.137-.53.137-.869 0-.403-.07-.734-.196-.997a1.3 1.3 0 0 0-.249-.37 1.4 1.4 0 0 0-.54-.308 2.6 2.6 0 0 0-.793-.11 2.6 2.6 0 0 0-.796.11q-.322.105-.532.305c-.104.101-.182.23-.25.373-.123.263-.193.594-.193.997 0 .34.048.625.135.863.073.202.17.373.305.501a1.3 1.3 0 0 0 .482.283"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: o,
             d: "M19.272 3.264a2.75 2.75 0 0 1 .478 5.38V13l-.007.285A5.75 5.75 0 0 1 14 18.75h-1.19l1.72 1.72a.75.75 0 0 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H14A4.25 4.25 0 0 0 18.25 13V8.643a2.75 2.75 0 0 1-1.194-.699A2.75 2.75 0 0 1 19 3.25zM19 4.75a1.25 1.25 0 0 0 0 2.5l.124-.006a1.25 1.25 0 0 0 0-2.488zM9.47 2.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l1.72-1.72H10A4.25 4.25 0 0 0 5.75 11v4.355a2.75 2.75 0 0 1 2 2.645l-.014.271a2.75 2.75 0 0 1-5.472 0L2.25 18a2.75 2.75 0 0 1 2-2.643V11A5.75 5.75 0 0 1 10 5.25h1.19L9.47 3.53a.75.75 0 0 1 0-1.06M5 16.75A1.25 1.25 0 0 0 3.75 18l.006.124A1.25 1.25 0 0 0 6.25 18l-.006-.124a1.25 1.25 0 0 0-1.12-1.12z"
         })
     }));
-}, p = h;
+}, f = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = o !== null && o !== void 0 ? o : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    const e = (0, _themevariantcontext.useThemeVariant)(), o = t !== null && t !== void 0 ? t : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
     return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: o,
             d: "m19.148 4.075 2.518 2.535a.77.77 0 0 1 .107.787.72.72 0 0 1-.662.42l-.823.009c-.16 1.006-.68 2.947-2.359 4.482 3.56 2.134 3.603 6.09 3.603 6.131 0 .972-.793 1.765-1.765 1.765a1.77 1.77 0 0 1-1.765-1.753c-.008-.583-.277-3.3-4.137-3.832l-.002.002-.004.006c-.434.415-1.061.625-1.862.625s-1.429-.21-1.86-.628q-.006-.004-.008-.01l-.004-.004c-4.056.538-4.243 3.485-4.249 3.849A1.774 1.774 0 0 1 4.111 20.2a1.77 1.77 0 0 1-1.764-1.759c0-.045.045-4.033 3.675-6.16-1.639-1.518-2.154-3.406-2.314-4.456l-.826-.006a.72.72 0 0 1-.653-.417.75.75 0 0 1 .093-.79l2.56-2.585c.075-.101.246-.2.44-.222a.73.73 0 0 1 .537.154l.12.12 2.46 2.485c.219.27.255.577.132.838a.73.73 0 0 1-.661.417l-.636.006c.23.905.93 2.255 3.02 2.854.422-.328.983-.504 1.694-.504.712 0 1.277.176 1.7.507 2.09-.6 2.79-1.952 3.023-2.857l-.642-.006a.72.72 0 0 1-.652-.414.75.75 0 0 1 .09-.79l2.627-2.658a.73.73 0 0 1 1.014.117m-.025 3.107.036-.572.787-.003-1.364-1.375-1.356 1.375.815.009-.002.647c-.045.63-.429 3.344-3.65 4.46a3.537 3.537 0 0 1 .059 1.756c4.549.832 4.764 4.498 4.77 4.963a.542.542 0 1 0 1.081.003c-.003-.151-.095-3.838-3.745-5.465l-.994-.44.896-.619c2.35-1.63 2.633-4.235 2.667-4.74M4.1 18.982c.297 0 .538-.24.544-.537.005-.468.227-4.17 4.885-4.98a3.6 3.6 0 0 1-.081-.746c0-.372.053-.7.145-.997-3.224-1.117-3.605-3.829-3.65-4.456L5.9 6.613l.86-.003-1.362-1.375L4.036 6.61l.728.006.095.566c.031.504.32 3.098 2.625 4.722l.89.628-.996.434c-3.72 1.613-3.813 5.328-3.816 5.485 0 .288.241.529.538.532m9.208-6.263c0-.28-.037-.504-.107-.689a.9.9 0 0 0-.202-.339c-.246-.238-.689-.288-1.014-.288s-.764.05-1.01.288a.85.85 0 0 0-.202.34 2 2 0 0 0-.104.691q0 .36.075.614.075.266.23.414c.244.236.686.283 1.011.283.328 0 .768-.047 1.017-.285a.9.9 0 0 0 .23-.412 2.2 2.2 0 0 0 .075-.617"
         })
     })) : /* @__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"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: e,
+            fill: o,
             d: "M19.272 3.264a2.75 2.75 0 0 1 .478 5.38V13l-.007.285A5.75 5.75 0 0 1 14 18.75h-1.19l1.72 1.72a.75.75 0 0 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H14A4.25 4.25 0 0 0 18.25 13V8.643a2.75 2.75 0 0 1-1.194-.699A2.75 2.75 0 0 1 19 3.25zM19 4.75a1.25 1.25 0 0 0 0 2.5l.124-.006a1.25 1.25 0 0 0 0-2.488zM9.47 2.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l1.72-1.72H10A4.25 4.25 0 0 0 5.75 11v4.355a2.75 2.75 0 0 1 2 2.645l-.014.271a2.75 2.75 0 0 1-5.472 0L2.25 18a2.75 2.75 0 0 1 2-2.643V11A5.75 5.75 0 0 1 10 5.25h1.19L9.47 3.53a.75.75 0 0 1 0-1.06M5 16.75A1.25 1.25 0 0 0 3.75 18l.006.124A1.25 1.25 0 0 0 6.25 18l-.006-.124a1.25 1.25 0 0 0-1.12-1.12z"
         })
     }));
-}, p = h;
+}, v = m;

package/dist/generated/mistica-icons/icon-exit-door-filled.js

@@ -92,49 +92,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const d = (_param)=>{
-    var { color: r, size: t = 24 } = _param, i = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: n, size: t = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
-    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useThemeVariant)(), a = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M17.677 21.993h3.694V3.347l-3.694 3.695z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M16.373 6.78c0-.173.087-.347.174-.477L20.893 2H7.898v8.475h4.78a1.54 1.54 0 0 1 1.522 1.521 1.54 1.54 0 0 1-1.521 1.522H7.898v8.475h8.475z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M12.679 11.345H5.116L6.16 10.3a.63.63 0 0 0 0-.912.63.63 0 0 0-.913 0L2.64 11.997l2.65 2.65c.131.131.305.175.479.175a.65.65 0 0 0 .478-.174.63.63 0 0 0 0-.913l-1.043-1.043h7.476a.67.67 0 0 0 .652-.652c0-.348-.305-.695-.652-.695"
             })
         ]
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M17.677 21.993h3.694V3.347l-3.694 3.695z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M16.373 6.78c0-.173.087-.347.174-.477L20.893 2H7.898v8.475h4.78a1.54 1.54 0 0 1 1.522 1.521 1.54 1.54 0 0 1-1.521 1.522H7.898v8.475h8.475z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M12.679 11.345H5.116L6.16 10.3a.63.63 0 0 0 0-.912.63.63 0 0 0-.912 0l-2.608 2.608 2.651 2.65c.13.131.304.175.478.175a.65.65 0 0 0 .478-.174.63.63 0 0 0 0-.913l-1.043-1.043h7.476a.67.67 0 0 0 .652-.652c0-.348-.304-.695-.652-.695"
             })
         ]
@@ -143,16 +143,16 @@ const d = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, e), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M15.537 2.5c.199 0 .33.23.273.42-.139.46-.127 1.02-.025 1.49.037.169-.085.34-.258.34H14a2.25 2.25 0 0 0-2.238 2.02L11.75 7l.012.23A2.25 2.25 0 0 0 14 9.25h1.527c.173 0 .294.171.263.34a2.244 2.244 0 0 0 1.518 2.549.27.27 0 0 1 .192.252v7.859H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.5V5A2.5 2.5 0 0 1 7 2.5zM13 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: a,
                 d: "M17.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06 0l-.052-.056a.8.8 0 0 1-.154-.33.75.75 0 0 1 .206-.674l1.72-1.72H14a.8.8 0 0 1-.255-.048q-.03-.01-.061-.024a1 1 0 0 1-.07-.038l-.049-.03q-.034-.026-.065-.055l-.041-.037a1 1 0 0 1-.055-.067q-.016-.02-.033-.044-.02-.032-.037-.067-.016-.029-.03-.059-.014-.041-.025-.085A.8.8 0 0 1 13.25 7q.002-.103.03-.197.01-.044.025-.085.013-.03.029-.059.017-.035.037-.067.016-.023.033-.044a1 1 0 0 1 .055-.067l.041-.037q.031-.03.065-.054.026-.017.053-.033.032-.019.066-.036a1 1 0 0 1 .136-.048.8.8 0 0 1 .18-.023h5.19l-1.72-1.72a.75.75 0 0 1-.176-.282q-.01-.03-.017-.059a.7.7 0 0 1-.022-.246V3.93a.74.74 0 0 1 .215-.46"
             })
         ]
     }));
-}, H = d;
+}, H = s;

package/dist/generated/mistica-icons/icon-exit-door-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,35 +92,35 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: n, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = r !== null && r !== void 0 ? r : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
-    return e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const e = (0, _themevariantcontext.useThemeVariant)(), l = n !== null && n !== void 0 ? n : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _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"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: l,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
-    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: l,
                 d: "m18.424 17.821-2.964 2.965V5.714l2.857-2.857v10.929c0 .214.143.357.357.357s.357-.143.357-.357V2H7.96v7.857h-2L7.138 8.68a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0l-2.036 2.035 2.036 2.036a.4.4 0 0 0 .25.107.4.4 0 0 0 .25-.107.345.345 0 0 0 0-.5L5.96 10.571h7c.214 0 .357-.142.357-.357 0-.214-.143-.357-.357-.357H8.674V2.714h8.786l-2.608 2.607a.32.32 0 0 0-.107.25v12.143H8.674V12c0-.214-.143-.357-.357-.357-.215 0-.357.143-.357.357v6.429h6.785v3.214c0 .143.072.286.215.321.035.036.107.036.142.036a.32.32 0 0 0 .25-.107l3.572-3.572a.345.345 0 0 0 0-.5.345.345 0 0 0-.5 0"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: l,
                 d: "M18.674 16.643a.714.714 0 1 0 0-1.429.714.714 0 0 0 0 1.429"
             })
         ]
@@ -129,16 +129,16 @@ const c = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: l,
                 d: "M14.5 2.25a.75.75 0 0 1 0 1.5H7A1.25 1.25 0 0 0 5.75 5v15.25h10.5V13.5a.75.75 0 0 1 1.5 0v6.75H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.25V5A2.75 2.75 0 0 1 7 2.25z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: l,
                 d: "M13 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M17.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H14a.75.75 0 0 1 0-1.5h5.19l-1.72-1.72a.75.75 0 0 1 0-1.06"
             })
         ]
     }));
-}, H = c;
+}, p = s;

package/dist/generated/mistica-icons/icon-exit-door-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,30 +92,30 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: h, size: a = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = h !== null && h !== void 0 ? h : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), e = i !== null && i !== void 0 ? i : o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _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: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: e,
             d: "M8.751 2v7.679H6.894l.572-.572a.69.69 0 0 0 0-1 .69.69 0 0 0-1 0L4.18 10.393l2.286 2.286a.7.7 0 0 0 .5.214.7.7 0 0 0 .5-.214.69.69 0 0 0 0-1l-.572-.572h6.5a.716.716 0 0 0 .714-.714.716.716 0 0 0-.714-.714H10.18v-6.25h7.214l-2 2a.7.7 0 0 0-.214.5V17h-5v-4.107a.716.716 0 0 0-.714-.714.716.716 0 0 0-.715.714v5.536h6.429v2.857c0 .285.178.535.428.643.108.071.18.071.286.071a.7.7 0 0 0 .5-.214l3.215-3.215a.7.7 0 0 0 .214-.5V2zm9.643 15.786L16.61 19.57V6.214l1.785-1.785z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -123,16 +123,16 @@ const c = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: e,
                 d: "M14.5 2.25a.75.75 0 0 1 0 1.5H7A1.25 1.25 0 0 0 5.75 5v15.25h10.5V13.5a.75.75 0 0 1 1.5 0v6.75H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.25V5A2.75 2.75 0 0 1 7 2.25z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: e,
                 d: "M13 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M17.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H14a.75.75 0 0 1 0-1.5h5.19l-1.72-1.72a.75.75 0 0 1 0-1.06"
             })
         ]
     }));
-}, g = c;
+}, p = m;