@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = s(), l = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const l = g(), m = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: n } = p(s !== null && s !== void 0 ? s : m), { skinName: d } = f(), r = d.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M21.212 8.107a9.9 9.9 0 0 0-2.144-3.177A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-7.07 2.93A9.98 9.98 0 0 0 2 12a9.96 9.96 0 0 0 2.93 7.07A9.96 9.96 0 0 0 12 22a9.9 9.9 0 0 0 3.89-.786 10 10 0 0 0 3.18-2.144A9.98 9.98 0 0 0 22 12a10 10 0 0 0-.788-3.893m-9.215 13.398c-5.24 0-9.505-4.264-9.505-9.505 0-5.24 4.265-9.505 9.505-9.505S21.503 6.759 21.503 12c0 5.24-4.265 9.505-9.506 9.505"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "m18.865 16.094-3.007 1.867c-.18.11-.404-.028-.404-.25v-1.537c-1.39-.207-2.67-1.01-3.52-2.236l-1.029-1.484-1.414 2.04c-.992 1.433-2.578 2.29-4.238 2.29-.14 0-.253-.122-.253-.273 0-.15.113-.272.253-.272 1.502 0 2.934-.775 3.831-2.068L10.588 12 9.084 9.83c-.897-1.297-2.33-2.069-3.83-2.069-.14 0-.254-.122-.254-.272s.113-.273.253-.273c.818 0 1.639.21 2.37.605a5.5 5.5 0 0 1 1.868 1.682l1.414 2.04 1.029-1.484c.85-1.225 2.13-2.028 3.52-2.235V6.289c0-.222.224-.36.403-.25l3.008 1.867c.18.11.18.388 0 .5l-3.007 1.866c-.18.11-.404-.028-.404-.25V8.374c-1.23.204-2.362.922-3.114 2.012L11.222 12l1.118 1.614c.755 1.087 1.884 1.808 3.114 2.01v-1.646c0-.222.224-.36.403-.25l3.008 1.867c.18.11.18.389 0 .5"
             })
         ]
     })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M15.4 7.05a.75.75 0 0 1 1.05-.15l2 1.5a.75.75 0 0 1 0 1.2l-2 1.5a.75.75 0 0 1-.9-1.2l.2-.15h-1.083c-.71 0-1.376.255-1.855.687a2.14 2.14 0 0 0-.717 1.35l-.012.213.012.213c.054.496.299.975.716 1.35.48.432 1.147.687 1.856.687h1.083l-.2-.15a.75.75 0 0 1 .9-1.2l2 1.5a.75.75 0 0 1 0 1.2l-2 1.5a.75.75 0 0 1-.9-1.2l.2-.15h-1.083c-1.059 0-2.089-.378-2.86-1.071a4 4 0 0 1-.474-.514q-.21.276-.475.514c-.77.693-1.8 1.071-2.858 1.071H6a.75.75 0 0 1 0-1.5h2l.264-.012a2.75 2.75 0 0 0 1.591-.675c.478-.429.728-.993.728-1.563s-.25-1.134-.728-1.563a2.75 2.75 0 0 0-1.591-.675L8 9.75H6a.75.75 0 0 1 0-1.5h2c1.059 0 2.088.378 2.858 1.071q.264.238.475.513.211-.275.475-.513c.77-.693 1.8-1.071 2.859-1.071h1.083l-.2-.15a.75.75 0 0 1-.15-1.05"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: l,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 1.5a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { v as default };
+export { H as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const v = (_param)=>{
-    var { color: c, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: e = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = s(), l = c !== null && c !== void 0 ? c : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const t = g(), d = t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = p(s !== null && s !== void 0 ? s : d), { skinName: f } = m(), r = f.match(/^vivo-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M12 22a9.97 9.97 0 0 1-7.07-2.93A9.97 9.97 0 0 1 2 12a9.97 9.97 0 0 1 2.93-7.07A9.97 9.97 0 0 1 12 2a9.97 9.97 0 0 1 7.07 2.93A9.97 9.97 0 0 1 22 12a9.97 9.97 0 0 1-2.93 7.07A9.97 9.97 0 0 1 12 22m0-18.991c-4.958 0-8.991 4.033-8.991 8.991S7.042 20.991 12 20.991c4.958-.003 8.991-4.036 8.991-8.991 0-4.958-4.033-8.991-8.991-8.991"
             }),
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M19 15.517a.78.78 0 0 1-.375.67l-2.849 1.71a.73.73 0 0 1-.747 0 .78.78 0 0 1-.37-.668v-1.237a5.2 5.2 0 0 1-1.187-.441 5.35 5.35 0 0 1-1.857-1.619l-.775-1.078-1.137 1.582a5.35 5.35 0 0 1-1.857 1.619 5.1 5.1 0 0 1-2.356.581.5.5 0 0 1-.49-.509.5.5 0 0 1 .49-.509c1.342 0 2.624-.67 3.429-1.79l1.314-1.83-1.314-1.832c-.805-1.122-2.085-1.79-3.43-1.79A.5.5 0 0 1 5 7.867a.5.5 0 0 1 .49-.509c.815 0 1.63.2 2.356.582.728.38 1.37.94 1.857 1.618l1.14 1.59.775-1.08a5.36 5.36 0 0 1 1.857-1.619 5.2 5.2 0 0 1 1.187-.444V6.77a.78.78 0 0 1 .37-.667.73.73 0 0 1 .744-.003l2.85 1.71c.23.137.371.394.371.67a.78.78 0 0 1-.374.67l-2.85 1.709a.72.72 0 0 1-.747 0 .78.78 0 0 1-.37-.668V9.059a4.3 4.3 0 0 0-2.259 1.619L11.447 12l.95 1.322a4.3 4.3 0 0 0 2.26 1.618v-1.13a.78.78 0 0 1 .37-.667.73.73 0 0 1 .744-.003l2.85 1.71a.76.76 0 0 1 .379.667"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M15.4 7.05a.75.75 0 0 1 1.05-.15l2 1.5a.75.75 0 0 1 0 1.2l-2 1.5a.75.75 0 0 1-.9-1.2l.2-.15h-1.083c-.71 0-1.376.255-1.855.687a2.14 2.14 0 0 0-.717 1.35l-.012.213.012.213c.054.496.299.975.716 1.35.48.432 1.147.687 1.856.687h1.083l-.2-.15a.75.75 0 0 1 .9-1.2l2 1.5a.75.75 0 0 1 0 1.2l-2 1.5a.75.75 0 0 1-.9-1.2l.2-.15h-1.083c-1.059 0-2.089-.378-2.86-1.071a4 4 0 0 1-.474-.514q-.21.276-.475.514c-.77.693-1.8 1.071-2.858 1.071H6a.75.75 0 0 1 0-1.5h2l.264-.012a2.75 2.75 0 0 0 1.591-.675c.478-.429.728-.993.728-1.563s-.25-1.134-.728-1.563a2.75 2.75 0 0 0-1.591-.675L8 9.75H6a.75.75 0 0 1 0-1.5h2c1.059 0 2.088.378 2.858 1.071q.264.238.475.513.211-.275.475-.513c.77-.693 1.8-1.071 2.859-1.071h1.083l-.2-.15a.75.75 0 0 1-.15-1.05"
             }),
-            /* @__PURE__ */ e("path", {
+            /* @__PURE__ */ a("path", {
                 fill: l,
                 d: "M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 1.5a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { v as default };
+export { H as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t } from "react/jsx-runtime";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: e, size: r = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), i = e !== null && e !== void 0 ? e : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = d(), h = e === "brand" || e === "media" ? a.colors.neutralHighBrand : e === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: c, gradientDef: n } = f(i !== null && i !== void 0 ? i : h), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ t("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M6 6.25A5.75 5.75 0 0 1 11.75 12l.005.21A4.25 4.25 0 0 0 16 16.25h3.19l-1.72-1.72a.75.75 0 1 1 1.06-1.06l3 3a.7.7 0 0 1 .118.16q.025.04.044.083a.75.75 0 0 1-.078.715 1 1 0 0 1-.084.102l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H16A5.75 5.75 0 0 1 10.25 12a4.25 4.25 0 0 0-4.04-4.245L6 7.75H3a.75.75 0 0 1 0-1.5zm2.55 9.15a.75.75 0 0 1 .9 1.2A5.73 5.73 0 0 1 6 17.749H3a.75.75 0 0 1 0-1.5h3.001A4.24 4.24 0 0 0 8.55 15.4m8.92-11.93a.75.75 0 0 1 1.06 0l3 3a.8.8 0 0 1 .118.16q.025.04.044.083a.75.75 0 0 1-.078.715 1 1 0 0 1-.084.102l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72h-3.191a4.23 4.23 0 0 0-2.548.85.75.75 0 0 1-.902-1.2A5.73 5.73 0 0 1 16 6.25h3.19l-1.72-1.72a.75.75 0 0 1 0-1.06"
         })
     }));
+    return n ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { A as default };

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const c = (_param)=>{
-    var { color: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = n(), i = o !== null && o !== void 0 ? o : a === "brand" || a === "media" ? l.colors.neutralHighBrand : a === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh;
-    return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: r,
-        height: r,
+    const e = d(), h = e === "brand" || e === "media" ? a.colors.neutralHighBrand : e === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: c, gradientDef: n } = f(i !== null && i !== void 0 ? i : h), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ e("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: c,
             d: "M6 6.25A5.75 5.75 0 0 1 11.75 12l.005.21A4.25 4.25 0 0 0 16 16.25h3.19l-1.72-1.72a.75.75 0 1 1 1.06-1.06l3 3a.7.7 0 0 1 .118.16q.025.04.044.083a.75.75 0 0 1-.078.715 1 1 0 0 1-.084.102l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H16A5.75 5.75 0 0 1 10.25 12a4.25 4.25 0 0 0-4.04-4.245L6 7.75H3a.75.75 0 0 1 0-1.5zm2.55 9.15a.75.75 0 0 1 .9 1.2A5.73 5.73 0 0 1 6 17.749H3a.75.75 0 0 1 0-1.5h3.001A4.24 4.24 0 0 0 8.55 15.4m8.92-11.93a.75.75 0 0 1 1.06 0l3 3a.8.8 0 0 1 .118.16q.025.04.044.083a.75.75 0 0 1-.078.715 1 1 0 0 1-.084.102l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72h-3.191a4.23 4.23 0 0 0-2.548.85.75.75 0 0 1-.902-1.2A5.73 5.73 0 0 1 16 6.25h3.19l-1.72-1.72a.75.75 0 0 1 0-1.06"
         })
     }));
+    return n ? /*#__PURE__*/ l.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...l.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { c as default };
+export { A as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l, jsxs as v } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as h } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: o, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = h(), c = o !== null && o !== void 0 ? o : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), h = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(m !== null && m !== void 0 ? m : h), { skinName: i } = d(), c = i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: c,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M18.093 4.626H5.95C3.771 4.626 2 6.351 2 8.469v6.071c0 1.986 1.507 3.568 3.5 3.757l-.018 2.133a.627.627 0 0 0 .625.632c.16 0 .322-.065.44-.183l2.517-2.5h9.029C20.246 18.377 22 16.655 22 14.54V8.47c0-2.118-1.754-3.843-3.907-3.843m-9.74 7.603c-.064.39-.267.693-.589.88-.275.16-.603.213-.921.213a4 4 0 0 1-1.236-.217.444.444 0 1 1 .297-.84c.314.111 1.075.275 1.407.075.064-.039.132-.096.16-.26.018-.1.068-.404-.878-.686-1.382-.415-1.393-1.232-1.275-1.682a1.2 1.2 0 0 1 .614-.79c.718-.378 1.732-.032 1.847.008a.443.443 0 0 1 .267.571.444.444 0 0 1-.571.268c-.243-.086-.84-.214-1.129-.057-.06.032-.128.085-.164.225-.032.121-.096.371.668.6 1.407.425 1.596 1.153 1.504 1.692m3.465.6a.447.447 0 0 1-.893 0v-1.532c0-.271-.243-.492-.543-.492-.293 0-.532.214-.54.482v1.521a.446.446 0 1 1-.892 0V9.183a.446.446 0 1 1 .893 0v.832q.253-.102.54-.103c.792 0 1.435.621 1.435 1.385zm3.507 0a.446.446 0 1 1-.893 0v-1.532c0-.271-.243-.492-.543-.492-.293 0-.532.214-.539.482v1.521a.446.446 0 1 1-.893 0V9.183a.447.447 0 0 1 .893 0v.832q.253-.102.54-.103c.792 0 1.435.621 1.435 1.385zm3.571 0a.446.446 0 1 1-.892 0v-1.532c0-.271-.243-.492-.543-.492-.293 0-.532.214-.54.482v1.521a.446.446 0 1 1-.892 0V9.183a.446.446 0 1 1 .892 0v.832q.254-.102.54-.103c.793 0 1.435.621 1.435 1.385z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ l("path", {
-            fill: c,
+    }, l), {
+        children: /* @__PURE__ */ a("path", {
+            fill: t,
             d: "M18.093 4.626H5.95C3.771 4.626 2 6.35 2 8.469v6.071c0 1.986 1.507 3.568 3.5 3.757l-.018 2.132a.63.63 0 0 0 .625.633c.16 0 .322-.065.44-.183l2.517-2.5h9.029C20.246 18.376 22 16.654 22 14.54V8.47c0-2.118-1.754-3.843-3.907-3.843m-9.74 7.603a1.2 1.2 0 0 1-.589.879c-.275.16-.603.214-.921.214a4 4 0 0 1-1.236-.218.444.444 0 1 1 .297-.839c.314.11 1.075.275 1.407.075.064-.04.132-.096.16-.26.018-.1.068-.404-.878-.686-1.382-.415-1.393-1.232-1.275-1.682a1.2 1.2 0 0 1 .614-.79c.718-.378 1.732-.032 1.847.007.232.083.353.34.267.572a.444.444 0 0 1-.571.268c-.243-.086-.84-.215-1.129-.057-.06.032-.128.085-.164.225-.032.121-.096.371.668.6 1.407.425 1.596 1.153 1.504 1.692m3.465.6a.447.447 0 0 1-.893 0v-1.532c0-.271-.243-.493-.543-.493-.293 0-.532.215-.54.483v1.521a.447.447 0 0 1-.892 0V9.183a.446.446 0 1 1 .893 0v.832q.253-.102.54-.103c.792 0 1.435.621 1.435 1.385zm3.507 0a.446.446 0 1 1-.893 0v-1.532c0-.271-.243-.493-.543-.493-.293 0-.532.215-.539.483v1.521a.446.446 0 1 1-.893 0V9.183a.447.447 0 0 1 .893 0v.832q.253-.102.54-.103c.792 0 1.435.621 1.435 1.385zm3.571 0a.446.446 0 1 1-.892 0v-1.532c0-.271-.243-.493-.543-.493-.293 0-.532.215-.54.483v1.521a.447.447 0 0 1-.892 0V9.183a.446.446 0 1 1 .892 0v.832q.254-.102.54-.103c.793 0 1.435.621 1.435 1.385z"
         })
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, l), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M12 3c4.402 0 8.064 3.16 8.845 7.336a.4.4 0 0 1-.123.36c-.942.863-.896.805-1.044.949a.25.25 0 0 1-.354-.002l-.733-.734a2.25 2.25 0 1 0-3.182 3.182l.733.732a.25.25 0 0 1 0 .354l-.733.732a2.25 2.25 0 0 0 .578 3.599c.208.104.257.432.05.537A9 9 0 1 1 12 3m0 9.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M9 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2m6 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M21.47 11.97a.75.75 0 1 1 1.06 1.06L20.56 15l1.97 1.97a.75.75 0 0 1-1.06 1.06l-1.97-1.97-1.97 1.97a.8.8 0 0 1-.219.149l-.053.023q-.038.013-.074.022l-.066.014-.07.007q-.033.004-.067.003-.038-.002-.075-.008-.032-.002-.064-.009-.033-.008-.064-.018l-.072-.024-.058-.03a.7.7 0 0 1-.178-.129l-.052-.056-.044-.06a.75.75 0 0 1 .096-.944L18.44 15l-1.97-1.97a.743.743 0 0 1-.052-1.004.7.7 0 0 1 .108-.108.75.75 0 0 1 1.004.052l1.97 1.97 1.487-1.49z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ v.cloneElement(c, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...v.Children.toArray(c.props.children)
+    ]) : c;
 };
-export { p as default };
+export { x as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: l, size: t = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = s(), e = l !== null && l !== void 0 ? l : a === "brand" || a === "media" ? r.colors.neutralHighBrand : a === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
+    const e = f(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: l } = g(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M12 2.25a9.75 9.75 0 0 1 9.208 6.546.75.75 0 1 1-1.416.492 8.25 8.25 0 1 0-5.042 10.49.75.75 0 1 1 .5 1.414A9.749 9.749 0 1 1 12 2.25"
             }),
-            /* @__PURE__ */ o("path", {
-                fill: e,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M21.47 11.97a.75.75 0 1 1 1.06 1.06L20.56 15l1.97 1.97a.75.75 0 1 1-1.06 1.06l-1.97-1.97-1.97 1.97a.75.75 0 1 1-1.06-1.06L18.44 15l-1.97-1.97a.75.75 0 1 1 1.06-1.06l1.97 1.97zm-9.47.28a2.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.5M9 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ i.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...i.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { d as default };
+export { x as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as o } from "react/jsx-runtime";
-import { useTheme as h } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as i from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: h, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = n(), v = i !== null && i !== void 0 ? i : l === "brand" || l === "media" ? t.colors.neutralHighBrand : l === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: r } = h();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? l.colors.neutralHighBrand : r === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: c, gradientDef: n } = g(h !== null && h !== void 0 ? h : m), { skinName: v } = d(), o = v.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: v,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M8.354 12.23a1.2 1.2 0 0 1-.59.878c-.275.16-.603.214-.921.214a4 4 0 0 1-1.236-.217.444.444 0 1 1 .297-.84c.314.111 1.075.275 1.407.075.064-.039.132-.096.16-.26.018-.1.068-.404-.878-.686-1.382-.415-1.393-1.232-1.275-1.682a1.2 1.2 0 0 1 .614-.79c.718-.378 1.732-.032 1.847.008a.443.443 0 0 1 .267.571.444.444 0 0 1-.571.268c-.243-.086-.84-.214-1.129-.057-.06.032-.128.085-.164.225-.032.121-.096.371.668.6 1.407.425 1.596 1.153 1.504 1.692m2.028-2.318c-.193 0-.375.039-.54.103v-.832a.446.446 0 0 0-.892 0v3.622a.446.446 0 1 0 .893 0v-1.522c.007-.268.246-.482.54-.482.3 0 .542.221.542.493v1.532a.446.446 0 1 0 .893 0v-1.532c0-.76-.647-1.382-1.436-1.382m3.51 0a1.5 1.5 0 0 0-.538.103v-.832a.447.447 0 0 0-.893 0v3.622a.446.446 0 1 0 .893 0v-1.522c.007-.268.246-.482.539-.482.3 0 .543.221.543.493v1.532a.446.446 0 1 0 .893 0v-1.532c-.004-.76-.647-1.382-1.436-1.382m3.569 0c-.193 0-.375.039-.54.103v-.832a.446.446 0 1 0-.892 0v3.622a.446.446 0 1 0 .892 0v-1.522c.008-.268.247-.482.54-.482.3 0 .543.221.543.493v1.532a.447.447 0 0 0 .892 0v-1.532c0-.76-.642-1.382-1.435-1.382M6.546 20.876l2.518-2.5h9.029c2.153 0 3.907-1.722 3.907-3.836V8.47c0-2.118-1.754-3.843-3.907-3.843H5.95C3.771 4.626 2 6.351 2 8.469v6.071c0 1.986 1.507 3.568 3.5 3.757l-.018 2.133a.627.627 0 0 0 .625.632.65.65 0 0 0 .44-.186m-.417-3.81h-.222c-1.49 0-2.653-1.111-2.653-2.526V8.47c0-1.429 1.21-2.593 2.7-2.593h12.142c1.465 0 2.658 1.164 2.658 2.593v6.071c0 1.425-1.193 2.586-2.658 2.586H8.811a.6.6 0 0 0-.44.182l-1.621 1.61.01-1.22a.63.63 0 0 0-.631-.633"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : v.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: v,
+    }, t), {
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M8.354 12.23a1.2 1.2 0 0 1-.59.878c-.275.16-.603.214-.921.214a4 4 0 0 1-1.236-.218.444.444 0 1 1 .297-.839c.314.11 1.075.275 1.407.075.064-.04.132-.096.16-.26.018-.1.068-.404-.878-.686-1.382-.415-1.393-1.232-1.275-1.682a1.2 1.2 0 0 1 .614-.79c.718-.378 1.732-.032 1.847.007.232.083.353.34.267.572a.444.444 0 0 1-.571.268c-.243-.086-.84-.215-1.129-.057-.06.032-.128.085-.164.225-.032.121-.096.371.668.6 1.407.425 1.596 1.153 1.504 1.692m2.028-2.318c-.193 0-.375.039-.54.103v-.832a.446.446 0 0 0-.892 0v3.621a.446.446 0 1 0 .893 0v-1.521c.007-.268.246-.482.54-.482.3 0 .542.221.542.493v1.532a.446.446 0 1 0 .893 0v-1.532c0-.761-.647-1.382-1.436-1.382m3.51 0a1.5 1.5 0 0 0-.538.103v-.832a.447.447 0 0 0-.893 0v3.621a.446.446 0 1 0 .893 0v-1.521c.007-.268.246-.482.539-.482.3 0 .543.221.543.493v1.532a.446.446 0 1 0 .893 0v-1.532c-.004-.761-.647-1.382-1.436-1.382m3.569 0c-.193 0-.375.039-.54.103v-.832a.446.446 0 1 0-.892 0v3.621a.446.446 0 1 0 .892 0v-1.521c.008-.268.247-.482.54-.482.3 0 .543.221.543.493v1.532a.446.446 0 1 0 .892 0v-1.532c0-.761-.642-1.382-1.435-1.382M6.546 20.876l2.518-2.5h9.029c2.153 0 3.907-1.722 3.907-3.836V8.47c0-2.118-1.754-3.843-3.907-3.843H5.95C3.771 4.626 2 6.35 2 8.469v6.071c0 1.986 1.507 3.568 3.5 3.757l-.018 2.132a.63.63 0 0 0 .625.633.65.65 0 0 0 .44-.186m-.417-3.81h-.222c-1.49 0-2.653-1.112-2.653-2.526V8.47c0-1.429 1.21-2.593 2.7-2.593h12.142c1.465 0 2.658 1.164 2.658 2.593v6.071c0 1.425-1.193 2.586-2.658 2.586H8.811a.6.6 0 0 0-.44.182l-1.621 1.61.01-1.22a.63.63 0 0 0-.631-.633"
         })
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: v,
+            /* @__PURE__ */ a("path", {
+                fill: c,
                 d: "M12 2.25a9.75 9.75 0 0 1 9.208 6.546.75.75 0 1 1-1.416.492 8.25 8.25 0 1 0-5.042 10.49.75.75 0 1 1 .5 1.414A9.749 9.749 0 1 1 12 2.25"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: v,
+            /* @__PURE__ */ a("path", {
+                fill: c,
                 d: "M21.47 11.97a.75.75 0 1 1 1.06 1.06L20.56 15l1.97 1.97a.75.75 0 1 1-1.06 1.06l-1.97-1.97-1.97 1.97a.75.75 0 1 1-1.06-1.06L18.44 15l-1.97-1.97a.75.75 0 1 1 1.06-1.06l1.97 1.97zm-9.47.28a2.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.5M9 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { V as default };

package/dist-es/generated/mistica-icons/icon-sim-port-in-filled.js

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const q = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = m(), a = h !== null && h !== void 0 ? h : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: n } = c();
-    return n.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    const l = v(), d = l === "brand" || l === "media" ? o.colors.neutralHighBrand : l === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: e, gradientDef: i } = g(s !== null && s !== void 0 ? s : d), { skinName: m } = f(), r = m.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M9.28 9.28a.75.75 0 1 1-1.06-1.06L9.94 6.5H2.75a.75.75 0 1 1 0-1.5h7.19L8.22 3.28a.75.75 0 1 1 1.06-1.06l3.53 3.53zM15.5 18H9v-4.5h6.5z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14.116 2c.565 0 1.094.216 1.48.644l3.768 3.82c.387.392.636.928.636 1.5V22H4.5V8h1.777c.173 0 .294.171.263.341a2.25 2.25 0 0 0 3.63 2.154l.17-.154 2.824-2.823a2.5 2.5 0 0 0 0-3.536l-1.556-1.555A.25.25 0 0 1 11.785 2zM8.75 12c-.69 0-1.25.56-1.25 1.25v6.25H17v-6.25c0-.69-.56-1.25-1.25-1.25z"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, n), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M14.719 2.72a.75.75 0 0 1 1.06 1.06L14.06 5.5h7.19a.75.75 0 0 1 0 1.5h-7.19l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3-.03-.033-.039-.048-.03-.042a1 1 0 0 1-.064-.12 1 1 0 0 1-.04-.136l-.005-.028a1 1 0 0 1-.01-.103l-.001-.035q.001-.055.01-.11l.005-.026a1 1 0 0 1 .035-.118l.016-.037a1 1 0 0 1 .044-.085l.028-.043.017-.024.013-.016.05-.056z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "m10.658 4.66-.056.059-.051.056-.045.053-.003.004-.034.043-.001.001-.044.06-.008.011-.064.096-.016.024-.005.01c-.057.093-.1.18-.128.242v-.002l-.006.014a2.3 2.3 0 0 0-.151.464l-.001.003a2 2 0 0 0-.022.133v.005q-.018.12-.023.268v.002l.002.106V6.31q.002.074.009.152l.02.156.002.014a2.4 2.4 0 0 0 .137.478c.062.15.133.272.191.362h.001q.039.06.063.091l.027.036q.052.071.117.144l-.007-.007c.012.014.048.056.096.104L13.5 10.5a2.25 2.25 0 0 0 3.182.001c.577-.577.672-.934.685-1.75a.253.253 0 0 1 .251-.251h.632a.25.25 0 0 1 .25.25V19a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 19V8.828a2.5 2.5 0 0 1 .732-1.767l3.829-3.829A2.5 2.5 0 0 1 9.828 2.5h2.386a.25.25 0 0 1 .177.427zM8.5 11.5A1.5 1.5 0 0 0 7 13v3.8a1.5 1.5 0 0 0 1.5 1.5h5a1.5 1.5 0 0 0 1.5-1.5V13a1.5 1.5 0 0 0-1.5-1.5z"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "m15.723 9.832-.015.009a1 1 0 0 0 .071-.06z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { q as default };