@telefonica/mistica 16.68.0 → 16.70.0

package/dist-es/generated/mistica-icons/icon-delivery-van-moving-light.js

@@ -79,35 +79,42 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } 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: c, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as c from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as d } 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 M = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = h(), o = c !== null && c !== void 0 ? c : 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__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = d(), h = a === "brand" || a === "media" ? o.colors.neutralHighBrand : a === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: l, gradientDef: i } = g(s !== null && s !== void 0 ? s : h), { skinName: m } = v(), r = 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), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M20.465 16.652h-.852c-.176 1.062-.913 1.638-2.122 1.638-1.21 0-1.947-.576-2.122-1.639H9.78c-.176 1.063-.913 1.64-2.122 1.64-1.21 0-1.947-.577-2.122-1.64H5.17c-.706 0-1.372-.666-1.372-1.372v-1.358H2.44a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28H3.8V11.19H2.44a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28H3.8V8.457H2.44a.28.28 0 0 1-.28-.28.28.28 0 0 1 .28-.28H3.8v-.812c0-.706.666-1.373 1.372-1.373h11.47c.505 0 1.034.266 1.32.664a475 475 0 0 0 3.272 4.362c.227.294.605.787.605 1.263v3.277c0 .706-.667 1.373-1.373 1.373M4.36 7.086v8.193c0 .395.417.813.812.813h.325c.014-1.372.78-2.127 2.163-2.127s2.149.755 2.162 2.127h5.507c.014-1.372.78-2.127 2.163-2.127s2.149.755 2.162 2.127h.812c.395 0 .813-.418.813-.813v-3.277c0-.286-.317-.7-.488-.922a481 481 0 0 1-3.283-4.378c-.179-.25-.543-.428-.865-.428H5.172c-.396 0-.813.417-.813.812m3.3 7.44c-.53 0-.933.129-1.194.38-.271.261-.409.673-.409 1.222s.138.96.41 1.221q.396.38 1.193.381c.53 0 .932-.129 1.193-.38.272-.261.409-.673.409-1.222 0-.55-.137-.96-.41-1.221-.26-.255-.663-.381-1.192-.381m9.832 0c-.53 0-.933.129-1.194.38-.271.261-.409.673-.409 1.222s.138.96.41 1.221q.396.38 1.193.381c.529 0 .932-.129 1.193-.38.272-.261.409-.673.409-1.222 0-.55-.137-.96-.41-1.221-.26-.255-.663-.381-1.192-.381"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: l,
             d: "M15.706 5.81a.75.75 0 0 1 .68.047l5 3a.75.75 0 0 1 .364.643V15a.75.75 0 0 1-.364.644l-5 3q-.026.015-.052.026l-.024.012a1 1 0 0 1-.118.042l-.033.007a1 1 0 0 1-.1.014l-.032.003a1 1 0 0 1-.117-.005l-.05-.008a.8.8 0 0 1-.246-.091l-5-3A.75.75 0 0 1 10.25 15V9.5a.76.76 0 0 1 .117-.402l.019-.028a.8.8 0 0 1 .182-.182l.023-.016.023-.015 5-3zm-3.956 8.765 3.5 2.1v-3.75l-3.5-2.1zm5-1.608v3.708l3.5-2.1v-3.73zM12.458 9.5l3.577 2.146L19.56 9.51 16 7.375zM7 14.25a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1 0-1.5zm0-3a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5zm0-3a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(r, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(r.props.children)
+    ]) : r;
 };
-export { g as default };
+export { M as default };

package/dist-es/generated/mistica-icons/icon-delivery-van-moving-regular.js

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as c } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
 import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
     var { color: h, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = n(), t = h !== null && h !== void 0 ? h : e === "brand" || e === "media" ? r.colors.neutralHighBrand : e === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: i } = c();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    const t = d(), m = t === "brand" || t === "media" ? r.colors.neutralHighBrand : t === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { fillValue: n, gradientDef: i } = g(h !== null && h !== void 0 ? h : m), { skinName: v } = s(), l = v.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M16.182 5.37H5.435c-1.075 0-1.947.844-1.958 1.889h-.81l-.09.006A.656.656 0 0 0 2 7.909c0 .359.298.65.667.65h.81v1.217h-.81l-.09.006a.656.656 0 0 0-.577.644c0 .36.298.65.667.65h.81v1.22h-.81l-.09.005a.656.656 0 0 0-.577.644c0 .36.298.65.667.65h.81v1.238c0 1.055.876 1.91 1.958 1.91h.037c.229 1.208 1.128 1.888 2.544 1.888 1.418 0 2.319-.68 2.548-1.888h4.026c.23 1.208 1.13 1.888 2.546 1.888 1.417 0 2.317-.68 2.547-1.888h.359c1.081 0 1.958-.855 1.958-1.91v-2.714c0-.425-.145-.838-.412-1.173l-3.86-4.839a1.98 1.98 0 0 0-1.546-.737m-.316 10.733v-.01c0-.895.353-1.24 1.27-1.24.761 0 1.134.239 1.24.83q.03.183.031.41c0 .893-.353 1.238-1.271 1.238-.914 0-1.268-.342-1.27-1.228m3.817-.66c-.23-1.21-1.13-1.89-2.547-1.89-1.402 0-2.297.666-2.538 1.851l-.009.038h-4.025c-.23-1.209-1.13-1.888-2.548-1.888-.991 0-1.73.333-2.162.948q-.241.342-.35.794l-.003.008-.019.085-.012.053-.035.001a.617.617 0 0 1-.625-.61V7.279c0-.336.28-.609.625-.609h10.747a.63.63 0 0 1 .492.235l3.861 4.839a.6.6 0 0 1 .132.375v2.714l-.006.083a.62.62 0 0 1-.62.527zm-12.737-.197c.193-.275.536-.392 1.071-.392.917 0 1.27.344 1.271 1.24v.013c-.003.883-.358 1.224-1.272 1.224-.916 0-1.269-.344-1.269-1.238 0-.364.058-.636.189-.832z"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
-        children: /* @__PURE__ */ l("path", {
-            fill: t,
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M15.706 5.81a.75.75 0 0 1 .68.047l5 3a.75.75 0 0 1 .364.643V15a.75.75 0 0 1-.364.644l-5 3q-.026.015-.052.026l-.024.012a1 1 0 0 1-.118.042l-.033.007a1 1 0 0 1-.1.014l-.032.003a1 1 0 0 1-.117-.005l-.05-.008a.8.8 0 0 1-.246-.091l-5-3A.75.75 0 0 1 10.25 15V9.5a.76.76 0 0 1 .117-.402l.019-.028a.8.8 0 0 1 .182-.182l.023-.016.023-.015 5-3zm-3.956 8.765 3.5 2.1v-3.75l-3.5-2.1zm5-1.608v3.708l3.5-2.1v-3.73zM12.458 9.5l3.577 2.146L19.56 9.51 16 7.375zM7 14.25a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1 0-1.5zm0-3a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5zm0-3a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5z"
         })
     }));
+    return i ? /*#__PURE__*/ c.cloneElement(l, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...c.Children.toArray(l.props.children)
+    ]) : l;
 };
-export { d as default };
+export { C as default };

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

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const V = (_param)=>{
-    var { color: v, size: e = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as v from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const C = (_param)=>{
+    var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), a = v !== null && v !== void 0 ? v : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const o = d(), m = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: n, gradientDef: a } = f(c !== null && c !== void 0 ? c : m), { skinName: l } = s(), h = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M8.534 10.072V8.918h3.846V1.995H3.149v6.923h3.846v1.154H4.303a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.77.77.77a.773.773 0 0 0 .769-.77V12.38c0-.423.346-.77.769-.77h10v5.385h6.154v4.23c0 .424.346.77.769.77s.77-.346.77-.77V10.073zm11.923 1.539v1.153H15.84v-1.153zm-4.616 3.846v-1.154h4.616v1.154z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ h("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
-        children: /* @__PURE__ */ h("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M8.534 10.072V8.918h3.846V1.995H3.149v6.923h3.846v1.154H4.303a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.769.77.769a.77.77 0 0 0 .769-.77V12.38c0-.424.346-.77.769-.77h10v5.385h6.154v4.23c0 .424.346.77.769.77s.77-.346.77-.77V10.073zm11.923 1.538v1.154H15.84V11.61zm-4.616 3.847v-1.154h4.616v1.153z"
         })
-    })) : /* @__PURE__ */ h("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__ */ h("path", {
-            fill: a,
+    }, r), {
+        children: /* @__PURE__ */ e("path", {
+            fill: n,
             d: "M21 5.25a.75.75 0 0 1 0 1.5h-.25V19a.75.75 0 0 1-1.5 0v-4.75H15a.75.75 0 0 1-.75-.75v-2.75h-9.5V19a.75.75 0 0 1-1.5 0V6.75H3a.75.75 0 0 1 0-1.5zm-5.25 7.5h3.5v-2h-3.5zm0-3.5h3.5v-2.5h-3.5z"
         })
     }));
+    return a ? /*#__PURE__*/ v.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...v.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { V as default };
+export { C as default };

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

@@ -79,45 +79,52 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: h = 24 } = _param, t = _object_without_properties(_param, [
+import * as l from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as d } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const z = (_param)=>{
+    var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const v = l(), r = i !== null && i !== void 0 ? i : v === "brand" || v === "media" ? o.colors.neutralHighBrand : v === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: a } = n();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const h = d(), m = h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: o, gradientDef: a } = f(c !== null && c !== void 0 ? c : m), { skinName: v } = s(), n = v.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.77.77.77a.77.77 0 0 0 .768-.77V12.38c0-.423.347-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.534h6.154V7.38H4.697zm15.77 8.076v1.154H15.85v-1.153zm-4.616 3.847v-1.154h4.615v1.154z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : v.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M21.213 21.997a.784.784 0 1 0 0-1.569.784.784 0 0 0 0 1.569m-6.666-7.057h6.274v3.92c0 .235.156.392.392.392.235 0 .392-.157.392-.392v-8.626H7.88V9.058h4.313V2h-9.41v7.058h4.313v1.176H3.96c-1.097 0-1.96.863-1.96 1.96v9.41c0 .236.157.393.392.393s.392-.157.392-.392v-9.41c0-.667.51-1.177 1.176-1.177h10.587zM3.568 8.273v-5.49h7.842v5.49zm11.763 5.881v-1.176h5.49v1.176zm5.49-3.137v1.176h-5.49v-1.176z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M21 5.25a.75.75 0 0 1 0 1.5h-.25V19a.75.75 0 0 1-1.5 0v-4.75H15a.75.75 0 0 1-.75-.75v-2.75h-9.5V19a.75.75 0 0 1-1.5 0V6.75H3a.75.75 0 0 1 0-1.5zm-5.25 7.5h3.5v-2h-3.5zm0-3.5h3.5v-2.5h-3.5zm-11 0h9.5v-2.5h-9.5z"
         })
     }));
+    return a ? /*#__PURE__*/ l.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: a
+        }, "gradient-defs"),
+        ...l.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { z as default };

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

@@ -79,45 +79,52 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as l } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const d = (_param)=>{
-    var { color: v, size: h = 24 } = _param, t = _object_without_properties(_param, [
+import * as v from "react";
+import { useTheme as s } from "../../hooks.js";
+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 z = (_param)=>{
+    var { color: c, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), a = v !== null && v !== void 0 ? v : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const o = d(), m = o === "brand" || o === "media" ? a.colors.neutralHighBrand : o === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: n, gradientDef: i } = f(c !== null && c !== void 0 ? c : m), { skinName: l } = s(), h = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: a,
+            fill: n,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.77.77.77a.77.77 0 0 0 .768-.77V12.38c0-.423.346-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.534h6.154V7.38H4.697zm15.77 8.076v1.154H15.85v-1.153zm-4.616 3.847v-1.154h4.615v1.154z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: a,
+            fill: n,
             d: "M8.543 10.072V8.918h3.847V1.995H3.159v6.923h3.846v1.154H4.313a2.315 2.315 0 0 0-2.308 2.308v8.846c0 .423.346.769.77.769a.77.77 0 0 0 .768-.77V12.38c0-.424.347-.77.77-.77h10v5.385h6.153v4.23c0 .424.347.77.77.77s.769-.346.769-.77V10.073zM4.697 3.533h6.154V7.38H4.697zm15.77 8.077v1.154H15.85V11.61zm-4.616 3.847v-1.154h4.615v1.153z"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: a,
+            fill: n,
             d: "M21 5.25a.75.75 0 0 1 0 1.5h-.25V19a.75.75 0 0 1-1.5 0v-4.75H15a.75.75 0 0 1-.75-.75v-2.75h-9.5V19a.75.75 0 0 1-1.5 0V6.75H3a.75.75 0 0 1 0-1.5zm-5.25 7.5h3.5v-2h-3.5zm0-3.5h3.5v-2.5h-3.5zm-11 0h9.5v-2.5h-9.5z"
         })
     }));
+    return i ? /*#__PURE__*/ v.cloneElement(h, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...v.Children.toArray(h.props.children)
+    ]) : h;
 };
-export { d as default };
+export { z as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as n } 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 g = (_param)=>{
-    var { color: h, size: a = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } 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 i } 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, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), t = h !== null && h !== void 0 ? h : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = c();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = g(), m = o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: l } = p(s !== null && s !== void 0 ? s : m), { skinName: c } = f(), n = c.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M14.338 2c1.882 0 3.42 1.504 3.515 3.388H4.479C4.574 3.504 6.113 2 7.994 2zm6.831 14.906a.7.7 0 0 1-.487-.196.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.377.7.7 0 0 1-.51.224m-1.137-1.911a4.38 4.38 0 0 0-.126-6.013.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.947 2.947 0 0 1 .085 4.038.726.726 0 0 0 .041 1.01.7.7 0 0 0 .478.188.68.68 0 0 0 .52-.233M4.47 6.458v11.084h13.397V6.458zM7.994 22c-1.881 0-3.42-1.504-3.515-3.388h13.374C17.758 20.496 16.22 22 14.338 22z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: /* @__PURE__ */ e("path", {
-            fill: t,
+            fill: r,
             d: "M14.338 2c1.882 0 3.42 1.504 3.515 3.388H4.479C4.574 3.504 6.113 2 7.994 2zm6.831 14.906a.7.7 0 0 1-.487-.196.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.377.7.7 0 0 1-.51.224m-1.137-1.911a4.38 4.38 0 0 0-.126-6.013.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.947 2.947 0 0 1 .085 4.038.726.726 0 0 0 .041 1.01.7.7 0 0 0 .478.188.68.68 0 0 0 .52-.233M4.47 6.458v11.084h13.397V6.458zM7.994 22c-1.881 0-3.42-1.504-3.515-3.388h13.374C17.758 20.496 16.22 22 14.338 22z"
         })
-    })) : /* @__PURE__ */ n("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M18.397 14.556a.75.75 0 0 1 1.047-.16 5.64 5.64 0 0 1 1.698 2.021 5.78 5.78 0 0 1 0 5.166c-.4.8-.982 1.494-1.698 2.02a.75.75 0 0 1-.888-1.207 4.14 4.14 0 0 0 1.244-1.483 4.28 4.28 0 0 0 0-3.826 4.14 4.14 0 0 0-1.244-1.483.8.8 0 0 1-.18-.193l-.031-.05-.036-.077q-.012-.025-.02-.052-.012-.035-.019-.072l-.013-.068q-.003-.033-.003-.065-.003-.036-.001-.073.003-.032.009-.064.003-.037.011-.075.012-.038.027-.074a.8.8 0 0 1 .096-.185m-2.517 1.704c.19-.031.39.01.559.13a3.2 3.2 0 0 1 1.19 1.646l.017.058.032.116.016.071.017.075a3.3 3.3 0 0 1 .066.644q-.001.314-.062.62-.007.041-.017.082a3 3 0 0 1-.15.483l-.012.034a3.2 3.2 0 0 1-1.098 1.39.751.751 0 0 1-.875-1.218 1.713 1.713 0 0 0 0-2.782.75.75 0 0 1-.281-.408.8.8 0 0 1-.031-.223.75.75 0 0 1 .629-.718"
             }),
             /* @__PURE__ */ e("path", {
-                fill: t,
+                fill: r,
                 d: "M16 2.5A2.5 2.5 0 0 1 18.5 5v7.53a.39.39 0 0 1-.268.357c-.403.146-.77.409-1.043.78-.2.271-.33.572-.393.88a.317.317 0 0 1-.365.245 2.25 2.25 0 0 0-1.744 4.036q.043.032.066.075a.22.22 0 0 1 0 .194l-.027.04a.2.2 0 0 1-.038.035 2.25 2.25 0 0 0-.93 2.018c.014.16-.104.31-.265.31H8A2.5 2.5 0 0 1 5.5 19V5A2.5 2.5 0 0 1 8 2.5zM12 16c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ h.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...h.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { g as default };
+export { H as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a, jsxs as l } 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: c, size: e = 24 } = _param, i = _object_without_properties(_param, [
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as v } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as i } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const w = (_param)=>{
+    var { color: m, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = m(), t = c !== null && c !== void 0 ? c : h === "brand" || h === "media" ? r.colors.neutralHighBrand : h === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const n = f(), s = n === "brand" || n === "media" ? i.colors.neutralHighBrand : n === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: r, gradientDef: c } = g(m !== null && m !== void 0 ? m : s), { skinName: l } = v(), a = l.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M8.004 2h6.344c1.945 0 3.528 1.605 3.524 3.576v12.853c0 1.97-1.58 3.571-3.524 3.571H8.004c-1.945 0-3.524-1.6-3.524-3.571V5.57C4.48 3.601 6.06 2 8.004 2M5.888 6.646v10.717h10.576V6.646zM8.004 3.43c-1.047 0-1.913.773-2.085 1.788h10.513c-.171-1.015-1.037-1.788-2.084-1.788zm0 17.147h6.344a2.12 2.12 0 0 0 2.084-1.788H5.92c.172 1.015 1.038 1.788 2.085 1.788m13.685-3.891a.7.7 0 0 1-.997.027.72.72 0 0 1-.027-1.01 5.32 5.32 0 0 0-.09-7.385.72.72 0 0 1 0-1.01.7.7 0 0 1 .997 0 6.745 6.745 0 0 1 .117 9.378m-2.166-1.454c.19 0 .38-.078.52-.234a4.37 4.37 0 0 0-.127-6.012.7.7 0 0 0-.997 0 .72.72 0 0 0 0 1.01 2.94 2.94 0 0 1 .085 4.038.72.72 0 0 0 .04 1.01.7.7 0 0 0 .48.188"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
-        children: /* @__PURE__ */ a("path", {
-            fill: t,
+    }, o), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M17.824 5.214v.7l-.002.004-.002.004v12.864c0 1.774-1.402 3.214-3.128 3.214H8.437c-1.726 0-3.127-1.44-3.127-3.214V5.214C5.31 3.44 6.711 2 8.437 2h6.26c1.726 0 3.127 1.44 3.127 3.214m-3.132-2.5H8.437c-1.339 0-2.433 1.12-2.433 2.5v.352h11.122v-.352c0-1.38-1.09-2.5-2.434-2.5m0 18.568c1.344 0 2.434-1.12 2.434-2.5V6.279H6.004v11.433h7.3c.191 0 .347.16.347.357a.35.35 0 0 1-.347.356h-7.3v.357c0 1.38 1.09 2.5 2.433 2.5zm.699-2.5c.382 0 .694-.32.694-.713a.705.705 0 0 0-.694-.714.705.705 0 0 0-.694.714c0 .393.311.713.694.713m5.596-2.35a.35.35 0 0 1-.494.014.36.36 0 0 1-.013-.503 5.727 5.727 0 0 0-.098-7.881.357.357 0 0 1 0-.503.34.34 0 0 1 .49 0 6.44 6.44 0 0 1 .115 8.873m-1.633-1.682a4.057 4.057 0 0 0-.11-5.518.353.353 0 1 0-.5.503 3.335 3.335 0 0 1 .094 4.53.36.36 0 0 0 .022.503.34.34 0 0 0 .236.096.33.33 0 0 0 .258-.114"
         })
-    })) : /* @__PURE__ */ l("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"
-    }, i), {
+    }, o), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M18.397 14.556a.75.75 0 0 1 1.047-.16 5.64 5.64 0 0 1 1.698 2.021 5.78 5.78 0 0 1 0 5.166 5.64 5.64 0 0 1-1.698 2.02.749.749 0 1 1-.888-1.207 4.14 4.14 0 0 0 1.244-1.483 4.28 4.28 0 0 0 0-3.826 4.14 4.14 0 0 0-1.244-1.483.75.75 0 0 1-.16-1.048M16 2.25A2.75 2.75 0 0 1 18.75 5v6.5a.75.75 0 0 1-1.5 0V5A1.25 1.25 0 0 0 16 3.75H8A1.25 1.25 0 0 0 6.75 5v14A1.25 1.25 0 0 0 8 20.25h4a.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__ */ a("path", {
-                fill: t,
+            /* @__PURE__ */ e("path", {
+                fill: r,
                 d: "M15.39 16.563a.75.75 0 0 1 1.047-.172 3.213 3.213 0 0 1 0 5.218.75.75 0 0 1-.875-1.218 1.714 1.714 0 0 0 .526-2.172 1.7 1.7 0 0 0-.526-.61.75.75 0 0 1-.171-1.047M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ h.cloneElement(a, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...h.Children.toArray(a.props.children)
+    ]) : a;
 };
-export { f as default };
+export { w as default };