@telefonica/mistica 16.67.0 → 16.69.0

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: r = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = m(), t = h !== null && h !== void 0 ? h : o === "brand" || o === "media" ? r.colors.neutralHighBrand : o === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: l } = n();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = v(), m = o === "brand" || o === "media" ? c.colors.neutralHighBrand : o === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: e, gradientDef: l } = p(s !== null && s !== void 0 ? s : m), { skinName: d } = f(), n = d.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M7.417 22h9.173c2.726 0 4.941-2.325 4.938-5.187v-9.63C21.528 4.325 19.313 2 16.59 2H7.417C4.695 2 2.48 4.325 2.48 7.187v9.63C2.48 19.675 4.695 22 7.417 22M3.891 7.183c0-2.041 1.582-3.702 3.526-3.702v.004h9.173c1.945 0 3.527 1.66 3.527 3.702v9.626c0 2.041-1.582 3.702-3.527 3.702H7.417c-1.944 0-3.526-1.66-3.526-3.702z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M11.973 15.46c-2.276 0-3.843-1.881-3.843-4.142 0-2.402 1.54-4.139 3.843-4.143 2.292 0 3.828 1.737 3.828 4.143 0 2.265-1.567 4.142-3.828 4.142m0-7.104c-1.49 0-2.364 1.457-2.364 2.962 0 1.417.725 2.965 2.364 2.961 1.624 0 2.349-1.549 2.349-2.961 0-1.501-.87-2.962-2.349-2.962m5.895 8.881v-.552h-1.362c.546-.564 1.255-1.245 1.255-1.99 0-.688-.412-1.02-1.049-1.02-.339 0-.686.088-.991.252l.053.58c.218-.152.488-.28.77-.28.271 0 .546.152.546.473 0 .64-1.133 1.637-1.441 1.953v.584z"
             })
         ]
     })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M11.97 15.22c-2.273 0-3.84-1.844-3.84-4.064 0-2.36 1.54-4.064 3.84-4.064 2.29 0 3.827 1.704 3.827 4.064 0 2.22-1.564 4.064-3.826 4.064m0-6.972c-1.49 0-2.362 1.432-2.362 2.908 0 1.388.725 2.908 2.363 2.908 1.626 0 2.347-1.524 2.347-2.908 0-1.476-.869-2.908-2.347-2.908m5.897 8.72v-.54h-1.362c.547-.552 1.257-1.22 1.257-1.952 0-.676-.407-1.004-1.048-1.004a2.15 2.15 0 0 0-.99.248l.055.572c.217-.148.485-.276.768-.276.272 0 .547.148.547.46 0 .632-1.133 1.608-1.443 1.916v.576z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M14.481 21.636H7.062c-2.526 0-4.582-2.12-4.582-4.724V6.724C2.48 4.12 4.536 2 7.062 2h9.883c2.526 0 4.583 2.12 4.583 4.724v10.188c0 1.856-1.064 3.548-2.705 4.308a.345.345 0 0 1-.465-.184c-.082-.184 0-.4.178-.48 1.39-.644 2.29-2.072 2.29-3.644V6.724c0-2.204-1.739-3.996-3.877-3.996H7.062c-2.138 0-3.876 1.792-3.876 3.996v10.188c0 2.204 1.738 3.996 3.876 3.996h7.42a.36.36 0 0 1 .352.364.36.36 0 0 1-.353.364"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: t,
+            /* @__PURE__ */ t("path", {
+                fill: e,
                 d: "M15.886 21.272c0-.4.318-.728.706-.728a.72.72 0 0 1 .706.728.72.72 0 0 1-.706.728.717.717 0 0 1-.706-.728"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ t("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { x as default };

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

@@ -78,48 +78,55 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: h, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as c } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = v(), t = h !== null && h !== void 0 ? h : c === "brand" || c === "media" ? o.colors.neutralHighBrand : c === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = f(), m = o === "brand" || o === "media" ? c.colors.neutralHighBrand : o === "negative" ? c.colors.neutralHighNegative : c.colors.neutralHigh, { fillValue: r, gradientDef: l } = g(s !== null && s !== void 0 ? s : m), { skinName: v } = d(), n = v.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M7.417 22h9.173c2.726 0 4.941-2.325 4.938-5.187v-9.63C21.528 4.325 19.313 2 16.59 2H7.417C4.695 2 2.48 4.325 2.48 7.187v9.63C2.48 19.675 4.695 22 7.417 22M3.891 7.183c0-2.041 1.582-3.702 3.526-3.702v.004h9.173c1.945 0 3.527 1.66 3.527 3.702v9.626c0 2.041-1.582 3.702-3.527 3.702H7.417c-1.944 0-3.526-1.66-3.526-3.702z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M11.973 15.46c-2.276 0-3.843-1.881-3.843-4.142 0-2.402 1.54-4.139 3.843-4.143 2.292 0 3.828 1.737 3.828 4.143 0 2.265-1.567 4.142-3.828 4.142m0-7.104c-1.49 0-2.364 1.457-2.364 2.962 0 1.417.725 2.965 2.364 2.961 1.624 0 2.349-1.549 2.349-2.961 0-1.501-.87-2.962-2.349-2.962m5.895 8.881v-.552h-1.362c.546-.564 1.255-1.245 1.255-1.99 0-.688-.412-1.02-1.049-1.02-.339 0-.686.088-.991.252l.053.58c.218-.152.488-.28.77-.28.271 0 .546.152.546.473 0 .64-1.133 1.637-1.441 1.953v.584z"
             })
         ]
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, i), {
         children: [
-            /* @__PURE__ */ r("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M7.417 22h9.173c2.726 0 4.941-2.325 4.938-5.187v-9.63C21.528 4.325 19.313 2 16.59 2H7.417C4.695 2 2.48 4.325 2.48 7.187v9.63C2.48 19.675 4.695 22 7.417 22M3.891 7.183c0-2.041 1.582-3.702 3.526-3.702v.004h9.173c1.945 0 3.527 1.66 3.527 3.702v9.626c0 2.041-1.582 3.702-3.527 3.702H7.417c-1.944 0-3.526-1.66-3.526-3.702z"
             }),
-            /* @__PURE__ */ r("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M11.973 15.46c-2.276 0-3.843-1.881-3.843-4.142 0-2.402 1.54-4.139 3.843-4.143 2.292 0 3.828 1.737 3.828 4.143 0 2.265-1.567 4.142-3.828 4.142m0-7.104c-1.49 0-2.364 1.457-2.364 2.962 0 1.417.725 2.965 2.364 2.961 1.624 0 2.349-1.549 2.349-2.961 0-1.501-.87-2.962-2.349-2.962m5.895 8.881v-.552h-1.362c.546-.564 1.255-1.245 1.255-1.99 0-.688-.412-1.02-1.049-1.02-.339 0-.686.088-.991.252l.053.58c.218-.152.488-.28.77-.28.271 0 .546.152.546.473 0 .64-1.133 1.637-1.441 1.953v.584z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { x as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as v } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: e = 24 } = _param, h = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as m } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as a } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = v(), o = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), s = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: o, gradientDef: l } = g(h !== null && h !== void 0 ? h : s), { skinName: v } = m(), n = v.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
-        children: /* @__PURE__ */ a("path", {
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
             fill: o,
             d: "M21.834 7.889s.288-3.6-3.639-3.6c0 0-1.14 0-1.146.003V2.766a.613.613 0 0 0-.616-.611.613.613 0 0 0-.616.61v1.527l-7.63.003v-1.53a.613.613 0 0 0-.616-.61.613.613 0 0 0-.617.61v1.53h-1.19s-.073-.006-.2-.006c-.753 0-3.408.239-3.408 3.58v10.373s-.247 3.585 3.619 3.585h12.423s.118.014.314.014c.882 0 3.325-.3 3.325-3.619zm-3.322 12.734q-.07 0-.114-.003h-.054a1 1 0 0 0-.152-.011H5.772c-.818 0-1.431-.202-1.812-.6-.622-.647-.577-1.683-.577-1.683q.004-.042.003-.084v-7.527h17.218l.003 7.507c0 .594 0 2.4-2.095 2.4M14.89 14.04c.476 0 .896.381.896.815v1.406c0 .443-.409.816-.896.816h-1.364l.002 1.35c0 .479-.378.882-.823.882h-1.42c-.448 0-.824-.403-.824-.882v-1.353H9.097c-.482 0-.89-.373-.89-.815v-1.401c0-.443.408-.815.89-.815h1.364v-1.35c0-.482.378-.888.824-.888h1.414c.449 0 .824.406.824.888v1.347z"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, i), {
         children: [
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ e("path", {
                 fill: o,
                 d: "M16 1.25a.75.75 0 0 1 .75.75v1.25H18A2.75 2.75 0 0 1 20.75 6v6a.75.75 0 0 1-1.5 0V9.75H4.75V18l.006.124A1.25 1.25 0 0 0 6 19.25h5.5a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 18V6A2.75 2.75 0 0 1 6 3.25h1.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75"
             }),
-            /* @__PURE__ */ a("path", {
+            /* @__PURE__ */ e("path", {
                 fill: o,
                 d: "M20.47 15.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 0 1 1.06-1.06L17 18.94z"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ c.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...c.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { f as default };
+export { w as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useTheme as i } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: a = 24 } = _param, v = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as d } 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 w = (_param)=>{
+    var { color: h, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), h = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? l.colors.neutralHighBrand : e === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: r } = i();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), v = a === "brand" || a === "media" ? n.colors.neutralHighBrand : a === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: i } = g(h !== null && h !== void 0 ? h : v), { skinName: s } = d(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
-        children: /* @__PURE__ */ t("path", {
-            fill: h,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M21.832 7.74s.289-3.636-3.639-3.636h-1.355V2.56a.41.41 0 0 0-.818 0v1.544l-8.042.002V2.56a.41.41 0 0 0-.82 0v1.55H5.761s-.073-.006-.199-.006c-.753 0-3.409.238-3.409 3.616v10.482s-.243 3.621 3.62 3.624h12.422s.12.014.314.014c.882 0 3.325-.302 3.325-3.658zM4.014 5.335c.588-.372 1.28-.412 1.55-.412q.081 0 .112.003h.013l.073.003H7.16v.585a.41.41 0 1 0 .818 0v-.588l3.625-.001 4.417-.002v.591a.41.41 0 1 0 .818 0v-.59h1.355c.967 0 1.692.251 2.157.75.72.77.667 1.936.664 1.995v.002q-.004.03-.003.065v1.832H2.972v-1.85c0-1.142.35-1.943 1.042-2.383m17 12.843c0 2.345-1.361 2.838-2.504 2.838-.12 0-.199-.009-.21-.011Q18.25 21 18.2 21H5.775c-.941 0-1.655-.25-2.117-.74-.733-.774-.688-1.96-.687-2.004V10.39h18.042zm-6.017-4.056c.488 0 .914.395.914.84v1.474c0 .448-.426.84-.914.84H13.57l.003 1.429c0 .496-.384.91-.84.91H11.26c-.454 0-.84-.417-.84-.91v-1.429H8.988c-.493 0-.91-.386-.91-.84v-1.468c0-.456.417-.84.91-.84h1.431v-1.431c0-.496.384-.914.84-.914h1.469c.456 0 .84.418.84.913v1.426zm0 2.334a.13.13 0 0 0 .098-.05l-.005-1.421a.15.15 0 0 0-.093-.042h-1.84a.41.41 0 0 1-.409-.409v-1.838a.13.13 0 0 0-.05-.098l-1.437.006c.005.001.001.01-.004.025a.2.2 0 0 0-.016.067v1.84a.41.41 0 0 1-.409.41h-1.84a.12.12 0 0 0-.095.045l.002 1.445q.002-.004.003-.003.006 0 .019.005a.2.2 0 0 0 .068.015h1.84a.41.41 0 0 1 .41.409v1.843c0 .05.03.087.041.092l1.449-.002q-.006-.003.003-.022a.2.2 0 0 0 .016-.068l-.003-1.84c0-.11.045-.213.12-.292a.42.42 0 0 1 .292-.12z"
         })
-    })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, l), {
         children: [
-            /* @__PURE__ */ t("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M16 1.25a.75.75 0 0 1 .75.75v1.25H18A2.75 2.75 0 0 1 20.75 6v6a.75.75 0 0 1-1.5 0V9.75H4.75V18A1.25 1.25 0 0 0 6 19.25h5.5a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 18V6A2.75 2.75 0 0 1 6 3.25h1.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75M6 4.75A1.25 1.25 0 0 0 4.75 6v2.25h14.5V6A1.25 1.25 0 0 0 18 4.75z"
             }),
-            /* @__PURE__ */ t("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M20.47 15.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06L17 18.94z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { d as default };
+export { w as default };

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

@@ -78,42 +78,49 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as i } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as l } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: o, size: a = 24 } = _param, r = _object_without_properties(_param, [
+import { jsx as e, jsxs as m } 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 n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: c, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? l.colors.neutralHighBrand : e === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: v } = c();
-    return v.match(/^vivo-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), v = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: h } = g(c !== null && c !== void 0 ? c : v), { skinName: s } = d(), o = s.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ h("path", {
-            fill: t,
+    }, l), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M21.834 7.886s.288-3.597-3.639-3.597v.003h-1.146V2.766a.61.61 0 0 0-.616-.611.613.613 0 0 0-.616.61V4.29l-7.633.006v-1.53a.61.61 0 0 0-.616-.61.613.613 0 0 0-.617.61v1.527l-1.19.003s-.07-.006-.196-.006c-.754 0-3.41.239-3.41 3.577V18.24s-.246 3.585 3.62 3.585h12.423s.12.017.314.017c.882 0 3.324-.3 3.324-3.619zM4.237 5.856c.499-.314 1.095-.348 1.325-.345l.082.002h.005q.055.005.109.006s.451-.003 1.19-.003v.177a.615.615 0 0 0 .617.608.61.61 0 0 0 .616-.608v-.177l7.63-.005v.179a.615.615 0 0 0 .616.608.61.61 0 0 0 .617-.608v-.18h1.148c.846 0 1.468.205 1.855.611.613.647.56 1.673.56 1.673q-.004.047-.003.095v1.608H3.385V7.869c0-1.479.642-1.882.852-2.014m16.37 12.366c0 .594 0 2.4-2.095 2.4-.067 0-.12-.002-.147-.004h-.019a1 1 0 0 0-.151-.012H5.772c-.818 0-1.431-.202-1.812-.6-.622-.646-.577-1.683-.577-1.683l.002-.084v-7.524h17.222zm-5.717-4.344c.596 0 1.1.465 1.1 1.02V16.3c0 .552-.504 1.02-1.1 1.02h-1.157l.003 1.145c0 .591-.471 1.087-1.031 1.087h-1.42c-.558 0-1.028-.496-1.028-1.087V17.32H9.1c-.605 0-1.098-.456-1.098-1.02v-1.4c0-.552.501-1.02 1.098-1.02h1.16v-1.148c0-.591.47-1.09 1.03-1.09h1.415c.557 0 1.028.499 1.028 1.09v1.146zm-.13 2.224v-1.006h-1.643a.615.615 0 0 1-.617-.61V12.86h-1.01v1.627a.614.614 0 0 1-.617.611H9.23v1h1.642c.339 0 .616.274.616.61v1.625h1.017l-.006-1.622a.615.615 0 0 1 .617-.61z"
         })
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, l), {
         children: [
-            /* @__PURE__ */ h("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M16 1.25a.75.75 0 0 1 .75.75v1.25H18A2.75 2.75 0 0 1 20.75 6v6a.75.75 0 0 1-1.5 0V9.75H4.75V18A1.25 1.25 0 0 0 6 19.25h5.5a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 18V6A2.75 2.75 0 0 1 6 3.25h1.25V2a.75.75 0 0 1 1.5 0v1.25h6.5V2a.75.75 0 0 1 .75-.75M6 4.75A1.25 1.25 0 0 0 4.75 6v2.25h14.5V6A1.25 1.25 0 0 0 18 4.75z"
             }),
-            /* @__PURE__ */ h("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: a,
                 d: "M20.47 15.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06L17 18.94z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ i.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...i.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { d as default };
+export { w as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, jsxs as r } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e, 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 o } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: v, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = n(), h = i !== null && i !== void 0 ? i : v === "brand" || v === "media" ? t.colors.neutralHighBrand : v === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: l } = o();
-    return l.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const r = f(), m = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: t, gradientDef: n } = g(v !== null && v !== void 0 ? v : m), { skinName: l } = d(), h = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: t,
             d: "M11.263 9.044V6.376c0-1.21-.905-2.196-2.05-2.278C9.04 2.912 8.05 2 6.864 2s-2.171.912-2.35 2.098C3.376 4.18 2.47 5.166 2.47 6.376v2.668c0 1.263.99 2.288 2.2 2.288h4.393c1.215 0 2.2-1.03 2.2-2.288m10.255-4.576v4.576c0 1.258-.985 2.288-2.2 2.288H14.92c-1.21 0-2.2-1.025-2.2-2.288V4.468c0-1.258.986-2.288 2.2-2.288h4.399c1.214.005 2.199 1.03 2.199 2.288M9.063 12.854H4.67c-1.21 0-2.199 1.024-2.199 2.287v4.571c0 1.259.985 2.288 2.2 2.288h4.398c1.21 0 2.2-1.024 2.2-2.288v-4.575c-.006-1.259-.995-2.283-2.205-2.283M5.706 3.902a1.28 1.28 0 0 1 1.158-.76c.511 0 .952.312 1.158.76zm9.214 8.952h4.399c1.214 0 2.199 1.024 2.199 2.283v4.575c0 1.264-.99 2.288-2.2 2.288H14.92c-1.214 0-2.2-1.03-2.2-2.288v-4.57c0-1.264.99-2.288 2.2-2.288"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: h,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: t,
             d: "M11.263 9.044V6.376c0-1.21-.905-2.196-2.05-2.278C9.04 2.912 8.05 2 6.864 2s-2.171.912-2.35 2.098C3.376 4.18 2.47 5.166 2.47 6.376v2.668c0 1.263.99 2.288 2.2 2.288h4.393c1.215 0 2.2-1.03 2.2-2.288m10.255-4.576v4.576c0 1.258-.985 2.288-2.2 2.288H14.92c-1.21 0-2.2-1.025-2.2-2.288V4.468c0-1.258.986-2.288 2.2-2.288h4.399c1.214.005 2.199 1.03 2.199 2.288M9.063 12.854H4.67c-1.21 0-2.199 1.024-2.199 2.287v4.571c0 1.259.985 2.288 2.2 2.288h4.398c1.21 0 2.2-1.024 2.2-2.288v-4.575c-.006-1.259-.995-2.283-2.205-2.283M5.706 3.902a1.28 1.28 0 0 1 1.158-.76c.511 0 .952.312 1.158.76zm9.214 8.952h4.399c1.214 0 2.199 1.024 2.199 2.283v4.575c0 1.264-.99 2.288-2.2 2.288H14.92c-1.214 0-2.2-1.03-2.2-2.288v-4.57c0-1.264.99-2.288 2.2-2.288"
         })
-    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M15.5 18.25q.053 0 .105.005A1.247 1.247 0 0 1 16.75 19.5v2a1.25 1.25 0 0 1-1.25 1.25h-2a1.25 1.25 0 0 1-1.25-1.25v-2a1.25 1.25 0 0 1 1.25-1.25zm-1.75 3h1.5v-1.5h-1.5zm7.75-3a1.25 1.25 0 0 1 1.25 1.25v2a1.25 1.25 0 0 1-1.25 1.25h-2a1.25 1.25 0 0 1-1.25-1.25v-2a1.25 1.25 0 0 1 1.25-1.25zm-1.75 3h1.5v-1.5h-1.5zM2.662 13.669a20.75 20.75 0 0 0 8.113 2.185c.078.599.35 1.159.78 1.59a.077.077 0 0 1 0 .112 2.75 2.75 0 0 0-.805 1.944v.75a.25.25 0 0 1-.25.25H5A2.5 2.5 0 0 1 2.5 18v-4.23c0-.084.088-.138.162-.101M15.5 12.25a1.25 1.25 0 0 1 1.25 1.25v2a1.25 1.25 0 0 1-1.25 1.25h-2a1.25 1.25 0 0 1-.976-.47l-.026-.036q-.027-.035-.05-.071-.018-.026-.032-.053l-.041-.078-.016-.033a1 1 0 0 1-.04-.103l-.009-.021a1.3 1.3 0 0 1-.06-.385v-2a1.25 1.25 0 0 1 1.25-1.25zm-1.75 3h1.5v-1.5h-1.5zm7.75-3a1.25 1.25 0 0 1 1.25 1.25v2a1.25 1.25 0 0 1-1.25 1.25h-2c-.27 0-.53-.089-.744-.248l-.019-.014a1.25 1.25 0 0 1-.487-.988v-2q0-.081.01-.161l.006-.032a1.3 1.3 0 0 1 .123-.378l.021-.04.038-.064.019-.03q.065-.095.15-.179a1.25 1.25 0 0 1 .883-.366zm-1.75 3h1.5v-1.5h-1.5z"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: h,
+            /* @__PURE__ */ e("path", {
+                fill: t,
                 d: "M14 2.25A2.75 2.75 0 0 1 16.75 5v1.5H19A2.5 2.5 0 0 1 21.5 9v1.5a.25.25 0 0 1-.25.25H19.5c-.668 0-1.312.247-1.809.682a.29.29 0 0 1-.382 0 2.75 2.75 0 0 0-1.809-.682h-2a2.75 2.75 0 0 0-2.75 2.75v.58a.247.247 0 0 1-.266.248 19.3 19.3 0 0 1-7.146-1.998h-.003l-.697-.35a.25.25 0 0 1-.138-.223V9A2.5 2.5 0 0 1 5 6.5h2.25V5A2.75 2.75 0 0 1 10 2.25zm-4 1.5A1.25 1.25 0 0 0 8.75 5v1.5h6.5V5a1.25 1.25 0 0 0-1.126-1.244L14 3.75z"
             })
         ]
     }));
+    return n ? /*#__PURE__*/ i.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: n
+        }, "gradient-defs"),
+        ...i.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { f as default };
+export { A as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h, jsxs as m } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: r, size: c = 24 } = _param, v = _object_without_properties(_param, [
+import { jsx as c, 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 v } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const M = (_param)=>{
+    var { color: m, size: h = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), a = r !== null && r !== void 0 ? r : e === "brand" || e === "media" ? t.colors.neutralHighBrand : e === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = o();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = f(), l = t === "brand" || t === "media" ? v.colors.neutralHighBrand : t === "negative" ? v.colors.neutralHighNegative : v.colors.neutralHigh, { fillValue: a, gradientDef: o } = g(m !== null && m !== void 0 ? m : l), { skinName: n } = d(), r = n.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
-        children: /* @__PURE__ */ h("path", {
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
             fill: a,
             d: "M6.874 2c1.186 0 2.17.912 2.35 2.097 1.143.083 2.048 1.068 2.053 2.278v2.667c0 1.263-.99 2.287-2.2 2.287H4.68c-1.214 0-2.199-1.029-2.199-2.287V6.375c0-1.205.905-2.195 2.044-2.278C4.703 2.912 5.687 2 6.874 2m12.454.185H14.93c-1.21 0-2.2 1.024-2.2 2.288v4.574c0 1.258.985 2.287 2.2 2.287h4.398c1.21 0 2.2-1.024 2.2-2.287v-4.58c0-1.258-.985-2.282-2.2-2.282m.737 6.857c0 .42-.329.761-.732.761h-4.398c-.404 0-.732-.341-.732-.76V4.467c0-.42.328-.761.732-.761h4.398c.403 0 .732.341.732.76zM4.679 12.851h4.394c1.21 0 2.2 1.024 2.204 2.287v4.575c0 1.263-.99 2.287-2.2 2.287H4.68c-1.214 0-2.199-1.029-2.199-2.287v-4.575c0-1.263.99-2.287 2.2-2.287m5.126 6.857h.004v-4.575c0-.419-.328-.76-.731-.76H4.679c-.403 0-.731.341-.731.76v4.575c0 .42.328.76.731.76h4.394c.403 0 .732-.34.732-.76M6.874 3.14c-.511 0-.952.312-1.158.761h2.316a1.28 1.28 0 0 0-1.158-.76m2.2 6.662c.402 0 .73-.341.73-.76h.005V6.374c0-.42-.328-.761-.731-.761H4.679c-.403 0-.731.341-.731.76v2.668c0 .42.328.761.731.761zm10.254 3.048H14.93c-1.21 0-2.2 1.024-2.2 2.287v4.575c0 1.258.985 2.287 2.2 2.287h4.398c1.21 0 2.2-1.024 2.2-2.287v-4.575c0-1.263-.985-2.287-2.2-2.287m.005 7.618h-4.398c-.404 0-.732-.342-.732-.761v-4.575c0-.419.328-.76.732-.76h4.398c.403 0 .732.341.732.76v4.575c0 .42-.329.76-.732.76"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
-        children: /* @__PURE__ */ h("path", {
+    }, e), {
+        children: /* @__PURE__ */ c("path", {
             fill: a,
             d: "M20.076 2h-5.384a1.927 1.927 0 0 0-1.924 1.925V9.31c0 1.058.86 1.925 1.924 1.925h5.384A1.927 1.927 0 0 0 22 9.31V3.92A1.93 1.93 0 0 0 20.076 2m1.151 7.305c0 .635-.516 1.152-1.151 1.152h-5.384a1.153 1.153 0 0 1-1.152-1.152V3.92c0-.635.517-1.152 1.152-1.152h5.384c.635 0 1.151.517 1.151 1.152zM2 14.69c0-1.063.866-1.925 1.924-1.925h5.384c1.063 0 1.924.862 1.924 1.925v5.385A1.927 1.927 0 0 1 9.308 22H3.924A1.927 1.927 0 0 1 2 20.075zm8.465 5.38h-.005v-5.38c0-.635-.517-1.152-1.152-1.152H3.924c-.635 0-1.151.517-1.151 1.152v5.38c0 .635.516 1.152 1.151 1.152h5.389c.635 0 1.152-.517 1.152-1.152m10.378 1.541a.769.769 0 0 0 0-1.536.769.769 0 0 0 0 1.536m1.152-6.92v3.844a.384.384 0 0 1-.768 0V14.69c0-.635-.516-1.152-1.151-1.152h-5.384c-.635 0-1.152.517-1.152 1.152v5.385c0 .635.517 1.152 1.152 1.152h3.843a.384.384 0 0 1 0 .768h-3.843a1.927 1.927 0 0 1-1.924-1.925v-5.38c0-1.058.86-1.925 1.924-1.925h5.384c1.058 0 1.92.862 1.92 1.925M8.89 3.92h.418c1.063 0 1.924.861 1.93 1.924v3.46a1.927 1.927 0 0 1-1.925 1.926H3.929a1.927 1.927 0 0 1-1.924-1.925v-3.46c0-1.064.866-1.925 1.924-1.925h.418a2.306 2.306 0 0 1 2.27-1.915c1.14 0 2.086.827 2.273 1.915M6.616 2.773c-.713 0-1.314.487-1.486 1.147h2.972a1.54 1.54 0 0 0-1.486-1.147m2.697 7.684c.635 0 1.152-.517 1.152-1.152h-.01v-3.46c0-.636-.517-1.152-1.152-1.152H8.92v.005H4.31v-.005h-.385c-.635 0-1.151.516-1.151 1.151v3.46c0 .636.516 1.153 1.151 1.153z"
         })
-    })) : /* @__PURE__ */ m("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ s("svg", _object_spread_props(_object_spread({
+        width: h,
+        height: h,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, e), {
         children: [
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ c("path", {
                 fill: a,
                 d: "M15.5 18.25a1.25 1.25 0 0 1 1.25 1.25v2a1.25 1.25 0 0 1-1.25 1.25h-2a1.25 1.25 0 0 1-1.25-1.25v-2a1.25 1.25 0 0 1 1.25-1.25zm-1.75 3h1.5v-1.5h-1.5zm7.75-3a1.25 1.25 0 0 1 1.25 1.25v2a1.25 1.25 0 0 1-1.25 1.25h-2a1.25 1.25 0 0 1-1.25-1.25v-2a1.25 1.25 0 0 1 1.25-1.25zm-1.75 3h1.5v-1.5h-1.5zM14 2.25A2.75 2.75 0 0 1 16.75 5v1.25H19A2.75 2.75 0 0 1 21.75 9a.75.75 0 0 1-1.5 0 1.25 1.25 0 0 0-1.126-1.244L19 7.75H5A1.25 1.25 0 0 0 3.75 9v3.531a19.3 19.3 0 0 0 5.362 1.64.75.75 0 1 1-.224 1.483A20.8 20.8 0 0 1 3.75 14.18V18A1.25 1.25 0 0 0 5 19.25h4.5a.75.75 0 0 1 0 1.5H5A2.75 2.75 0 0 1 2.25 18V9A2.75 2.75 0 0 1 5 6.25h2.25V5A2.75 2.75 0 0 1 10 2.25zm-4 1.5A1.25 1.25 0 0 0 8.75 5v1.25h6.5V5a1.25 1.25 0 0 0-1.126-1.244L14 3.75z"
             }),
-            /* @__PURE__ */ h("path", {
+            /* @__PURE__ */ c("path", {
                 fill: a,
                 d: "M15.5 12.25a1.25 1.25 0 0 1 1.25 1.25v2a1.25 1.25 0 0 1-1.25 1.25h-2a1.25 1.25 0 0 1-1.25-1.25v-2a1.25 1.25 0 0 1 1.25-1.25zm-1.75 3h1.5v-1.5h-1.5zm7.75-3a1.25 1.25 0 0 1 1.25 1.25v2a1.25 1.25 0 0 1-1.25 1.25h-2a1.25 1.25 0 0 1-1.25-1.25v-2a1.25 1.25 0 0 1 1.25-1.25zm-1.75 3h1.5v-1.5h-1.5z"
             })
         ]
     }));
+    return o ? /*#__PURE__*/ i.cloneElement(r, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: o
+        }, "gradient-defs"),
+        ...i.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { p as default };
+export { M as default };