@telefonica/mistica 16.43.1 → 16.44.0

package/dist/generated/mistica-icons/icon-5-g-plus-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return m;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: t, size: a = 24 } = _param, s = _object_without_properties(_param, [
+const l = (_param)=>{
+    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t !== null && t !== void 0 ? t : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), n = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: n,
             d: "M9 7.25a.75.75 0 0 1 0 1.5H4.75v2h2a3 3 0 1 1 0 6H4a.75.75 0 0 1 0-1.5h2.75a1.5 1.5 0 0 0 0-3H4a.75.75 0 0 1-.75-.75V8A.75.75 0 0 1 4 7.25zM13.361 8.05a4.75 4.75 0 0 1 5.997.592.75.75 0 1 1-1.06 1.06 3.25 3.25 0 1 0 .862 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.751 4.751 0 1 1-7.389-3.95M19.995 1.25a.75.75 0 0 1 .75.75v1.245H22a.75.75 0 0 1 0 1.5h-1.255V6a.75.75 0 0 1-1.5 0V4.745H18a.75.75 0 0 1 0-1.5h1.245V2a.75.75 0 0 1 .75-.75"
         })
     }));
-}, H = h;
+}, m = l;

package/dist/generated/mistica-icons/icon-5-g-plus-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: e, size: a = 24 } = _param, s = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: t, size: o = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const a = (0, _themevariantcontext.useThemeVariant)(), n = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: n,
             d: "M9 7.25a.75.75 0 0 1 0 1.5H4.75v2h2a3 3 0 1 1 0 6H4a.75.75 0 0 1 0-1.5h2.75a1.5 1.5 0 0 0 0-3H4a.75.75 0 0 1-.75-.75V8A.75.75 0 0 1 4 7.25zM13.361 8.05a4.75 4.75 0 0 1 5.997.592.75.75 0 1 1-1.06 1.06 3.25 3.25 0 1 0 .862 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.751 4.751 0 1 1-7.389-3.95M19.995 1.25a.75.75 0 0 1 .75.75v1.245H22a.75.75 0 0 1 0 1.5h-1.255V6a.75.75 0 0 1-1.5 0V4.745H18a.75.75 0 0 1 0-1.5h1.245V2a.75.75 0 0 1 .75-.75"
         })
     }));
-}, v = i;
+}, g = h;

package/dist/generated/mistica-icons/icon-5-g-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,12 +92,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: r, size: a = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    const i = (0, _themevariantcontext.useThemeVariant)(), c = o !== null && o !== void 0 ? o : i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
     return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
@@ -167,4 +167,4 @@ const s = (_param)=>{
             d: "M9 7.25a.75.75 0 0 1 0 1.5H4.75v2h2a3 3 0 0 1 0 6H4a.75.75 0 0 1 0-1.5h2.75a1.5 1.5 0 0 0 0-3H4a.75.75 0 0 1-.75-.75V8A.75.75 0 0 1 4 7.25zM13.361 8.05a4.75 4.75 0 0 1 5.997.591.75.75 0 0 1-1.06 1.06 3.251 3.251 0 1 0 .862 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.752 4.752 0 0 1-6.99 4.19 4.75 4.75 0 0 1-2.306-5.568 4.75 4.75 0 0 1 1.907-2.57"
         })
     }));
-}, p = s;
+}, A = m;

package/dist/generated/mistica-icons/icon-6-g-light.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: e, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const t = (0, _themevariantcontext.useThemeVariant)(), n = e !== null && e !== void 0 ? e : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "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: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: n,
             d: "M7.408 7.04a.75.75 0 0 1 1.184.92L6.8 10.265a3.25 3.25 0 1 1-2.892 1.275zM6.5 11.75a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5M13.361 8.05a4.75 4.75 0 0 1 5.997.592.75.75 0 1 1-1.06 1.06 3.25 3.25 0 1 0 .862 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.751 4.751 0 1 1-7.389-3.95"
         })
     }));
-}, m = l;
+}, m = h;

package/dist/generated/mistica-icons/icon-6-g-regular.js

@@ -91,21 +91,21 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: a, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: t, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = a !== null && a !== void 0 ? a : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const r = (0, _themevariantcontext.useThemeVariant)(), i = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: n,
+            fill: i,
             d: "M7.408 7.04a.75.75 0 0 1 1.184.92L6.8 10.265a3.25 3.25 0 1 1-2.892 1.275zM6.5 11.75a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5M13.361 8.05a4.75 4.75 0 0 1 5.997.592.75.75 0 1 1-1.06 1.06 3.25 3.25 0 1 0 .862 3.048h-2.38a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75 4.751 4.751 0 1 1-7.389-3.95"
         })
     }));
-}, m = l;
+}, m = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,37 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: c, size: l = 24 } = _param, i = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: r, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = c !== null && c !== void 0 ? c : a ? _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,
+    const a = (0, _themevariantcontext.useThemeVariant)(), t = r !== null && r !== void 0 ? r : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _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({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: t,
             d: "M21.755 18.091c0-.403-.241-1.05-.647-1.375l-.081-6.555v-.014c0-.478 0-1.396-.81-1.767l-7.933-3.563a1.58 1.58 0 0 0-1.215 0L3.136 8.38c-.566.24-.89.81-.89 1.375 0 .647.324 1.132.89 1.376l7.93 3.563c.16.08.322.162.566.162.16 0 .403-.081.566-.162l7.61-3.401v5.423c-.403.322-.647.97-.647 1.375 0 .241.081.404.244.566.243.244.566.244.89.244h.488c.244 0 .566-.081.728-.244.163-.081.244-.322.244-.566m-9.148-2.67a2.9 2.9 0 0 1-.891.163c-.322 0-.647-.08-.891-.162l-5.83-2.591v2.672c0 .81.567 1.457 1.295 1.62 1.297.243 3.078.727 4.373 1.78.324.244.728.407 1.134.407s.81-.163 1.134-.406c1.297-1.053 3.079-1.538 4.373-1.782a1.654 1.654 0 0 0 1.294-1.619V12.75z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: t,
                 d: "M17.744 12.57a.6.6 0 0 1 .756.58v3.522c0 .654-.262 1.342-.873 1.752C16.677 19.06 14.8 20 12 20c-3.014 0-4.963-1.346-5.84-2.129-.47-.418-.66-1.011-.66-1.572V13.15a.6.6 0 0 1 .756-.58l.075.026 5.573 2.322a.25.25 0 0 0 .192 0l5.573-2.322z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: o,
+                fill: t,
                 d: "M11.906 4.509a.5.5 0 0 1 .28.027l10 4A.5.5 0 0 1 22.5 9v6a.5.5 0 0 1-1 0V9.737l-9.314 3.727a.5.5 0 0 1-.371 0l-10-4a.5.5 0 0 1 0-.928l10-4z"
             })
         ]
     }));
-}, u = v;
+}, g = m;

package/dist/generated/mistica-icons/icon-academic-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,20 +92,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const h = (_param)=>{
-    var { color: l, size: c = 24 } = _param, o = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: l, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: s } = (0, _hooks.useTheme)();
-    return s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useThemeVariant)(), i = l !== null && l !== void 0 ? l : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _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({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M20.952 10.047v6.677c.572.412.816 1.205.78 1.812-.031.423-.1.521-.286.659-.255.187-.49.246-.735.246h-.49c-.328 0-.655 0-.9-.246-.163-.163-.243-.412-.243-.659 0-.577.327-1.565.979-1.812v-5.77l-1.714.743v3.955c0 .742-.49 1.319-1.143 1.484-1.303.25-3.1.823-4.486 1.896-.328.247-.655.412-1.062.412-.41 0-.735-.165-1.062-.412-1.304-1.154-3.181-1.65-4.487-1.896a1.51 1.51 0 0 1-1.143-1.484v-3.874L3 10.87c-.408-.246-.735-.658-.735-1.235S2.509 8.565 3 8.4l8.078-3.79c.407-.084.735-.084 1.142.082L20.3 8.4c.69.27.667 1.099.653 1.619zM3.083 9.635c0 .165.08.33.244.412l8.078 3.708c.163.081.244.081.408 0l8.077-3.71h-8.322c-.244 0-.407-.166-.407-.413s.163-.411.407-.411h8.486s.017-.031-.08-.082l-8.078-3.708c-.164-.081-.244-.081-.408 0L3.41 9.14c-.247.084-.327.25-.327.496m14.115 6.594c.247 0 .49-.247.49-.577l-.083-3.628-5.462 2.558a1.2 1.2 0 0 1-1.063 0l-5.304-2.474v3.544c0 .246.163.495.49.577 1.387.249 3.425.826 4.895 2.06a.975.975 0 0 0 1.142 0c1.55-1.237 3.508-1.814 4.895-2.06m2.773 2.307h1.062c0-.495-.408-1.072-.572-1.072s-.49.66-.49 1.072"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +113,10 @@ const h = (_param)=>{
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M11.858 4.264a.75.75 0 0 1 .42.04l10 4A.75.75 0 0 1 22.75 9v6a.75.75 0 0 1-1.5 0v-4.892l-2.5 1V16c0 1.224-.954 2.183-2.172 2.792-1.253.627-2.9.958-4.578.958s-3.325-.331-4.578-.958C6.204 18.183 5.25 17.224 5.25 16v-4.892L1.722 9.697a.75.75 0 0 1 0-1.393l10-4zm.42 9.433a.75.75 0 0 1-.556 0l-4.972-1.99V16c0 .368.311.934 1.343 1.45.997.499 2.402.8 3.907.8s2.91-.301 3.907-.8c1.032-.515 1.343-1.082 1.343-1.45v-4.293zM4.018 9 12 12.193 19.98 9 12 5.808z"
         })
     }));
-}, p = h;
+}, f = s;

package/dist/generated/mistica-icons/icon-academic-regular.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,31 +92,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: a, size: c = 24 } = _param, l = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: t, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = a !== null && a !== void 0 ? a : 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({
-        width: c,
-        height: c,
+    const l = (0, _themevariantcontext.useThemeVariant)(), o = t !== null && t !== void 0 ? t : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "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: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M21.086 10.138v6.302c.73.4.851 2.252.32 2.7-.245.247-.491.247-.819.247H20.1c-.328 0-.737 0-1.065-.328q-.247-.246-.246-.737c0-.574.328-1.554.983-1.882v-5.157l-1.227.572v3.683a1.67 1.67 0 0 1-1.308 1.636c-1.227.246-3.028.737-4.336 1.801-.328.246-.737.409-1.146.409s-.818-.163-1.145-.409C9.3 17.911 7.5 17.42 6.273 17.174a1.67 1.67 0 0 1-1.308-1.636v-3.6l-1.8-.817c-.572-.247-.9-.821-.9-1.392 0-.656.325-1.146.9-1.393l7.937-3.6a1.6 1.6 0 0 1 1.227 0l7.939 3.6c.787.337.806 1.254.817 1.79zm-17.594-.41c0 .076.053.106.137.152l.02.011 7.938 3.6h.247l7.039-3.191H11.59a.56.56 0 0 1-.574-.572.56.56 0 0 1 .574-.57h7.448l-7.283-3.275h-.162L3.654 9.482c-.106.062-.162.165-.162.247m13.585 6.219c.166-.081.328-.246.328-.409l-.045-3.255-5.19 2.356-.006.003c-.163.08-.325.16-.569.16-.165 0-.411-.082-.574-.163l-4.91-2.21v3.109c0 .246.165.409.328.409 1.473.244 3.437.737 4.91 1.964a.75.75 0 0 0 .818 0c1.555-1.146 3.518-1.718 4.91-1.964m3.028 2.129h.49c0-.247-.08-.49-.243-.572-.084.082-.165.325-.247.572"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M11.858 4.264a.75.75 0 0 1 .42.04l10 4A.75.75 0 0 1 22.75 9v6a.75.75 0 0 1-1.5 0v-4.892l-2.5 1V16c0 1.224-.954 2.183-2.172 2.792-1.253.627-2.9.958-4.578.958s-3.325-.331-4.578-.958C6.204 18.183 5.25 17.224 5.25 16v-4.892L1.722 9.697a.75.75 0 0 1 0-1.393l10-4zm.42 9.433a.75.75 0 0 1-.556 0l-4.972-1.99V16c0 .368.311.934 1.343 1.45.997.499 2.402.8 3.907.8s2.91-.301 3.907-.8c1.032-.515 1.343-1.082 1.343-1.45v-4.293zM4.018 9 12 12.193 19.98 9 12 5.808z"
         })
     }));
-}, p = v;
+}, u = m;

package/dist/generated/mistica-icons/icon-accesible-circle-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -92,14 +92,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const c = (_param)=>{
-    var { color: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: o, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useThemeVariant)(), t = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
@@ -108,4 +108,4 @@ const c = (_param)=>{
             d: "M12 2.5a9.501 9.501 0 0 1 3.636 18.277 9.5 9.5 0 0 1-10.354-2.06A9.501 9.501 0 0 1 12 2.5m3.712 7.763a.75.75 0 0 0-.95-.475L12 10.71l-2.763-.92a.75.75 0 0 0-.474 1.423l2.487.829v1.232l-1.874 2.811a.75.75 0 1 0 1.248.832L12 14.852l1.376 2.064a.75.75 0 1 0 1.248-.832l-1.874-2.811V12.04l2.487-.83a.75.75 0 0 0 .475-.948M12 6.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
-}, v = c;
+}, d = c;

package/dist/generated/mistica-icons/icon-accesible-circle-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,27 +91,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: i, size: r = 24 } = _param, s = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: i, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = i !== null && i !== void 0 ? i : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useThemeVariant)(), a = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M14.763 9.788a.75.75 0 0 1 .474 1.424l-2.487.829v1.232l1.874 2.811a.75.75 0 1 1-1.248.832L12 14.852l-1.376 2.064a.75.75 0 1 1-1.248-.832l1.874-2.811V12.04l-2.487-.83a.75.75 0 0 1 .474-1.423L12 10.71zM12 6.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: a,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
-}, p = n;
+}, d = s;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -91,27 +91,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: s, size: r = 24 } = _param, a = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: t, size: a = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    const e = (0, _themevariantcontext.useThemeVariant)(), l = t !== null && t !== void 0 ? t : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M14.763 9.788a.75.75 0 0 1 .474 1.424l-2.487.829v1.232l1.874 2.811a.75.75 0 1 1-1.248.832L12 14.852l-1.376 2.064a.75.75 0 1 1-1.248-.832l1.874-2.811V12.04l-2.487-.83a.75.75 0 0 1 .474-1.423L12 10.71zM12 6.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: l,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
-}, p = n;
+}, d = s;

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

@@ -93,56 +93,56 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const v = (_param)=>{
-    var { color: t, size: c = 24 } = _param, l = _object_without_properties(_param, [
+    var { color: h, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = t !== null && t !== void 0 ? t : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = (0, _themevariantcontext.useThemeVariant)(), c = h !== null && h !== void 0 ? h : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "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: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M15.588 6.36c1.173 0 2.131.974 2.131 2.184v5.45c0 .603-.48 1.09-1.064 1.09-.588 0-1.064-.49-1.064-1.09V10.72c-.588 0-1.62-.275-2.061-.87a.36.36 0 0 1-.07-.22V7.446q0-.119.07-.22c.437-.59 1.47-.866 2.058-.866"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M14.882 11.375v2.62c0 1.002.795 1.812 1.773 1.82v3.274c0 1.605-1.274 2.911-2.84 2.911H8.14C6.574 22 5.3 20.694 5.3 19.09V4.91C5.3 3.307 6.574 2 8.137 2h5.674c1.566 0 2.84 1.306 2.84 2.91v.94a2.7 2.7 0 0 0-1.063-.22c-.714 0-2.003.31-2.627 1.161-.144.196-.214.42-.214.655V9.63c0 .244.082.463.214.655.448.615 1.243.954 1.921 1.09m3.546 2.62c0 .598.476 1.09 1.064 1.09s1.06-.484 1.068-1.087v-3.274c.596 0 1.62-.267 2.061-.87a.38.38 0 0 0 .07-.22V7.45a.36.36 0 0 0-.07-.22c-.44-.594-1.473-.87-2.061-.87-1.18 0-2.132.982-2.132 2.184zM11.87 5.265a.54.54 0 0 0-.534-.547h-3.55a.54.54 0 0 0-.534.547c0 .304.242.547.534.547h3.546a.545.545 0 0 0 .538-.547"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M15.588 6.36c1.173 0 2.131.974 2.131 2.184v5.45c0 .603-.48 1.09-1.064 1.09-.588 0-1.064-.49-1.064-1.09V10.72c-.588 0-1.62-.275-2.061-.87a.36.36 0 0 1-.07-.22V7.446q0-.119.07-.22c.437-.59 1.47-.866 2.058-.866"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M14.882 11.375v2.62c0 1.002.795 1.812 1.773 1.82v3.274c0 1.605-1.274 2.911-2.84 2.911H8.14C6.574 22 5.3 20.694 5.3 19.09V4.91C5.3 3.307 6.574 2 8.137 2h5.674c1.566 0 2.84 1.306 2.84 2.91v.94a2.7 2.7 0 0 0-1.063-.22c-.714 0-2.003.31-2.627 1.161-.144.196-.214.42-.214.655V9.63c0 .244.082.463.214.655.448.615 1.243.954 1.921 1.09m3.546 2.62c0 .598.476 1.09 1.064 1.09s1.06-.484 1.068-1.087v-3.274c.596 0 1.62-.267 2.061-.87a.38.38 0 0 0 .07-.22V7.45a.36.36 0 0 0-.07-.22c-.44-.594-1.473-.87-2.061-.87-1.18 0-2.132.982-2.132 2.184zM11.87 5.265a.54.54 0 0 0-.534-.547h-3.55a.54.54 0 0 0-.534.547c0 .304.242.547.534.547h3.546a.545.545 0 0 0 .538-.547"
             })
         ]
     })) : /* @__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"
     }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M13.25 12.5a2.5 2.5 0 0 1 2.31 1.543c.115.28.177.578.186.88l.004.077v7a.75.75 0 0 1-1.5 0v-4.71q-.02.01-.043.02a2.5 2.5 0 0 1-3.267-1.353 2.5 2.5 0 0 1 1.353-3.267c.303-.125.629-.19.957-.19M19.75 12.5a2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5c-.328 0-.654-.065-.957-.19q-.021-.01-.043-.02V22a.75.75 0 0 1-1.5 0v-7a2.5 2.5 0 0 1 .882-1.904q.038-.032.078-.063l.07-.053q.24-.174.513-.29c.303-.125.629-.19.957-.19"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v5.95a.37.37 0 0 1-.238.34 4 4 0 0 0-1.547 1.106.285.285 0 0 1-.43 0 4 4 0 0 0-1.324-1.01l-.18-.081a4 4 0 0 0-1.335-.3L13.25 11c-.46 0-.916.079-1.348.233l-.183.072a4 4 0 0 0-2.084 1.984l-.08.18a4 4 0 0 0 0 3.062l.08.18a4 4 0 0 0 2.084 1.984q.356.14.726.22a.376.376 0 0 1 .305.36v1.975a.25.25 0 0 1-.25.25H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM9 5.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z"
             })
         ]

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

@@ -92,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: o, size: h = 24 } = _param, v = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: h = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = o !== null && o !== void 0 ? o : r ? _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({
+    const e = (0, _themevariantcontext.useThemeVariant)(), a = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
+    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -114,12 +114,12 @@ const n = (_param)=>{
                 d: "M11.4 4.547H8.529a.731.731 0 0 0 0 1.461h2.87a.731.731 0 0 0 0-1.461"
             })
         ]
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: h,
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -139,7 +139,7 @@ const n = (_param)=>{
         height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: a,
@@ -155,4 +155,4 @@ const n = (_param)=>{
             })
         ]
     }));
-}, V = n;
+}, V = s;