@telefonica/mistica 16.68.0 → 16.70.0

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

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

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

@@ -78,25 +78,32 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const m = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "react";
+import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: i, size: n = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), i = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh;
-    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const e = m(), c = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: d, gradientDef: l } = f(i !== null && i !== void 0 ? i : c), t = /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ l("path", {
-            fill: i,
+    }, s), {
+        children: /* @__PURE__ */ r("path", {
+            fill: d,
             d: "M12 2.5a9.501 9.501 0 0 1 3.636 18.277 9.5 9.5 0 0 1-10.354-2.06A9.501 9.501 0 0 1 12 2.5m3.712 7.763a.75.75 0 0 0-.95-.475L12 10.71l-2.763-.92a.75.75 0 0 0-.474 1.423l2.487.829v1.232l-1.874 2.811a.75.75 0 1 0 1.248.832L12 14.852l1.376 2.064a.75.75 0 1 0 1.248-.832l-1.874-2.811V12.04l2.487-.83a.75.75 0 0 0 .475-.948M12 6.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
         })
     }));
+    return l ? /*#__PURE__*/ a.cloneElement(t, {}, [
+        /* @__PURE__ */ r("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...a.Children.toArray(t.props.children)
+    ]) : t;
 };
-export { m as default };
+export { C as default };

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

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as l } 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: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as h } 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(), t = o !== null && o !== void 0 ? o : 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: e,
-        height: e,
+    const e = g(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: l } = h(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M14.763 9.788a.75.75 0 0 1 .474 1.424l-2.487.829v1.232l1.874 2.811a.75.75 0 1 1-1.248.832L12 14.852l-1.376 2.064a.75.75 0 1 1-1.248-.832l1.874-2.811V12.04l-2.487-.83a.75.75 0 0 1 .474-1.423L12 10.71zM12 6.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5"
             }),
-            /* @__PURE__ */ l("path", {
-                fill: t,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    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-accesible-circle-regular.js

@@ -78,31 +78,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as n, jsx as t } 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: o, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as m } 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(), l = o !== null && o !== void 0 ? o : 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: e,
-        height: e,
+    const e = g(), d = e === "brand" || e === "media" ? o.colors.neutralHighBrand : e === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: a, gradientDef: l } = m(s !== null && s !== void 0 ? s : d), t = /* @__PURE__ */ f("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M14.763 9.788a.75.75 0 0 1 .474 1.424l-2.487.829v1.232l1.874 2.811a.75.75 0 1 1-1.248.832L12 14.852l-1.376 2.064a.75.75 0 1 1-1.248-.832l1.874-2.811V12.04l-2.487-.83a.75.75 0 0 1 .474-1.423L12 10.71zM12 6.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: l,
+            /* @__PURE__ */ r("path", {
+                fill: a,
                 d: "M12 2.25a9.75 9.75 0 1 1 0 19.502A9.75 9.75 0 0 1 12 2.25m0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5"
             })
         ]
     }));
+    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-accessories-filled.js

@@ -78,64 +78,71 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: h, size: a = 24 } = _param, l = _object_without_properties(_param, [
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: v, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), c = h !== null && h !== void 0 ? h : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), d = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: t, gradientDef: i } = g(v !== null && v !== void 0 ? v : d), { skinName: h } = m(), l = h.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M15.588 6.36c1.173 0 2.131.974 2.131 2.184v5.45c0 .603-.48 1.09-1.064 1.09-.588 0-1.064-.49-1.064-1.09V10.72c-.588 0-1.62-.275-2.061-.87a.36.36 0 0 1-.07-.22V7.446q0-.119.07-.22c.437-.59 1.47-.866 2.058-.866"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14.882 11.375v2.62c0 1.002.795 1.812 1.773 1.82v3.274c0 1.605-1.274 2.911-2.84 2.911H8.14c-1.566 0-2.84-1.306-2.84-2.91V4.91C5.3 3.307 6.574 2 8.137 2h5.674c1.566 0 2.84 1.306 2.84 2.91v.94a2.7 2.7 0 0 0-1.063-.22c-.714 0-2.003.31-2.627 1.161a1.1 1.1 0 0 0-.214.655V9.63c0 .244.082.463.214.655.448.615 1.243.954 1.921 1.09m3.546 2.62c0 .598.476 1.09 1.064 1.09s1.06-.484 1.068-1.087v-3.274c.596 0 1.62-.267 2.061-.87a.4.4 0 0 0 .07-.22V7.45a.36.36 0 0 0-.07-.22c-.44-.594-1.473-.87-2.061-.87-1.18 0-2.132.982-2.132 2.184zm-6.558-8.73a.54.54 0 0 0-.534-.547h-3.55a.54.54 0 0 0-.534.547c0 .304.242.547.534.547h3.546a.545.545 0 0 0 .538-.547"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M15.588 6.36c1.173 0 2.131.974 2.131 2.184v5.45c0 .603-.48 1.09-1.064 1.09-.588 0-1.064-.49-1.064-1.09V10.72c-.588 0-1.62-.275-2.061-.87a.36.36 0 0 1-.07-.22V7.446q0-.119.07-.22c.437-.59 1.47-.866 2.058-.866"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M14.882 11.375v2.62c0 1.002.795 1.812 1.773 1.82v3.274c0 1.605-1.274 2.911-2.84 2.911H8.14c-1.566 0-2.84-1.306-2.84-2.91V4.91C5.3 3.307 6.574 2 8.137 2h5.674c1.566 0 2.84 1.306 2.84 2.91v.94a2.7 2.7 0 0 0-1.063-.22c-.714 0-2.003.31-2.627 1.161a1.1 1.1 0 0 0-.214.655V9.63c0 .244.082.463.214.655.448.615 1.243.954 1.921 1.09m3.546 2.62c0 .598.476 1.09 1.064 1.09s1.06-.484 1.068-1.087v-3.274c.596 0 1.62-.267 2.061-.87a.4.4 0 0 0 .07-.22V7.45a.36.36 0 0 0-.07-.22c-.44-.594-1.473-.87-2.061-.87-1.18 0-2.132.982-2.132 2.184zm-6.558-8.73a.54.54 0 0 0-.534-.547h-3.55a.54.54 0 0 0-.534.547c0 .304.242.547.534.547h3.546a.545.545 0 0 0 .538-.547"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: [
-            /* @__PURE__ */ e("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M13.25 12.5a2.5 2.5 0 0 1 2.31 1.543c.115.28.177.578.186.88l.004.077v7a.75.75 0 0 1-1.5 0v-4.71l-.043.02a2.5 2.5 0 0 1-3.267-1.353 2.5 2.5 0 0 1 1.353-3.267c.303-.125.629-.19.957-.19m6.5 0a2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5c-.328 0-.654-.065-.957-.19l-.043-.02V22a.75.75 0 0 1-1.5 0v-7a2.5 2.5 0 0 1 .882-1.904q.038-.032.078-.063l.07-.053q.24-.174.513-.29c.303-.125.629-.19.957-.19"
             }),
-            /* @__PURE__ */ e("path", {
-                fill: c,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v5.95a.37.37 0 0 1-.238.34 4 4 0 0 0-1.547 1.106.285.285 0 0 1-.43 0 4 4 0 0 0-1.324-1.01l-.18-.081a4 4 0 0 0-1.335-.3L13.25 11c-.46 0-.916.079-1.348.233l-.183.072a4 4 0 0 0-2.084 1.984l-.08.18a4 4 0 0 0 0 3.062l.08.18a4 4 0 0 0 2.084 1.984q.356.14.726.22a.376.376 0 0 1 .305.36v1.975a.25.25 0 0 1-.25.25H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM9 5.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ s.cloneElement(l, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...s.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { p as default };
+export { x as default };

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

@@ -78,72 +78,79 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as h } 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 i } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: h = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), a = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? i.colors.neutralHighBrand : e === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: l } = o();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const r = f(), m = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: t, gradientDef: n } = p(s !== null && s !== void 0 ? s : m), { skinName: l } = d(), o = l.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M17.145 5.27c0-1.809-1.45-3.27-3.225-3.27H8.529C6.745 2 5.3 3.47 5.3 5.27v13.46C5.3 20.54 6.75 22 8.525 22h5.387c1.783 0 3.225-1.47 3.225-3.27v-3.688c.327-.232.54-.61.54-1.046V8.551a2.38 2.38 0 0 0-.54-1.51V5.27zm-.54 8.738a.185.185 0 0 1-.181.184.184.184 0 0 1-.181-.184v-3.64a.537.537 0 0 0-.54-.548h-.358c-.43 0-.992-.183-1.252-.403V7.673c.268-.216.823-.404 1.252-.404.69 0 1.252.571 1.252 1.27v5.465h.008zM8.53 20.559c-.992 0-1.792-.818-1.792-1.816V5.27c0-1.006.807-1.817 1.792-1.817h5.383c.992 0 1.791.819 1.791 1.817v.942a3 3 0 0 0-.358-.032c-.634 0-1.744.295-2.229.95a.54.54 0 0 0-.102.331V9.65c0 .12.04.231.102.331.437.595 1.394.89 2.044.942v3.102c0 .435.213.81.54 1.046v3.689c.011.978-.8 1.8-1.788 1.8zM22.6 7.134c-.485-.65-1.595-.95-2.23-.95-1.283 0-2.33 1.062-2.33 2.363v5.457c0 .699.563 1.27 1.252 1.27s1.252-.571 1.252-1.27v-3.098c.65-.048 1.61-.347 2.044-.942a.54.54 0 0 0 .102-.331v-2.18a.44.44 0 0 0-.09-.32m-.97 2.295.005-.004v.004zm0 0c-.27.214-.821.4-1.248.4h-.358a.544.544 0 0 0-.54.546v3.641a.185.185 0 0 1-.18.184.185.185 0 0 1-.182-.184V8.551c0-.699.563-1.27 1.253-1.27.429 0 .992.184 1.252.404v1.744z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M11.4 4.547H8.529a.731.731 0 0 0 0 1.461h2.87a.731.731 0 0 0 0-1.461"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M13.116 21.288a.71.71 0 0 1-.708.712.71.71 0 0 1-.708-.712.71.71 0 0 1 .708-.712.71.71 0 0 1 .708.712M8.496 4.144h2.131c.588 0 1.061.476 1.061 1.068s-.473 1.068-1.061 1.068h-2.13a1.06 1.06 0 0 1-1.062-1.068c0-.592.473-1.068 1.061-1.068m0 1.428h2.131a.356.356 0 0 0 0-.712h-2.13a.356.356 0 0 0 0 .712"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M16.662 4.86v1.716a2.13 2.13 0 0 1 1.061 1.852v5.36a1.062 1.062 0 1 1-2.123 0v-3.216c-.596 0-1.626-.268-2.059-.86a.35.35 0 0 1-.072-.212V7.356a.35.35 0 0 1 .072-.212c.441-.592 1.463-.86 2.06-.86.118 0 .242.016.353.032V4.86a2.14 2.14 0 0 0-2.13-2.144H8.141a2.14 2.14 0 0 0-2.13 2.144v13.932a2.14 2.14 0 0 0 2.13 2.144h2.131a.356.356 0 0 1 0 .712h-2.13a2.85 2.85 0 0 1-2.843-2.86V4.86C5.3 3.28 6.58 2 8.142 2h5.677a2.85 2.85 0 0 1 2.843 2.86m.004 9.284c.194 0 .353-.16.353-.356V8.42c0-.784-.636-1.424-1.415-1.424-.449 0-1.125.208-1.415.492v1.88c.29.28.966.492 1.415.492h.354c.195 0 .354.16.354.356v3.572c0 .196.159.356.354.356m5.959-7.004c-.434-.592-1.463-.86-2.06-.86a2.14 2.14 0 0 0-2.13 2.144v5.36a1.062 1.062 0 1 0 2.123 0v-3.216c.596 0 1.617-.268 2.059-.86a.35.35 0 0 0 .071-.212V7.36a.28.28 0 0 0-.063-.22M20.57 9.86h-.354a.356.356 0 0 0-.354.356v3.572a.356.356 0 0 1-.354.356.356.356 0 0 1-.354-.356v-5.36c0-.784.636-1.424 1.416-1.424.449 0 1.125.212 1.415.492v1.872c-.29.284-.966.492-1.415.492"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M16.308 15.928a.356.356 0 0 0-.354.356v2.504c0 .94-.628 1.788-1.53 2.056a.36.36 0 0 0 .095.704c.032 0 .063-.008.103-.016a2.865 2.865 0 0 0 2.036-2.736v-2.504a.35.35 0 0 0-.35-.364"
             })
         ]
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M13 12.25a2.75 2.75 0 0 1 2.541 1.697c.128.31.195.64.204.975l.005.078v7a.75.75 0 0 1-1.5 0v-4.553q-.097.05-.197.094A2.751 2.751 0 1 1 13 12.25m0 1.5a1.25 1.25 0 1 0-.002 2.501A1.25 1.25 0 0 0 13 13.75m7-1.5a2.75 2.75 0 0 1 2.541 3.803A2.75 2.75 0 0 1 20 17.75a2.75 2.75 0 0 1-1.25-.303V22a.75.75 0 0 1-1.5 0v-7q0-.039.004-.078c.01-.335.077-.665.205-.975A2.75 2.75 0 0 1 20 12.25m0 1.5a1.25 1.25 0 1 0-.002 2.501A1.25 1.25 0 0 0 20 13.75"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v5a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h3a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: t,
                 d: "M11.5 5.25a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ v.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...v.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { H as default };

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

@@ -78,68 +78,75 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { jsx as a, jsxs as n } 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 i } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: l, size: e = 24 } = _param, h = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const H = (_param)=>{
+    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), a = l !== null && l !== void 0 ? l : t === "brand" || t === "media" ? i.colors.neutralHighBrand : t === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: r } = o();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), m = r === "brand" || r === "media" ? i.colors.neutralHighBrand : r === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: e, gradientDef: l } = g(s !== null && s !== void 0 ? s : m), { skinName: h } = d(), o = h.match(/^o2-new/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M17.145 5.27c0-1.809-1.45-3.27-3.225-3.27H8.529C6.745 2 5.3 3.47 5.3 5.27v13.46C5.3 20.54 6.75 22 8.525 22h5.387c1.784 0 3.225-1.47 3.225-3.27v-3.688c.327-.232.54-.61.54-1.046V8.551a2.38 2.38 0 0 0-.54-1.51V5.27zm-.54 8.738a.185.185 0 0 1-.18.184.184.184 0 0 1-.182-.184v-3.64a.537.537 0 0 0-.54-.548h-.358c-.43 0-.992-.183-1.252-.403V7.673c.268-.216.823-.404 1.252-.404.69 0 1.252.571 1.252 1.27v5.465h.008zM8.53 20.559c-.992 0-1.792-.818-1.792-1.816V5.27c0-1.006.808-1.817 1.792-1.817h5.383c.992 0 1.791.819 1.791 1.817v.942c-.118-.016-.236-.032-.358-.032-.634 0-1.744.295-2.229.95a.54.54 0 0 0-.102.331V9.65c0 .12.04.231.102.331.438.595 1.394.89 2.044.942v3.102c0 .435.213.81.54 1.046v3.689c.011.978-.8 1.8-1.788 1.8zM22.6 7.134c-.485-.65-1.595-.95-2.23-.95-1.283 0-2.33 1.062-2.33 2.363v5.457c0 .699.563 1.27 1.252 1.27s1.252-.571 1.252-1.27v-3.098c.65-.048 1.61-.347 2.044-.942a.54.54 0 0 0 .102-.331v-2.18a.44.44 0 0 0-.09-.32m-.97 2.295.005-.004v.004zm0 0c-.27.214-.821.4-1.248.4h-.358a.544.544 0 0 0-.54.546v3.641a.185.185 0 0 1-.18.184.184.184 0 0 1-.182-.184V8.551c0-.699.564-1.27 1.253-1.27.429 0 .992.184 1.252.404v1.744z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M11.4 4.547H8.529a.731.731 0 0 0 0 1.461h2.87a.731.731 0 0 0 0-1.461"
             })
         ]
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M17.145 5.27c0-1.809-1.45-3.27-3.225-3.27H8.529C6.745 2 5.3 3.47 5.3 5.27v13.46C5.3 20.54 6.75 22 8.525 22h5.387c1.783 0 3.225-1.47 3.225-3.27v-3.688c.327-.232.54-.61.54-1.046V8.551a2.38 2.38 0 0 0-.54-1.51V5.27zm-.54 8.738a.185.185 0 0 1-.181.184.184.184 0 0 1-.181-.184v-3.64a.537.537 0 0 0-.54-.548h-.358c-.43 0-.992-.183-1.252-.403V7.673c.268-.216.823-.404 1.252-.404.69 0 1.252.571 1.252 1.27v5.465h.008zM8.53 20.559c-.992 0-1.792-.818-1.792-1.816V5.27c0-1.006.807-1.817 1.792-1.817h5.383c.992 0 1.791.819 1.791 1.817v.942a3 3 0 0 0-.358-.032c-.634 0-1.744.295-2.229.95a.54.54 0 0 0-.102.331V9.65c0 .12.04.231.102.331.437.595 1.394.89 2.044.942v3.102c0 .435.213.81.54 1.046v3.689c.011.978-.8 1.8-1.788 1.8zM22.6 7.134c-.485-.65-1.595-.95-2.23-.95-1.283 0-2.33 1.062-2.33 2.363v5.457c0 .699.563 1.27 1.252 1.27s1.252-.571 1.252-1.27v-3.098c.65-.048 1.61-.347 2.044-.942a.54.54 0 0 0 .102-.331v-2.18a.44.44 0 0 0-.09-.32m-.97 2.295.005-.004v.004zm0 0c-.27.214-.821.4-1.248.4h-.358a.544.544 0 0 0-.54.546v3.641a.185.185 0 0 1-.18.184.185.185 0 0 1-.182-.184V8.551c0-.699.563-1.27 1.253-1.27.429 0 .992.184 1.252.404v1.744z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M11.4 4.547H8.529a.731.731 0 0 0 0 1.461h2.87a.731.731 0 0 0 0-1.461"
             })
         ]
-    })) : /* @__PURE__ */ v("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M13 12.25a2.75 2.75 0 0 1 2.541 1.697c.128.31.195.64.204.975l.005.078v7a.75.75 0 0 1-1.5 0v-4.553q-.097.05-.197.094A2.751 2.751 0 1 1 13 12.25m0 1.5a1.25 1.25 0 1 0-.002 2.501A1.25 1.25 0 0 0 13 13.75m7-1.5a2.75 2.75 0 0 1 2.541 3.803A2.75 2.75 0 0 1 20 17.75a2.75 2.75 0 0 1-1.25-.303V22a.75.75 0 0 1-1.5 0v-7q0-.039.004-.078c.01-.335.077-.665.205-.975A2.75 2.75 0 0 1 20 12.25m0 1.5a1.25 1.25 0 1 0-.002 2.501A1.25 1.25 0 0 0 20 13.75"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v5a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25H8c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h3a.75.75 0 0 1 0 1.5H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: a,
+            /* @__PURE__ */ a("path", {
+                fill: e,
                 d: "M11.5 5.25a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ v.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...v.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { H as default };