@telefonica/mistica 16.43.1 → 16.44.0

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

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: i, size: r = 24 } = _param, s = _object_without_properties(_param, [
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = c(), l = i !== null && i !== void 0 ? i : t ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const r = c(), e = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M17.212 11.253a1 1 0 0 1 0 1.494l-3.248 2.887c-.645.573-1.664.115-1.664-.747v-2.582a1 1 0 0 1-.288.442l-3.248 2.887c-.645.573-1.664.115-1.664-.747V9.113c0-.862 1.019-1.32 1.664-.747l3.248 2.887c.14.124.235.278.288.442V9.113c0-.862 1.019-1.32 1.664-.747z"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: l,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M21.75 12A9.75 9.75 0 0 1 12 21.75l-.483-.012a9.75 9.75 0 0 1-9.255-9.255L2.25 12a9.75 9.75 0 1 1 19.5 0m-1.5 0A8.25 8.25 0 0 0 12 3.75l-.41.01A8.25 8.25 0 0 0 3.75 12l.01.41A8.25 8.25 0 0 0 12 20.25l.41-.01A8.25 8.25 0 0 0 20.25 12"
             })
         ]
     }));
-}, m = n;
-export { m as default };
+}, f = s;
+export { f as default };

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

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
-import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: i, size: r = 24 } = _param, l = _object_without_properties(_param, [
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: i, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = c(), o = i !== null && i !== void 0 ? i : s ? e.colors.inverse : e.colors.neutralHigh;
-    return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const r = c(), a = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, l), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M17.676 11.163a1.25 1.25 0 0 1 0 1.674l-.098.098-3.248 2.886c-.806.716-2.08.144-2.08-.934v-2.14a1 1 0 0 1-.074.09l-.098.098L8.83 15.82c-.806.716-2.08.144-2.08-.934V9.113c0-1.078 1.274-1.65 2.08-.934l3.248 2.886.098.098q.039.045.074.09v-2.14c0-1.078 1.274-1.65 2.08-.934l3.248 2.886zM8.25 9.67v4.66L10.872 12zm5.5 0v4.66L16.372 12z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: o,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M21.75 12a9.75 9.75 0 1 1-19.5 0 9.75 9.75 0 0 1 19.5 0m-1.5 0a8.25 8.25 0 1 0-16.5-.001 8.25 8.25 0 0 0 16.5.001"
             })
         ]
     }));
-}, m = n;
-export { m as default };
+}, g = s;
+export { g as default };

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

@@ -78,31 +78,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useIsInverseOrMediaVariant as c } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const n = (_param)=>{
-    var { color: a, size: r = 24 } = _param, s = _object_without_properties(_param, [
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+const s = (_param)=>{
+    var { color: t, size: o = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = c(), o = a !== null && a !== void 0 ? a : t ? l.colors.inverse : l.colors.neutralHigh;
-    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const r = c(), e = t !== null && t !== void 0 ? t : r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh;
+    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, s), {
+    }, i), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: o,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M17.676 11.163a1.25 1.25 0 0 1 0 1.674l-.098.098-3.248 2.886c-.806.716-2.08.144-2.08-.934v-2.14a1 1 0 0 1-.074.09l-.098.098L8.83 15.82c-.806.716-2.08.144-2.08-.934V9.113c0-1.078 1.274-1.65 2.08-.934l3.248 2.886.098.098q.039.045.074.09v-2.14c0-1.078 1.274-1.65 2.08-.934l3.248 2.886zM8.25 9.67v4.66L10.872 12zm5.5 0v4.66L16.372 12z"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: o,
+            /* @__PURE__ */ l("path", {
+                fill: e,
                 d: "M21.75 12a9.75 9.75 0 1 1-19.5 0 9.75 9.75 0 0 1 19.5 0m-1.5 0a8.25 8.25 0 1 0-16.5-.001 8.25 8.25 0 0 0 16.5.001"
             })
         ]
     }));
-}, f = n;
-export { f as default };
+}, g = s;
+export { g as default };

package/dist-es/generated/mistica-icons/icon-fragrance-filled.js

@@ -78,32 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: c, size: a = 24 } = _param, h = _object_without_properties(_param, [
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const v = (_param)=>{
+    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = m(), r = c !== null && c !== void 0 ? c : i ? o.colors.inverse : o.colors.neutralHigh, { skinName: t } = n();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const h = m(), r = i !== null && i !== void 0 ? i : h === "brand" || h === "media" ? t.colors.neutralHighBrand : h === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: l } = n();
+    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, o), {
         children: /* @__PURE__ */ e("path", {
             fill: r,
             d: "M20.203 13.914c0-3.316-1.941-5.835-5.213-6.83V4.262a2.103 2.103 0 0 0-2.095-2.106h-2.129a2.1 2.1 0 0 0-2.095 2.106v2.953c-2.69.952-4.871 3.123-4.871 6.7 0 2.375.941 4.336 2.672 5.625-.19.243-.31.546-.31.88 0 .784.635 1.422 1.42 1.422h8.876c.782 0 1.417-.638 1.417-1.423 0-.322-.112-.619-.294-.857 1.717-1.274 2.622-3.204 2.622-5.647M10.766 3.36h2.129a.9.9 0 0 1 .9.902V6.82c-.586-.101-1.183-.171-1.793-.171-.712 0-1.43.076-2.132.227V4.26h-.003a.9.9 0 0 1 .9-.902M7.58 20.637a.222.222 0 0 1 0-.443h8.876a.221.221 0 0 1 0 .443zm1.344-5.21V12.58c0-.395.32-.717.714-.717h4.482c.395 0 .714.322.714.717v2.846c0 .395-.319.717-.714.717H9.637a.716.716 0 0 1-.714-.717m.714 1.918a1.917 1.917 0 0 1-1.913-1.918V12.58a1.92 1.92 0 0 1 1.913-1.922h4.482c1.053 0 1.913.863 1.913 1.922v2.846a1.917 1.917 0 0 1-1.913 1.918zm.983-4.187c0 .221.18.4.401.4h1.672a.4.4 0 1 0 0-.8h-1.672a.4.4 0 0 0-.4.4m-.23 1.991h2.928a.4.4 0 1 0 0-.8h-2.927a.4.4 0 0 0 0 .8m2.01-9.787c.173 0 .316-.157.316-.347s-.143-.35-.317-.35c-.173 0-.316.157-.316.35 0 .19.143.347.316.347m1.114-.347c0 .633-.501 1.151-1.115 1.151-.616 0-1.115-.518-1.115-1.151 0-.636.502-1.151 1.115-1.151.617-.003 1.115.515 1.115 1.15m2.252-.947a.592.592 0 0 0 .849-.003l.711-.714a.602.602 0 0 0-.848-.851l-.712.717a.6.6 0 0 0 0 .851m.602.782a.6.6 0 0 1 .6-.603h1.305a.6.6 0 0 1 .6.603.6.6 0 0 1-.6.602h-1.305a.603.603 0 0 1-.6-.602m.297.784a.6.6 0 0 0-.848 0 .604.604 0 0 0 .002.851l.754.757a.594.594 0 0 0 .846 0 .6.6 0 0 0 0-.852z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, o), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: r,
@@ -115,5 +115,5 @@ const s = (_param)=>{
             })
         ]
     }));
-}, g = s;
-export { g as default };
+}, p = v;
+export { p as default };

package/dist-es/generated/mistica-icons/icon-fragrance-light.js

@@ -80,22 +80,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as c, jsxs as m } from "react/jsx-runtime";
 import { useTheme as n } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as v } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
-    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { useThemeVariant as l } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const v = (_param)=>{
+    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), r = o !== null && o !== void 0 ? o : t ? h.colors.inverse : h.colors.neutralHigh, { skinName: i } = n();
+    const e = l(), h = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = n();
     return i.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: /* @__PURE__ */ c("path", {
-            fill: r,
+            fill: h,
             d: "M20.201 13.953c0 2.507-.966 4.468-2.793 5.726.247.227.404.552.404.913 0 .69-.56 1.25-1.25 1.25H7.464c-.689 0-1.249-.56-1.249-1.25 0-.37.165-.697.42-.927-1.411-.97-2.84-2.695-2.84-5.712 0-3.602 2.25-5.77 4.992-6.692V4.1c0-1.073.874-1.944 1.944-1.944h2.182c1.072 0 1.944.871 1.944 1.944v3.036c3.352.958 5.344 3.482 5.344 6.818M9.607 7.023a10.3 10.3 0 0 1 2.39-.283c.7 0 1.38.084 2.042.213V4.1c0-.622-.505-1.126-1.126-1.126H10.73c-.62 0-1.124.507-1.124 1.126zm6.796 12.32c1.95-1.07 2.98-2.93 2.98-5.39 0-4.386-3.53-5.736-5.047-6.112a9.7 9.7 0 0 0-2.34-.28 9.3 9.3 0 0 0-2.652.383l-.022.007c-2.566.773-4.706 2.72-4.706 6.002 0 2.423 1.05 4.28 3.036 5.376l.017.014zm.162 1.68a.431.431 0 0 0 0-.86h-9.1a.431.431 0 0 0 0 .86zm-1.46-8.431a.937.937 0 0 0-.935-.936H9.576a.937.937 0 0 0-.935.936v2.905c0 .518.42.938.935.938h4.594c.516 0 .936-.42.936-.938zm-.935-1.756c.97 0 1.757.787 1.757 1.753v2.905c0 .97-.787 1.756-1.757 1.756H9.576c-.969 0-1.756-.787-1.756-1.756v-2.905c0-.969.787-1.753 1.756-1.753zm-1.675-5.342a.466.466 0 0 0 0-.93.466.466 0 0 0 0 .93m1.286-.465a1.285 1.285 0 1 1-2.567.001 1.285 1.285 0 0 1 2.567-.001m2.221-.655a.407.407 0 0 0 .58 0l.818-.818a.41.41 0 0 0-.58-.58l-.818.818a.41.41 0 0 0 0 .58m.202.633c0-.227.182-.41.409-.41h1.496c.227 0 .409.183.409.41a.41.41 0 0 1-.41.409h-1.495a.41.41 0 0 1-.41-.41m.426.677a.408.408 0 1 0-.577.58l.862.866a.4.4 0 0 0 .289.12.41.41 0 0 0 .289-.7zm-6.07 7.908a.41.41 0 0 1 0-.818h2.624c.227 0 .41.182.41.409a.41.41 0 0 1-.41.409zm4.022 1.213a.41.41 0 0 0-.409-.41h-4.6a.41.41 0 0 0-.408.41c0 .227.182.409.409.409h4.6a.41.41 0 0 0 .408-.41"
         })
     })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
@@ -103,17 +103,17 @@ const l = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
             /* @__PURE__ */ c("path", {
-                fill: r,
+                fill: h,
                 d: "M12 12.25a2.75 2.75 0 1 1 0 5.499 2.75 2.75 0 0 1 0-5.499m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
             }),
             /* @__PURE__ */ c("path", {
-                fill: r,
+                fill: h,
                 d: "M15 2.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-.75.75h-.25v1.5H17A2.75 2.75 0 0 1 19.75 11v8A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19v-8A2.75 2.75 0 0 1 7 8.25h2.25v-1.5H9A.75.75 0 0 1 8.25 6V3A.75.75 0 0 1 9 2.25zm-8 7.5A1.25 1.25 0 0 0 5.75 11v8A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19v-8A1.25 1.25 0 0 0 17 9.75zm3.75-3v1.5h2.5v-1.5zm-1-1.5h4.5v-1.5h-4.5z"
             })
         ]
     }));
-}, d = l;
-export { d as default };
+}, p = v;
+export { p as default };

package/dist-es/generated/mistica-icons/icon-fragrance-regular.js

@@ -78,24 +78,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { useTheme as l } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as n } from "../../theme-variant-context.js";
-import { vars as h } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: o, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+const v = (_param)=>{
+    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const m = n(), e = o !== null && o !== void 0 ? o : m ? h.colors.inverse : h.colors.neutralHigh, { skinName: t } = l();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    const r = n(), h = o !== null && o !== void 0 ? o : r === "brand" || r === "media" ? c.colors.neutralHighBrand : r === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { skinName: m } = l();
+    return m.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ r("path", {
-            fill: e,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: h,
             d: "M20.201 13.914c0 2.443-.904 4.375-2.624 5.647.182.238.294.535.294.857 0 .785-.636 1.423-1.418 1.423H7.577c-.782 0-1.42-.638-1.42-1.423 0-.333.12-.636.31-.88-1.73-1.288-2.672-3.249-2.672-5.624 0-3.574 2.182-5.748 4.871-6.7V4.26c0-1.162.941-2.106 2.096-2.106h2.128c1.157 0 2.096.944 2.096 2.106v2.824c3.277.994 5.215 3.513 5.215 6.83M9.865 6.874c.703-.15 1.42-.226 2.132-.226.61 0 1.207.07 1.793.17V4.262a.9.9 0 0 0-.9-.902h-2.128a.9.9 0 0 0-.897.902zm-4.868 7.04c0 2.289.983 4.042 2.843 5.079h8.403c1.804-1.014 2.762-2.765 2.762-5.079 0-4.151-3.333-5.434-4.77-5.795h-.003a9.4 9.4 0 0 0-2.235-.27c-.835 0-1.686.118-2.496.356q-.006.002-.013.003l-.012.003c-2.44.731-4.48 2.58-4.48 5.703m11.456 6.723a.22.22 0 0 0 .219-.221.22.22 0 0 0-.219-.222H7.577c-.12 0-.222.101-.222.222 0 .12.098.22.222.22zm-7.532-5.21c0 .395.32.717.715.717h4.481a.716.716 0 0 0 .715-.717V12.58a.716.716 0 0 0-.715-.717H9.635a.716.716 0 0 0-.714.717zm.715 1.918a1.917 1.917 0 0 1-1.914-1.918V12.58a1.92 1.92 0 0 1 1.914-1.922h4.481c1.053 0 1.913.863 1.913 1.922v2.846a1.917 1.917 0 0 1-1.913 1.918zm2.761-11.983c.174 0 .317-.157.317-.347s-.143-.35-.317-.35c-.173 0-.316.157-.316.35 0 .19.143.347.316.347m1.115-.347c0 .633-.501 1.151-1.115 1.151-.616 0-1.114-.518-1.114-1.151 0-.636.501-1.151 1.114-1.151.617-.003 1.115.515 1.115 1.15m2.252-.947a.592.592 0 0 0 .849-.003l.712-.714a.602.602 0 0 0-.85-.851l-.71.717a.6.6 0 0 0 0 .851m.603.782a.6.6 0 0 1 .599-.603h1.305a.6.6 0 0 1 .6.603.6.6 0 0 1-.6.602h-1.305a.6.6 0 0 1-.6-.602m.296.784a.6.6 0 0 0-.848 0 .604.604 0 0 0 .003.851l.753.757a.594.594 0 0 0 .846 0 .6.6 0 0 0 0-.852zm-5.644 7.924a.4.4 0 1 1 0-.8h1.672a.4.4 0 1 1 0 .8zm-1.03 1.19c0 .222.179.401.4.401h2.927a.4.4 0 1 0 0-.8H10.39a.4.4 0 0 0-.4.4"
         })
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
@@ -103,17 +103,17 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, t), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: h,
                 d: "M12 12.25a2.75 2.75 0 1 1 0 5.499 2.75 2.75 0 0 1 0-5.499m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: e,
+            /* @__PURE__ */ e("path", {
+                fill: h,
                 d: "M15 2.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-.75.75h-.25v1.5H17A2.75 2.75 0 0 1 19.75 11v8A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19v-8A2.75 2.75 0 0 1 7 8.25h2.25v-1.5H9A.75.75 0 0 1 8.25 6V3A.75.75 0 0 1 9 2.25zm-8 7.5A1.25 1.25 0 0 0 5.75 11v8A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19v-8A1.25 1.25 0 0 0 17 9.75zm3.75-3v1.5h2.5v-1.5zm-1-1.5h4.5v-1.5h-4.5z"
             })
         ]
     }));
-}, d = s;
-export { d as default };
+}, p = v;
+export { p as default };

package/dist-es/generated/mistica-icons/icon-fullscreen-light.js

@@ -78,36 +78,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useTheme as c } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
-    var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
+import { useThemeVariant as l } from "../../theme-variant-context.js";
+import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+const v = (_param)=>{
+    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = s(), o = h !== null && h !== void 0 ? h : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const t = l(), h = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = c();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: h,
             d: "M2.155 8.247c0 .32.26.577.58.577s.58-.257.58-.577V3.315h4.932a.581.581 0 0 0 0-1.16H2.735c-.32 0-.58.26-.58.58zm6.684 13.017c0-.32-.261-.58-.58-.58 0 0-4.944 0-4.947-.002v-4.933a.59.59 0 0 0-.58-.577c-.32 0-.577.26-.577.58v5.512c0 .32.26.577.58.58h5.524c.319 0 .58-.26.58-.58m12.423-6.103a.59.59 0 0 1 .576.58v5.523c0 .32-.257.577-.576.577h-5.524a.581.581 0 0 1 0-1.16h4.946v-4.943c0-.32.258-.577.578-.577m.58-12.429c0-.32-.261-.577-.58-.577h-5.513a.579.579 0 1 0 0 1.157h4.938V8.27a.576.576 0 1 0 1.154 0z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ a("path", {
-            fill: o,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: h,
             d: "M4 15.25a.75.75 0 0 1 .75.75v2l.006.124A1.25 1.25 0 0 0 6 19.25h2a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 18v-2a.75.75 0 0 1 .75-.75M20 15.25a.75.75 0 0 1 .75.75v2A2.75 2.75 0 0 1 18 20.75h-2a.75.75 0 0 1 0-1.5h2A1.25 1.25 0 0 0 19.25 18v-2a.75.75 0 0 1 .75-.75M8 3.25a.75.75 0 0 1 0 1.5H6A1.25 1.25 0 0 0 4.75 6v2a.75.75 0 0 1-1.5 0V6A2.75 2.75 0 0 1 6 3.25zM18 3.25A2.75 2.75 0 0 1 20.75 6v2a.75.75 0 0 1-1.5 0V6a1.25 1.25 0 0 0-1.126-1.244L18 4.75h-2a.75.75 0 0 1 0-1.5z"
         })
     }));
-}, d = l;
-export { d as default };
+}, u = v;
+export { u as default };

package/dist-es/generated/mistica-icons/icon-fullscreen-regular.js

@@ -79,23 +79,23 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as v } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: n, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { useTheme as l } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: h, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = h(), o = n !== null && n !== void 0 ? n : i ? t.colors.inverse : t.colors.neutralHigh, { skinName: l } = v();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+    const r = v(), n = h !== null && h !== void 0 ? h : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = l();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: n,
             d: "M2.155 8.351a.844.844 0 0 0 1.686.003v-4.51h4.513a.846.846 0 0 0 0-1.689H2.998a.844.844 0 0 0-.843.843zm7.02 12.68a.845.845 0 0 0-.813-.876H3.847v-4.51a.844.844 0 0 0-1.686 0v5.356c0 .465.378.843.843.843h5.358a.845.845 0 0 0 .813-.812m11.818-6.243c.465 0 .843.378.843.843v5.353a.844.844 0 0 1-.843.843h-5.359a.845.845 0 0 1 0-1.686h4.513v-4.51a.846.846 0 0 1 .846-.843m.848-11.767a.84.84 0 0 0-.843-.844v.003H15.64a.844.844 0 0 0 0 1.686h4.512v4.507a.846.846 0 0 0 1.69 0z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
@@ -103,11 +103,11 @@ const s = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, t), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: n,
             d: "M4 15.25a.75.75 0 0 1 .75.75v2l.006.124A1.25 1.25 0 0 0 6 19.25h2a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 18v-2a.75.75 0 0 1 .75-.75M20 15.25a.75.75 0 0 1 .75.75v2A2.75 2.75 0 0 1 18 20.75h-2a.75.75 0 0 1 0-1.5h2A1.25 1.25 0 0 0 19.25 18v-2a.75.75 0 0 1 .75-.75M8 3.25a.75.75 0 0 1 0 1.5H6A1.25 1.25 0 0 0 4.75 6v2a.75.75 0 0 1-1.5 0V6A2.75 2.75 0 0 1 6 3.25zM18 3.25A2.75 2.75 0 0 1 20.75 6v2a.75.75 0 0 1-1.5 0V6a1.25 1.25 0 0 0-1.126-1.244L18 4.75h-2a.75.75 0 0 1 0-1.5z"
         })
     }));
-}, p = s;
-export { p as default };
+}, d = c;
+export { d as default };

package/dist-es/generated/mistica-icons/icon-funnel-filled.js

@@ -80,42 +80,42 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as l } from "react/jsx-runtime";
 import { useTheme as h } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: n, size: e = 24 } = _param, i = _object_without_properties(_param, [
+    var { color: r, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), o = n !== null && n !== void 0 ? n : a ? r.colors.inverse : r.colors.neutralHigh, { skinName: t } = h();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const o = c(), i = r !== null && r !== void 0 ? r : o === "brand" || o === "media" ? n.colors.neutralHighBrand : o === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { skinName: a } = h();
+    return a.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: i,
             d: "M14.255 19.776c0 1.228-1.012 2.224-2.25 2.224s-2.26-.996-2.26-2.224v-4.443L3.09 3.091a.72.72 0 0 1 .019-.73A.75.75 0 0 1 3.752 2h16.497a.75.75 0 0 1 .642.36c.14.223.144.503.02.73l-6.656 12.243z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: i,
             d: "M20.45 2.185A.35.35 0 0 0 20.146 2H3.852a.35.35 0 0 0-.304.185.4.4 0 0 0-.004.37l6.864 12.876v4.9c0 .92.716 1.669 1.596 1.669s1.596-.749 1.596-1.668v-4.905l6.855-12.872a.38.38 0 0 0-.005-.37"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: i,
             d: "M20.45 2.185A.35.35 0 0 0 20.146 2H3.852a.35.35 0 0 0-.304.185.4.4 0 0 0-.004.37l6.864 12.876v4.9c0 .92.716 1.669 1.596 1.669s1.596-.749 1.596-1.668v-4.905l6.855-12.872a.38.38 0 0 0-.005-.37"
         })
     })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
@@ -123,11 +123,11 @@ const v = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, t), {
         children: /* @__PURE__ */ l("path", {
-            fill: o,
+            fill: i,
             d: "M20 3.5a.5.5 0 0 1 .5.5v2.172l-.013.247a2.5 2.5 0 0 1-.757 1.555l-5.23 4.263V18.5a.5.5 0 0 1-.324.468l-4 1.5A.5.5 0 0 1 9.5 20v-7.762L4.206 7.961a1 1 0 0 1-.056-.053 2.5 2.5 0 0 1-.65-1.68V4a.5.5 0 0 1 .5-.5z"
         })
     }));
-}, p = v;
-export { p as default };
+}, g = v;
+export { g as default };

package/dist-es/generated/mistica-icons/icon-funnel-light.js

@@ -78,56 +78,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useIsInverseOrMediaVariant as h } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as h } from "../../hooks.js";
+import { useThemeVariant as c } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
 const v = (_param)=>{
-    var { color: r, size: e = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: r, size: a = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = h(), t = r !== null && r !== void 0 ? r : n ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = c();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const i = c(), t = r !== null && r !== void 0 ? r : i === "brand" || i === "media" ? n.colors.neutralHighBrand : i === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { skinName: o } = h();
+    return o.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
             fill: t,
             d: "M12 22c-.93 0-1.689-.749-1.689-1.668v-4.9L3.046 2.554A.376.376 0 0 1 3.372 2h17.256a.376.376 0 0 1 .326.555L13.689 15.43v4.9c0 .92-.758 1.669-1.689 1.669m-.984-6.853a.35.35 0 0 1 .048.18v5.005c0 .507.418.924.936.924a.93.93 0 0 0 .936-.924v-5.005a.35.35 0 0 1 .048-.18l7.005-12.408H4.011z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
             fill: t,
             d: "M9.87 19.776c0 1.228.957 2.224 2.126 2.224s2.126-.996 2.126-2.224v-4.443l6.295-12.242a.77.77 0 0 0-.018-.73.7.7 0 0 0-.607-.361H4.21c-.25 0-.48.138-.607.36a.76.76 0 0 0-.018.73L9.87 15.334zm1.333-4.978L5.393 3.478H18.6l-5.81 11.319a.73.73 0 0 0-.087.35v4.633c0 .408-.317.74-.707.74s-.707-.332-.707-.74v-4.633a.8.8 0 0 0-.086-.35"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
             fill: t,
             d: "M13.594 15.408v4.919c0 .92-.712 1.673-1.591 1.673-.88 0-1.596-.749-1.596-1.668v-4.9L3.544 2.554a.4.4 0 0 1 .004-.37A.35.35 0 0 1 3.852 2h16.292c.127 0 .245.071.308.185a.38.38 0 0 1 0 .37l-3.989 7.284a.35.35 0 0 1-.485.137.387.387 0 0 1-.131-.507l3.685-6.73H4.455l6.618 12.408a.37.37 0 0 1 .046.18v5.005c0 .507.394.924.884.924.485 0 .883-.412.883-.924v-5a.35.35 0 0 1 .032-.152l.798-1.853a.346.346 0 0 1 .467-.185c.177.08.258.303.177.488zm1.59-3.043c.39 0 .708-.332.708-.74 0-.407-.317-.739-.707-.739s-.707.332-.707.74c0 .407.317.739.707.739"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ l("path", {
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
             fill: t,
             d: "M20 3.25a.75.75 0 0 1 .75.75v2.172l-.014.272a2.75 2.75 0 0 1-.792 1.672l-.056.051-5.138 4.188V18.5a.75.75 0 0 1-.486.702l-4 1.5A.75.75 0 0 1 9.25 20v-7.643L4.049 8.155a1 1 0 0 1-.084-.079 2.75 2.75 0 0 1-.715-1.848V4A.75.75 0 0 1 4 3.25zM4.75 6.227l.006.116c.023.253.125.494.29.69l5.426 4.384a.75.75 0 0 1 .278.583v6.917l2.5-.937V12a.75.75 0 0 1 .276-.581l5.373-4.38c.196-.204.317-.465.345-.744l.006-.123V4.75H4.75z"
         })
     }));
-}, p = v;
-export { p as default };
+}, f = v;
+export { f as default };