@telefonica/mistica 17.0.0 → 17.1.0

package/dist/generated/mistica-icons/icon-arrow-down-right-light.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const x = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
-            d: "M19.821 20.474a.64.64 0 0 0 .47-.187.67.67 0 0 0 .183-.538v-12.6c.003-.383-.188-.686-.518-.829-.36-.154-.827-.081-1.09.171L16.087 9.27a.14.14 0 0 1-.11.042.2.2 0 0 1-.134-.06l-5.168-5.237-.003-.003c-.274-.272-.848-.84-1.593-.157L4.023 8.92c-.334.33-.496.658-.502.997-.003.341.16.68.485 1.005l5.067 5.096c.04.036.059.084.062.134a.16.16 0 0 1-.042.11l-2.572 2.57c-.266.29-.341.788-.176 1.16.134.3.4.474.728.474l12.678.005zm-.056-.56-12.683-.006c-.076 0-.166-.016-.222-.143-.075-.168-.039-.422.073-.549l2.56-2.56a.7.7 0 0 0 .205-.523.76.76 0 0 0-.224-.513L4.4 10.527c-.219-.218-.322-.414-.32-.602q.004-.279.337-.61l5.044-5.05c.275-.25.41-.259.816.145l5.168 5.238c.137.14.319.218.512.224a.7.7 0 0 0 .524-.204l2.77-2.77c.093-.085.311-.132.48-.06.123.054.179.152.179.314v12.616l.002.028c.006.045-.002.084-.02.101-.016.017-.052.025-.1.02-.008-.003-.02-.003-.028-.003"
+            d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const x = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
-            d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
+            d: "M19.821 20.474a.64.64 0 0 0 .47-.187.67.67 0 0 0 .183-.538v-12.6c.003-.383-.188-.686-.518-.829-.36-.154-.827-.081-1.09.171L16.087 9.27a.14.14 0 0 1-.11.042.2.2 0 0 1-.134-.06l-5.168-5.237-.003-.003c-.274-.272-.848-.84-1.593-.157L4.023 8.92c-.334.33-.496.658-.502.997-.003.341.16.68.485 1.005l5.067 5.096c.04.036.059.084.062.134a.16.16 0 0 1-.042.11l-2.572 2.57c-.266.29-.341.788-.176 1.16.134.3.4.474.728.474l12.678.005zm-.056-.56-12.683-.006c-.076 0-.166-.016-.222-.143-.075-.168-.039-.422.073-.549l2.56-2.56a.7.7 0 0 0 .205-.523.76.76 0 0 0-.224-.513L4.4 10.527c-.219-.218-.322-.414-.32-.602q.004-.279.337-.61l5.044-5.05c.275-.25.41-.259.816.145l5.168 5.238c.137.14.319.218.512.224a.7.7 0 0 0 .524-.204l2.77-2.77c.093-.085.311-.132.48-.06.123.054.179.152.179.314v12.616l.002.028c.006.045-.002.084-.02.101-.016.017-.052.025-.1.02-.008-.003-.02-.003-.028-.003"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-arrow-down-right-regular.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const x = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
-            d: "m19.486 20.49.079.002c.249 0 .473-.09.638-.258a.9.9 0 0 0 .255-.717V7.43c.003-.476-.243-.865-.658-1.044-.445-.19-1.009-.098-1.339.218l-2.588 2.588-4.812-5.115-.014-.014c-.219-.218-.488-.448-.824-.52q-.556-.119-1.078.36l-.017.018-5.026 5.047c-.736.737-.745 1.577-.016 2.306l.005.005 4.902 4.79-2.378 2.378-.014.017c-.328.359-.42.95-.216 1.406.174.384.524.614.944.614zm-.103-1.076L7.36 19.408c-.014-.062 0-.17.031-.21l2.448-2.448a.973.973 0 0 0-.017-1.376l-.005-.005-4.972-4.857c-.107-.104-.23-.255-.227-.381.003-.101.09-.244.246-.4l5.017-5.037a.6.6 0 0 1 .129-.093c.028.011.104.054.275.222l4.88 5.184.01.012a.97.97 0 0 0 1.376.02l2.65-2.65a.24.24 0 0 1 .176-.009.2.2 0 0 1 .006.05z"
+            d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const x = (_param)=>{
     }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
-            d: "M20.304 6.668c-.77-.332-1.658-.144-2.26.476l-2.639 2.769-7.341-7.706a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.922 8.314.121.056c.416.188.542.056 1.228-.664L19 8.165a.66.66 0 0 1 .77-.168.64.64 0 0 1 .385.616v11.963H8.826c-.377 0-.534-.292-.58-.42-.09-.236-.099-.593.153-.857l3.156-3.312.054-.129c.137-.356.16-.428-.633-1.28L3.642 6.844a.665.665 0 0 0-.965 0 .75.75 0 0 0 0 1.012l7.342 7.706-2.584 2.713c-.603.632-.778 1.588-.454 2.42.316.8 1.018 1.305 1.837 1.305h12.71V8.6c0-.864-.47-1.608-1.224-1.932"
+            d: "m19.486 20.49.079.002c.249 0 .473-.09.638-.258a.9.9 0 0 0 .255-.717V7.43c.003-.476-.243-.865-.658-1.044-.445-.19-1.009-.098-1.339.218l-2.588 2.588-4.812-5.115-.014-.014c-.219-.218-.488-.448-.824-.52q-.556-.119-1.078.36l-.017.018-5.026 5.047c-.736.737-.745 1.577-.016 2.306l.005.005 4.902 4.79-2.378 2.378-.014.017c-.328.359-.42.95-.216 1.406.174.384.524.614.944.614zm-.103-1.076L7.36 19.408c-.014-.062 0-.17.031-.21l2.448-2.448a.973.973 0 0 0-.017-1.376l-.005-.005-4.972-4.857c-.107-.104-.23-.255-.227-.381.003-.101.09-.244.246-.4l5.017-5.037a.6.6 0 0 1 .129-.093c.028.011.104.054.275.222l4.88 5.184.01.012a.97.97 0 0 0 1.376.02l2.65-2.65a.24.24 0 0 1 .176-.009.2.2 0 0 1 .006.05z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-arrow-drop-down-filled.js

@@ -140,7 +140,7 @@ const V = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: a } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : d), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: a } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : d), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-drop-up-filled.js

@@ -140,7 +140,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : d), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), d = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : d), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-left-filled.js

@@ -140,7 +140,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), l = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), l = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const H = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
-            d: "M11.961 2.161q.229 0 .44.084c.434.177.7.602.695 1.107l.003 3.65q.014.03.039.056l6.882.02c.616-.01 1.07.145 1.384.467s.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.445s-1.009.482-1.426.488l-6.72-.003a.5.5 0 0 0-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42l-8.658-8.712c-.087-.084-.336-.33-.333-.69a.82.82 0 0 1 .274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493"
+            d: "M14.14 15.677v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 11.994l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366z"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const H = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
-            d: "M14.14 15.677v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 11.994l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366z"
+            d: "M11.961 2.161q.229 0 .44.084c.434.177.7.602.695 1.107l.003 3.65q.014.03.039.056l6.882.02c.616-.01 1.07.145 1.384.467s.46.776.442 1.392v6.042c.009.42-.03 1.025-.436 1.445s-1.009.482-1.426.488l-6.72-.003a.5.5 0 0 0-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42l-8.658-8.712c-.087-.084-.336-.33-.333-.69a.82.82 0 0 1 .274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-arrow-line-down-left-light.js

@@ -140,7 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-down-left-regular.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-down-light.js

@@ -140,7 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-down-regular.js

@@ -140,7 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-left-light.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-left-regular.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: l, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-right-light.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-right-regular.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: d } = (0, _hooks.useTheme)(), o = d.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-up-light.js

@@ -140,7 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : c), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-up-regular.js

@@ -140,7 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : h), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-up-right-light.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-line-up-right-regular.js

@@ -140,7 +140,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: m } = (0, _hooks.useTheme)(), o = m.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-return-lock-filled.js

@@ -140,7 +140,7 @@ const x = (_param)=>{
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), c = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useThemeVariant)(), c = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-return-lock-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return L;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,39 +135,39 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
-    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
+const L = (_param)=>{
+    var { color: h, size: a = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), v = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : v), { skinName: s } = (0, _hooks.useTheme)(), l = s.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const r = (0, _themevariantcontext.useThemeVariant)(), v = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : v), { skinName: s } = (0, _hooks.useTheme)(), l = s.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: e,
                 d: "M12.789 3c5.094 0 9.21 3.598 9.21 8.974 0 4.714-4.065 8.917-8.77 9.026l-.457-.002-.101-.014a.501.501 0 0 1 .135-.986l.402.002c4.142-.098 7.786-3.838 7.786-8.026C20.994 7.199 17.378 4 12.789 4c-4.114 0-7.73 3.477-7.73 7.974v.225l.214-.213c.016-.015.005-.006.02-.021.02-.019.004-.002.022-.02l.118-.118.005-.006.006-.005.194-.193.01-.01.006-.006.005-.005.021-.02.054-.055.005-.005.006-.005.49-.488.004-.005.005-.003.01-.01a.505.505 0 0 1 .71 0 .5.5 0 0 1 0 .707l-.276.275-.005.006-.006.005-.286.284c-.027.027.008-.007-.02.022l-.01.01-.855.849-.004.005-.005.004-.014.013-.004.005-.01.01-.086.085c-.013.012.005-.004-.008.009l-.005.004-.338.336-.002.003-.003.002-.03.03-.008.009-.008.006-.022.023-.001.002h-.002l-.4.398-.355-.353-.004-.004-.01-.01-.018-.018-.201-.2c-.02-.019.006.008-.014-.012l-.006-.007-.048-.048-.015-.014-.06-.06-.015-.015-.068-.068-.005-.004-.008-.009-.025-.025-.005-.004-.004-.005-.089-.088-.01-.009-.008-.01-.037-.037-.005-.004-.004-.005-.01-.01-.01-.008-.004-.005-.024-.024-.01-.01-.005-.004-.246-.245-.084-.083-.343-.342-.054-.054c-.02-.019.01.011-.011-.01l-.005-.005-.006-.005-.021-.022-.01-.01-.043-.043-.006-.005-.005-.006-.01-.01-.023-.021c-.01-.01 0-.002-.01-.011l-.079-.08q-.003 0-.006-.004c-.005-.005-.004-.006-.01-.01l-.021-.021c-.024-.024.014.013-.01-.011l-.02-.02-.006-.005-.005-.006-.117-.116-.006-.005-.01-.011-.165-.164-.065-.078a.5.5 0 0 1 .065-.63.506.506 0 0 1 .632-.064l.08.065.164.164.01.01.006.005.387.385.004.006.011.01.205.204.005.006.006.005.193.191.01.01.006.006.067.067.005.006.006.005.11.108v-.225C4.053 6.939 8.105 3 12.788 3"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: e,
                 d: "M13 13a.6.6 0 1 1 0 1.2.6.6 0 0 1 0-1.2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: e,
                 d: "M13 8a2 2 0 0 1 2 2v1.005c.56.05 1 .521 1 1.095v2.8a1.1 1.1 0 0 1-1.1 1.1h-3.8a1.1 1.1 0 0 1-1.1-1.1v-2.8a1.1 1.1 0 0 1 1-1.095V10a2 2 0 0 1 2-2m-1.939 4.008A.1.1 0 0 0 11 12.1v2.8l.008.038q.017.038.053.054L11.1 15h3.8l.038-.008a.1.1 0 0 0 .054-.054L15 14.9v-2.8a.1.1 0 0 0-.062-.092L14.9 12h-3.8zM13 9a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1"
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: a,
+            fill: e,
             d: "M18.272 12.264A2.75 2.75 0 0 1 20.75 15v1.25H21A1.75 1.75 0 0 1 22.75 18v3A1.75 1.75 0 0 1 21 22.75h-6a1.75 1.75 0 0 1-1.741-1.577L13.25 21v-3A1.75 1.75 0 0 1 15 16.25h.25V15A2.75 2.75 0 0 1 18 12.25zM15 17.75a.25.25 0 0 0-.25.25v3a.25.25 0 0 0 .25.25h6a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25zm3-4A1.25 1.25 0 0 0 16.75 15v1.25h2.5V15a1.25 1.25 0 0 0-1.126-1.244zM3.97 12.298a.75.75 0 0 1 .842.646 7.25 7.25 0 0 0 5.88 6.189.75.75 0 1 1-.271 1.474 8.75 8.75 0 0 1-7.097-7.467.75.75 0 0 1 .647-.842m.78-5.234c2.034-3.004 5.79-4.47 9.429-3.537a8.75 8.75 0 0 1 6.327 6.424.75.75 0 0 1-1.46.352 7.25 7.25 0 0 0-5.24-5.324c-3.163-.81-6.414.558-8.034 3.27h3.228a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75V4a.75.75 0 0 1 1.5 0z"
         })
     }));

package/dist/generated/mistica-icons/icon-arrow-return-lock-regular.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return L;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,12 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
+const L = (_param)=>{
     var { color: s, size: e = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: v } = (0, _hooks.useTheme)(), o = v.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",

package/dist/generated/mistica-icons/icon-arrow-right-filled.js

@@ -140,7 +140,7 @@ const H = (_param)=>{
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), l = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: a } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: h } = (0, _hooks.useTheme)(), l = h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const H = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
-            d: "M12.033 21.84c-.15 0-.3-.029-.44-.085-.434-.176-.7-.602-.694-1.106l-.003-3.65q-.015-.031-.039-.056l-6.882-.02c-.617.009-1.07-.146-1.384-.468s-.46-.776-.443-1.392v-6.04C2.14 8.604 2.18 8 2.585 7.58s1.009-.48 1.426-.488l6.72.003a.5.5 0 0 0 .157-.053l-.009-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.333.69a.82.82 0 0 1-.274.593L13.1 21.349c-.306.32-.692.49-1.068.49"
+            d: "M2 15.871h7.858v3.875c0 .885.428 1.696 1.284 2.068.284.112.572.186.824.186.536 0 1.072-.223 1.464-.591L22 11.996l-8.574-9.38c-.608-.628-1.5-.777-2.284-.442-.856.368-1.284 1.183-1.284 2.068v3.875H2z"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : h.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const H = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: n,
-            d: "M2 15.871h7.858v3.875c0 .885.428 1.696 1.284 2.068.284.112.572.186.824.186.536 0 1.072-.223 1.464-.591L22 11.996l-8.574-9.38c-.608-.628-1.5-.777-2.284-.442-.856.368-1.284 1.183-1.284 2.068v3.875H2z"
+            d: "M12.033 21.84c-.15 0-.3-.029-.44-.085-.434-.176-.7-.602-.694-1.106l-.003-3.65q-.015-.031-.039-.056l-6.882-.02c-.617.009-1.07-.146-1.384-.468s-.46-.776-.443-1.392v-6.04C2.14 8.604 2.18 8 2.585 7.58s1.009-.48 1.426-.488l6.72.003a.5.5 0 0 0 .157-.053l-.009-3.56v-.006c.006-.857.415-1.149.659-1.247.417-.168.899-.014 1.322.42l8.658 8.712c.087.084.336.33.333.69a.82.82 0 0 1-.274.593L13.1 21.349c-.306.32-.692.49-1.068.49"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-arrow-right-light.js

@@ -140,7 +140,7 @@ const C = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), v = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : v), { skinName: c } = (0, _hooks.useTheme)(), a = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), v = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : v), { skinName: c } = (0, _hooks.useTheme)(), a = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const C = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
-            d: "M11.43 21.757q.168.067.35.067c.313 0 .641-.148.902-.423l8.974-8.93q.204-.194.205-.426.005-.258-.264-.518L12.694 2.57c-.367-.375-.801-.496-1.185-.33-.41.173-.67.641-.653 1.165l.023 3.518c0 .081-.079.146-.174.146l-6.908-.003c-.554.008-.958.154-1.238.443-.302.313-.437.764-.425 1.425v6.219c-.017.574.134 1.042.44 1.353q.441.451 1.229.44h6.9c.094 0 .173.064.173.145l.005 3.779c-.005.415.2.745.55.888m-.729-5.404H3.797v.006q-.535.007-.802-.263c-.24-.247-.28-.639-.271-.925V8.929c-.009-.488.075-.818.26-1.009.165-.17.434-.257.82-.263l6.9.003a.75.75 0 0 0 .762-.737l-.023-3.524V3.39c-.01-.275.113-.53.295-.608.201-.087.42.09.532.205l8.907 8.96.003.003q.061.06.076.087l-.011.011-.006.006-8.975 8.935-.003.003-.002.003c-.236.25-.474.272-.608.218-.12-.047-.185-.168-.182-.336v-.005l-.006-3.782a.75.75 0 0 0-.762-.736"
+            d: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743s.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.55.55 0 0 1 .68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const C = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: o,
-            d: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743s.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.55.55 0 0 1 .68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183"
+            d: "M11.43 21.757q.168.067.35.067c.313 0 .641-.148.902-.423l8.974-8.93q.204-.194.205-.426.005-.258-.264-.518L12.694 2.57c-.367-.375-.801-.496-1.185-.33-.41.173-.67.641-.653 1.165l.023 3.518c0 .081-.079.146-.174.146l-6.908-.003c-.554.008-.958.154-1.238.443-.302.313-.437.764-.425 1.425v6.219c-.017.574.134 1.042.44 1.353q.441.451 1.229.44h6.9c.094 0 .173.064.173.145l.005 3.779c-.005.415.2.745.55.888m-.729-5.404H3.797v.006q-.535.007-.802-.263c-.24-.247-.28-.639-.271-.925V8.929c-.009-.488.075-.818.26-1.009.165-.17.434-.257.82-.263l6.9.003a.75.75 0 0 0 .762-.737l-.023-3.524V3.39c-.01-.275.113-.53.295-.608.201-.087.42.09.532.205l8.907 8.96.003.003q.061.06.076.087l-.011.011-.006.006-8.975 8.935-.003.003-.002.003c-.236.25-.474.272-.608.218-.12-.047-.185-.168-.182-.336v-.005l-.006-3.782a.75.75 0 0 0-.762-.736"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-arrow-right-regular.js

@@ -140,7 +140,7 @@ const C = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), d = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), d = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -148,9 +148,9 @@ const C = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
-            d: "M11.599 21.755q.211.084.44.084c.375 0 .761-.17 1.067-.49l8.476-8.703a.82.82 0 0 0 .274-.594c.003-.361-.246-.608-.333-.692l-8.658-8.71c-.423-.435-.905-.589-1.322-.42-.244.097-.653.389-.659 1.246l.003 3.566a.5.5 0 0 1-.157.053l-6.72-.003c-.417.006-1.016.065-1.425.488-.406.423-.443 1.025-.434 1.445v6.04c-.017.615.126 1.07.442 1.391.317.322.768.477 1.384.468l6.882.02a.2.2 0 0 1 .04.056l.005 3.65c-.005.507.26.93.695 1.106m-.664-5.902-6.958-.02q-.005 0-.008.003c-.208.003-.477-.02-.597-.14-.118-.123-.135-.395-.129-.602V9.01c-.008-.342.036-.574.129-.67.092-.095.32-.148.655-.154l6.709.003c.437 0 1.246-.342 1.246-.994l-.005-3.712q.001-.1.011-.162.043.031.098.09l.006.005 8.568 8.62-8.336 8.554-.005.005c-.157.166-.289.163-.309.149a.2.2 0 0 1-.014-.084v-.009l-.005-3.677c0-.508-.47-1.12-1.056-1.12"
+            d: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743s.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.55.55 0 0 1 .68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183"
         })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,7 +158,7 @@ const C = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: a,
-            d: "M11.966 22c.536 0 1.036-.224 1.428-.593L22 11.997l-8.606-9.378c-.608-.631-1.464-.78-2.252-.444-.856.336-1.284 1.149-1.284 2.037v3.892H2.716c-.396 0-.716.336-.716.743s.324.742.716.742h8.574V4.212c0-.37.18-.593.396-.668a.55.55 0 0 1 .68.112l7.678 8.336-7.686 8.377c-.252.262-.572.15-.68.112-.216-.112-.396-.336-.396-.705v-5.373H2.716c-.396 0-.716.336-.716.742 0 .407.324.743.716.743h7.146v3.892c0 .888.428 1.705 1.284 2.037.248.108.532.183.82.183"
+            d: "M11.599 21.755q.211.084.44.084c.375 0 .761-.17 1.067-.49l8.476-8.703a.82.82 0 0 0 .274-.594c.003-.361-.246-.608-.333-.692l-8.658-8.71c-.423-.435-.905-.589-1.322-.42-.244.097-.653.389-.659 1.246l.003 3.566a.5.5 0 0 1-.157.053l-6.72-.003c-.417.006-1.016.065-1.425.488-.406.423-.443 1.025-.434 1.445v6.04c-.017.615.126 1.07.442 1.391.317.322.768.477 1.384.468l6.882.02a.2.2 0 0 1 .04.056l.005 3.65c-.005.507.26.93.695 1.106m-.664-5.902-6.958-.02q-.005 0-.008.003c-.208.003-.477-.02-.597-.14-.118-.123-.135-.395-.129-.602V9.01c-.008-.342.036-.574.129-.67.092-.095.32-.148.655-.154l6.709.003c.437 0 1.246-.342 1.246-.994l-.005-3.712q.001-.1.011-.162.043.031.098.09l.006.005 8.568 8.62-8.336 8.554-.005.005c-.157.166-.289.163-.309.149a.2.2 0 0 1-.014-.084v-.009l-.005-3.677c0-.508-.47-1.12-1.056-1.12"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,

package/dist/generated/mistica-icons/icon-arrow-up-down-filled.js

@@ -140,17 +140,7 @@ const q = (_param)=>{
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), d = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), a = c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
-            d: "M7.564 12.028h2.317c.664 0 1.201-.538 1.199-1.202l-.003-2.902 1.82-.014c.294 0 .56-.17.684-.437a.78.78 0 0 0-.116-.849q-.01-.009-.018-.02l-4.154-4.21a.756.756 0 0 0-1.126 0L3.992 6.603q-.02.017-.037.039a.79.79 0 0 0-.1.832.75.75 0 0 0 .68.437l1.824.014.003 2.902c0 .664.537 1.202 1.201 1.202m7.132 9.58a.75.75 0 0 0 1.126.002l4.182-4.215q.02-.018.036-.04a.79.79 0 0 0 .099-.832.75.75 0 0 0-.684-.437l-1.826-.014-.003-2.904c0-.664-.538-1.202-1.202-1.202h-2.32a1.206 1.206 0 0 0-1.2 1.204l.005 2.902-1.824.014a.75.75 0 0 0-.683.437.78.78 0 0 0 .116.852q.01.009.018.02z"
-        })
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), d = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), a = c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -166,6 +156,16 @@ const q = (_param)=>{
                 d: "m6 12.748 5.88 6-1.392 1.36c-.28.316-.385.784-.21 1.212.171.428.557.68.974.68h6.608v-6.648c0-.464-.246-.82-.663-1-.416-.18-.864-.108-1.18.216l-1.18 1.18-5.88-6.036z"
             })
         ]
+    })) : c.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
+            d: "M7.564 12.028h2.317c.664 0 1.201-.538 1.199-1.202l-.003-2.902 1.82-.014c.294 0 .56-.17.684-.437a.78.78 0 0 0-.116-.849q-.01-.009-.018-.02l-4.154-4.21a.756.756 0 0 0-1.126 0L3.992 6.603q-.02.017-.037.039a.79.79 0 0 0-.1.832.75.75 0 0 0 .68.437l1.824.014.003 2.902c0 .664.537 1.202 1.201 1.202m7.132 9.58a.75.75 0 0 0 1.126.002l4.182-4.215q.02-.018.036-.04a.79.79 0 0 0 .099-.832.75.75 0 0 0-.684-.437l-1.826-.014-.003-2.904c0-.664-.538-1.202-1.202-1.202h-2.32a1.206 1.206 0 0 0-1.2 1.204l.005 2.902-1.824.014a.75.75 0 0 0-.683.437.78.78 0 0 0 .116.852q.01.009.018.02z"
+        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,