@telefonica/mistica 16.68.0 → 16.70.0

package/dist-es/generated/mistica-icons/icon-iot-sensor-humidity-filled.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 h } from "../../theme-variant-context.js";
+import * as h 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: a = 24 } = _param, t = _object_without_properties(_param, [
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = h(), r = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? i.colors.neutralHighBrand : o === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: c } = n();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = f(), s = a === "brand" || a === "media" ? i.colors.neutralHighBrand : a === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { fillValue: o, gradientDef: l } = g(m !== null && m !== void 0 ? m : s), { skinName: c } = d(), 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"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M12.892 2c1.604 0 2.866 1.31 2.866 2.963v10.23c.724.772 1.145 1.771 1.145 2.77 0 2.23-1.795 4.037-4.01 4.037-2.216 0-4.012-1.806-4.05-4.036 0-1 .454-1.999 1.183-2.772v-2.116c.729-.842 1.071-1.88 1.071-2.998 0-1.191-.499-2.309-1.071-3.308V4.963C10.026 3.31 11.288 2 12.892 2m-1.721 15.959a1.72 1.72 0 0 0 1.721 1.732c.954 0 1.717-.767 1.712-1.727 0-.729-.494-1.384-1.144-1.615V4.89a.59.59 0 0 0-.573-.575.59.59 0 0 0-.572.576v11.454a1.72 1.72 0 0 0-1.144 1.615m1.721-.571c.318 0 .572.256.572.575a.572.572 0 1 1-1.144 0 .57.57 0 0 1 .572-.575M6.548 3.925c.27 0 .538.152.65.384 0 0 2.71 4.696 2.71 5.808 0 .92-.342 1.767-.992 2.422s-1.492 1-2.407 1a3.34 3.34 0 0 1-2.406-1 3.37 3.37 0 0 1-.993-2.422c0-.925.494-1.885.993-2.732L5.898 4.31a.9.9 0 0 1 .269-.271.76.76 0 0 1 .381-.113"
         })
     })) : c.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M12.892 2c1.604 0 2.866 1.31 2.866 2.963v10.23c.724.772 1.145 1.771 1.145 2.77 0 2.23-1.795 4.037-4.01 4.037-2.216 0-4.012-1.806-4.05-4.036 0-1 .454-1.999 1.183-2.772v-2.116c.729-.842 1.071-1.88 1.071-2.998 0-1.191-.499-2.309-1.071-3.308V4.963C10.026 3.31 11.288 2 12.892 2m-1.721 15.959a1.72 1.72 0 0 0 1.721 1.732c.954 0 1.717-.767 1.712-1.727 0-.729-.494-1.384-1.144-1.615V4.89a.59.59 0 0 0-.573-.575.59.59 0 0 0-.572.576v11.454a1.72 1.72 0 0 0-1.144 1.615m1.721-.571c.318 0 .572.256.572.575a.572.572 0 1 1-1.144 0 .57.57 0 0 1 .572-.575M6.548 3.925c.27 0 .538.152.65.384 0 0 2.71 4.696 2.71 5.808 0 .92-.342 1.767-.992 2.422s-1.492 1-2.407 1a3.34 3.34 0 0 1-2.406-1 3.37 3.37 0 0 1-.993-2.422c0-.925.494-1.885.993-2.732L5.898 4.31a.9.9 0 0 1 .269-.271.76.76 0 0 1 .381-.113"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ e("path", {
-            fill: r,
+            fill: o,
             d: "M22 19a1 1 0 1 1 0 2.001A1 1 0 0 1 22 19m-.53-3.53a.75.75 0 0 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06-1.06zM12 3.5a.5.5 0 0 1 .417.225l3.75 5.683.014.02c.503.85 1.096 1.672 1.258 2.748.054.363.07.73.05 1.093-.009.172-.138.31-.301.367a2.5 2.5 0 0 0-1.567 3.13c.053.165.02.352-.112.464q-.249.21-.525.39a5.5 5.5 0 0 1-5.967 0 5.51 5.51 0 0 1-2.455-5.444c.162-1.076.754-1.897 1.258-2.747l.013-.02 3.75-5.684.037-.05A.5.5 0 0 1 12 3.5M18 15a1 1 0 1 1 0 2.001A1 1 0 0 1 18 15"
         })
     }));
+    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 { V as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-humidity-light.js

@@ -78,46 +78,53 @@ 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 m } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: c = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: t = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), l = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = n();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const a = v(), h = a === "brand" || a === "media" ? n.colors.neutralHighBrand : a === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: r, gradientDef: l } = f(m !== null && m !== void 0 ? m : h), { skinName: i } = d(), o = i.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M15.317 4.964v10.231c.719.774 1.136 1.773 1.136 2.768 0 2.23-1.782 4.037-3.982 4.037S8.49 20.193 8.49 17.963c0-1 .418-2 1.136-2.768v-2.343l-.039.04c-.684.654-1.554 1.038-2.505 1.038a3.44 3.44 0 0 1-2.506-1.039c-.646-.694-1.025-1.58-1.025-2.54s.53-2 1.025-2.846l1.86-3.19a.73.73 0 0 1 .646-.385c.267 0 .495.153.645.384 0 0 1.788 2.999 1.9 3.19v-2.54C9.625 3.31 10.877 2 12.47 2s2.846 1.31 2.846 2.964m-2.278 11.388V4.89a.59.59 0 0 0-.568-.576.59.59 0 0 0-.568.576v11.462a1.75 1.75 0 0 0-1.136 1.616c0 .96.757 1.733 1.709 1.733s1.71-.768 1.71-1.733a1.73 1.73 0 0 0-1.147-1.616m-.568 2.192a.59.59 0 0 1-.568-.576.59.59 0 0 1 .568-.577.59.59 0 0 1 .568.577.59.59 0 0 1-.568.576m-3.982-6.77a2.28 2.28 0 0 0 .646-1.423c0-.73-.68-1.847-1.175-2.654a65 65 0 0 1-.875-1.463L5.871 8.312c-.34.576-.796 1.423-.796 2.039 0 .536.228 1.038.607 1.422.379.385.874.616 1.403.616.53 0 1.025-.231 1.404-.615m1.515 6.193c0 1.384 1.102 2.502 2.467 2.502s2.467-1.118 2.467-2.502c0-.654-.306-1.344-.874-1.846a.7.7 0 0 1-.267-.576V4.969c0-.808-.568-1.423-1.326-1.423a1.41 1.41 0 0 0-1.403 1.423l.077 10.576c0 .231-.116.423-.267.576-.534.502-.874 1.152-.874 1.846"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M9.994 8.188c.23.502.38 1.038.38 1.5 0 .808-.34 1.581-.945 2.167a2.97 2.97 0 0 1-2.136.886 2.97 2.97 0 0 1-2.135-.886 3.04 3.04 0 0 1-.878-2.156c0-.847.458-1.772.917-2.54l1.789-3.037a.46.46 0 0 1 .341-.192c.112 0 .264.073.303.152l1.106 1.925.171.288q.087.144.17.288l.079.113c0 .04.039.113.078.153V4.693C9.234 3.19 10.414 2 11.9 2s2.667 1.191 2.667 2.693V9.65c0 .23-.152.383-.38.383-.23 0-.38-.152-.38-.383V4.648c0-1.078-.84-1.924-1.907-1.924s-1.907.846-1.907 1.924zm-4.266 3.155c.42.423.99.655 1.6.655.609 0 1.18-.232 1.599-.665.458-.423.687-1 .687-1.615 0-.768-.61-1.806-1.107-2.613L8.43 6.99l-.17-.288-.171-.288-.76-1.343-1.449 2.46c-.38.655-.838 1.502-.838 2.157 0 .615.229 1.191.687 1.654m6.173-7.034c-.23 0-.38.152-.38.384V16.27A1.925 1.925 0 0 0 10 18.156c0 1.078.839 1.924 1.907 1.924 1.067 0 1.906-.846 1.906-1.924a1.93 1.93 0 0 0-1.521-1.886V4.693c-.01-.232-.161-.384-.39-.384m0 14.994c.643 0 1.14-.498 1.14-1.152 0-.655-.497-1.152-1.14-1.152a1.13 1.13 0 0 0-1.141 1.152c0 .65.497 1.151 1.14 1.151m1.52-7.305c0 .423.342.767.761.767.42 0 .761-.344.761-.768a.765.765 0 0 0-.76-.767.765.765 0 0 0-.761.768m.766 1.924c.23 0 .38.153.38.384v1.113a3.8 3.8 0 0 1 1.142 2.732c0 2.116-1.717 3.85-3.808 3.85-2.092 0-3.808-1.729-3.808-3.845 0-1 .42-2.004 1.14-2.732v-1.118c0-.231.152-.384.381-.384.23 0 .38.153.38.384v1.27a.4.4 0 0 1-.112.271c-.648.615-1.029 1.423-1.029 2.309 0 1.693 1.37 3.076 3.048 3.076s3.047-1.383 3.047-3.076c0-.886-.38-1.733-1.029-2.309-.073-.04-.112-.157-.112-.27v-1.27c0-.232.151-.385.38-.385"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: l,
+    }, c), {
+        children: /* @__PURE__ */ e("path", {
+            fill: r,
             d: "M22 19a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-.53-3.53a.75.75 0 0 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06-1.06zM12 3.25c.261 0 .505.136.64.36l3.746 6.137.382.594c.392.612.786 1.29.917 2.11a.75.75 0 0 1-1.48.236c-.113-.705-.501-1.203-1.09-2.143l-.005-.008L12 5.44l-3.11 5.096-.004.008c-.59.94-.978 1.438-1.09 2.143a3.75 3.75 0 0 0 .324 2.208c.332.693.87 1.288 1.559 1.709.688.42 1.495.646 2.321.646s1.633-.226 2.322-.646a.75.75 0 0 1 .782 1.28A5.96 5.96 0 0 1 12 18.75c-1.098 0-2.175-.3-3.103-.866a5.56 5.56 0 0 1-2.131-2.343 5.25 5.25 0 0 1-.45-3.09c.174-1.093.816-1.935 1.298-2.704L11.36 3.61a.75.75 0 0 1 .64-.36M18 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
         })
     }));
+    return l ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-humidity-regular.js

@@ -78,46 +78,53 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { 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 l } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { useTheme as d } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = m(), r = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? l.colors.neutralHighBrand : t === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    const r = v(), h = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: l } = f(m !== null && m !== void 0 ? m : h), { skinName: i } = d(), o = i.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: r,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M15.317 4.964v10.231c.719.774 1.136 1.773 1.136 2.768 0 2.23-1.782 4.037-3.982 4.037S8.49 20.193 8.49 17.963c0-1 .418-2 1.136-2.768v-2.343l-.039.04c-.684.654-1.554 1.038-2.505 1.038a3.44 3.44 0 0 1-2.506-1.039c-.646-.694-1.025-1.58-1.025-2.54s.53-2 1.025-2.846l1.86-3.19a.73.73 0 0 1 .646-.385c.267 0 .495.153.645.384 0 0 1.788 2.999 1.9 3.19v-2.54C9.625 3.31 10.877 2 12.47 2s2.846 1.31 2.846 2.964m-2.278 11.388V4.89a.59.59 0 0 0-.568-.576.59.59 0 0 0-.568.576v11.462a1.75 1.75 0 0 0-1.136 1.616c0 .96.757 1.733 1.709 1.733s1.71-.768 1.71-1.733a1.73 1.73 0 0 0-1.147-1.616m-.568 2.192a.59.59 0 0 1-.568-.576.59.59 0 0 1 .568-.577.59.59 0 0 1 .568.577.59.59 0 0 1-.568.576m-3.982-6.77a2.28 2.28 0 0 0 .646-1.423c0-.73-.68-1.847-1.175-2.654a65 65 0 0 1-.875-1.463L5.871 8.312c-.34.576-.796 1.423-.796 2.039 0 .536.228 1.038.607 1.422.379.385.874.616 1.403.616.53 0 1.025-.231 1.404-.615m1.515 6.193c0 1.384 1.103 2.502 2.467 2.502s2.467-1.118 2.467-2.502c0-.654-.306-1.344-.874-1.846a.7.7 0 0 1-.267-.576V4.969c0-.808-.568-1.423-1.326-1.423a1.41 1.41 0 0 0-1.403 1.423l.077 10.576c0 .231-.116.423-.267.576-.534.502-.874 1.152-.874 1.846"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+    })) : i.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: r,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M15.317 4.964v10.231c.719.774 1.136 1.773 1.136 2.768 0 2.23-1.782 4.037-3.982 4.037S8.49 20.193 8.49 17.963c0-1 .418-2 1.136-2.768v-2.343l-.039.04c-.684.654-1.554 1.038-2.505 1.038a3.44 3.44 0 0 1-2.506-1.039c-.646-.694-1.025-1.58-1.025-2.54s.53-2 1.025-2.846l1.86-3.19a.73.73 0 0 1 .646-.385c.267 0 .495.153.645.384 0 0 1.788 2.999 1.9 3.19v-2.54C9.625 3.31 10.877 2 12.47 2s2.846 1.31 2.846 2.964m-2.278 11.388V4.89a.59.59 0 0 0-.568-.576.59.59 0 0 0-.568.576v11.462a1.75 1.75 0 0 0-1.136 1.616c0 .96.757 1.733 1.709 1.733s1.71-.768 1.71-1.733a1.73 1.73 0 0 0-1.147-1.616m-.568 2.192a.59.59 0 0 1-.568-.576.59.59 0 0 1 .568-.577.59.59 0 0 1 .568.577.59.59 0 0 1-.568.576m-3.982-6.77a2.28 2.28 0 0 0 .646-1.423c0-.73-.68-1.847-1.175-2.654a65 65 0 0 1-.875-1.463L5.871 8.312c-.34.576-.796 1.423-.796 2.039 0 .536.228 1.038.607 1.422.379.385.874.616 1.403.616.53 0 1.025-.231 1.404-.615m1.515 6.193c0 1.384 1.102 2.502 2.467 2.502s2.467-1.118 2.467-2.502c0-.654-.306-1.344-.874-1.846a.7.7 0 0 1-.267-.576V4.969c0-.808-.568-1.423-1.326-1.423a1.41 1.41 0 0 0-1.403 1.423l.077 10.576c0 .231-.116.423-.267.576-.534.502-.874 1.152-.874 1.846"
         })
-    })) : /* @__PURE__ */ c("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"
-    }, e), {
-        children: /* @__PURE__ */ c("path", {
-            fill: r,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: c,
             d: "M22 19a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-.53-3.53a.75.75 0 0 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06-1.06zM12 3.25c.261 0 .505.136.64.36l3.746 6.137.382.594c.392.612.786 1.29.917 2.11a.75.75 0 0 1-1.48.236c-.113-.705-.501-1.203-1.09-2.143l-.005-.008L12 5.44l-3.11 5.096-.004.008c-.59.94-.978 1.438-1.09 2.143a3.75 3.75 0 0 0 .324 2.208c.332.693.87 1.288 1.559 1.709.688.42 1.495.646 2.321.646s1.633-.226 2.322-.646a.75.75 0 0 1 .782 1.28A5.96 5.96 0 0 1 12 18.75c-1.098 0-2.175-.3-3.103-.866a5.56 5.56 0 0 1-2.131-2.343 5.25 5.25 0 0 1-.45-3.09c.174-1.093.816-1.935 1.298-2.704L11.36 3.61a.75.75 0 0 1 .64-.36M18 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
         })
     }));
+    return l ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: l
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-temperature-filled.js

@@ -78,36 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as r } from "react/jsx-runtime";
-import { useTheme as l } from "../../hooks.js";
-import { useThemeVariant as s } from "../../theme-variant-context.js";
-import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: n, size: e = 24 } = _param, a = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as h } 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 S = (_param)=>{
+    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = s(), i = n !== null && n !== void 0 ? n : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: c } = l();
-    return c.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(s !== null && s !== void 0 ? s : m), { skinName: d } = h(), o = d.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
-        children: /* @__PURE__ */ r("path", {
-            fill: i,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M14.91 15.148V4.963C14.91 3.333 13.602 2 12 2S9.09 3.332 9.09 4.963v10.185c-.69.74-1.09 1.74-1.09 2.779C8 20.189 9.783 22 12 22s4-1.816 4-4.073c0-1.038-.4-2.039-1.09-2.779M12 19.781c-1.02 0-1.82-.816-1.82-1.854 0-.816.544-1.517 1.27-1.74V4.963c0-.294.257-.554.545-.554.29 0 .545.26.545.554v11.224a1.83 1.83 0 0 1 1.271 1.74c.01 1.038-.791 1.854-1.811 1.854m.726-1.854a.734.734 0 0 0-.726-.74c-.4 0-.726.332-.726.74s.326.74.726.74.726-.332.726-.74"
         })
-    })) : /* @__PURE__ */ r("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"
-    }, a), {
-        children: /* @__PURE__ */ r("path", {
-            fill: i,
+    }, i), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M14.91 15.148V4.963C14.91 3.333 13.602 2 12 2S9.09 3.332 9.09 4.963v10.185c-.69.74-1.09 1.74-1.09 2.779C8 20.189 9.783 22 12 22s4-1.816 4-4.073c0-1.038-.4-2.039-1.09-2.779M12 19.781c-1.02 0-1.82-.816-1.82-1.854 0-.816.544-1.517 1.27-1.74V4.963c0-.294.257-.554.545-.554.29 0 .545.26.545.554v11.224a1.83 1.83 0 0 1 1.271 1.74c.01 1.038-.791 1.854-1.811 1.854m.726-1.854a.734.734 0 0 0-.726-.74c-.4 0-.726.332-.726.74s.326.74.726.74.726-.332.726-.74"
         })
     }));
+    return c ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { S as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-temperature-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 m } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
+import * as s from "react";
+import { useTheme as d } 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 x = (_param)=>{
+    var { color: l, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), o = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: s } = n();
-    return s.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = f(), m = r === "brand" || r === "media" ? a.colors.neutralHighBrand : r === "negative" ? a.colors.neutralHighNegative : a.colors.neutralHigh, { fillValue: c, gradientDef: i } = g(l !== null && l !== void 0 ? l : m), { skinName: h } = d(), o = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: c,
             d: "M14.91 4.963v10.185c.69.74 1.09 1.74 1.09 2.779C16 20.184 14.217 22 12 22s-4-1.811-4-4.073c0-1.038.4-2.039 1.09-2.779V4.963C9.09 3.333 10.398 2 12 2s2.91 1.332 2.91 2.963M9.453 17.927c0 1.446 1.127 2.594 2.547 2.594s2.547-1.148 2.547-2.594c0-.74-.33-1.442-.838-1.925a.67.67 0 0 1-.256-.555V4.963c0-.81-.657-1.479-1.453-1.479s-1.453.664-1.453 1.48v10.483c0 .223-.112.408-.256.555a2.67 2.67 0 0 0-.838 1.925m3.092-1.74V4.963A.566.566 0 0 0 12 4.41a.566.566 0 0 0-.545.554v11.224a1.83 1.83 0 0 0-1.271 1.74c0 1.038.8 1.854 1.82 1.854s1.821-.816 1.821-1.854a1.84 1.84 0 0 0-1.28-1.74m-1.271 1.74c0-.408.326-.74.726-.74s.726.332.726.74-.326.74-.726.74a.734.734 0 0 1-.726-.74"
         })
     })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, n), {
         children: /* @__PURE__ */ e("path", {
-            fill: o,
+            fill: c,
             d: "M14.647 14.301v1.118a3.9 3.9 0 0 1 1.13 2.737c0 2.111-1.7 3.844-3.773 3.844S8.23 20.272 8.23 18.156c0-1 .416-2.004 1.13-2.732V4.693C9.36 3.19 10.53 2 12.005 2c1.473 0 2.643 1.191 2.643 2.693v5c0 .232-.15.385-.377.385s-.377-.153-.377-.384V4.693c0-1.078-.831-1.925-1.89-1.925s-1.889.847-1.889 1.925V15.57a.4.4 0 0 1-.11.271c-.643.615-1.02 1.423-1.02 2.309 0 1.693 1.357 3.076 3.02 3.076 1.662 0 3.02-1.383 3.02-3.076a3.1 3.1 0 0 0-1.02-2.309c-.073-.04-.111-.158-.111-.27v-1.27c0-.232.15-.385.377-.385s.377.153.377.384m-3.02-9.608c0-.232.15-.384.377-.384s.376.152.386.384v11.77a1.76 1.76 0 0 1 1.32 1.693c0 .964-.755 1.732-1.702 1.732s-1.7-.773-1.7-1.732c0-.847.565-1.502 1.319-1.694zm2.638 8.072a.76.76 0 0 1-.754-.768c0-.423.338-.767.754-.767.415 0 .754.344.754.768a.76.76 0 0 1-.754.767m-1.32 5.386a.943.943 0 0 0-.941-.96.943.943 0 0 0-.943.96c0 .536.416.96.943.96a.943.943 0 0 0 .942-.96"
         })
     }));
+    return i ? /*#__PURE__*/ s.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...s.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-temperature-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 l } from "../../theme-variant-context.js";
-import { vars as t } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: s, size: e = 24 } = _param, o = _object_without_properties(_param, [
+import { jsx as e } 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 x = (_param)=>{
+    var { color: l, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = l(), c = s !== null && s !== void 0 ? s : r === "brand" || r === "media" ? t.colors.neutralHighBrand : r === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    const r = f(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: s, gradientDef: c } = g(l !== null && l !== void 0 ? l : m), { skinName: h } = d(), o = h.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: s,
             d: "M14.91 4.963v10.185c.69.74 1.09 1.74 1.09 2.779C16 20.184 14.217 22 12 22s-4-1.811-4-4.073c0-1.038.4-2.039 1.09-2.779V4.963C9.09 3.333 10.398 2 12 2s2.91 1.332 2.91 2.963M9.453 17.927c0 1.446 1.127 2.594 2.547 2.594s2.547-1.148 2.547-2.594c0-.74-.33-1.442-.838-1.925a.67.67 0 0 1-.256-.555V4.963c0-.81-.657-1.479-1.453-1.479s-1.453.664-1.453 1.48v10.483c0 .223-.112.408-.256.555a2.67 2.67 0 0 0-.838 1.925m3.092-1.74V4.963A.566.566 0 0 0 12 4.41a.566.566 0 0 0-.545.554v11.224a1.83 1.83 0 0 0-1.271 1.74c0 1.038.8 1.854 1.82 1.854s1.821-.816 1.821-1.854a1.84 1.84 0 0 0-1.28-1.74m-1.271 1.74c0-.408.326-.74.726-.74s.726.332.726.74-.326.74-.726.74a.734.734 0 0 1-.726-.74"
         })
-    })) : /* @__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"
-    }, o), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, a), {
+        children: /* @__PURE__ */ e("path", {
+            fill: s,
             d: "M14.91 4.963v10.185c.69.74 1.09 1.74 1.09 2.779C16 20.184 14.217 22 12 22s-4-1.811-4-4.073c0-1.038.4-2.039 1.09-2.779V4.963C9.09 3.333 10.398 2 12 2s2.91 1.332 2.91 2.963M9.453 17.927c0 1.446 1.127 2.594 2.547 2.594s2.547-1.148 2.547-2.594c0-.74-.33-1.442-.838-1.925a.67.67 0 0 1-.256-.555V4.963c0-.81-.657-1.479-1.453-1.479s-1.453.664-1.453 1.48v10.483c0 .223-.112.408-.256.555a2.67 2.67 0 0 0-.838 1.925m3.092-1.74V4.963A.566.566 0 0 0 12 4.41a.566.566 0 0 0-.545.554v11.224a1.83 1.83 0 0 0-1.271 1.74c0 1.038.8 1.854 1.82 1.854s1.821-.816 1.821-1.854a1.84 1.84 0 0 0-1.28-1.74m-1.271 1.74c0-.408.326-.74.726-.74s.726.332.726.74-.326.74-.726.74a.734.734 0 0 1-.726-.74"
         })
     }));
+    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 { x as default };

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

@@ -78,56 +78,63 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as a } from "react/jsx-runtime";
-import { useTheme as o } from "../../hooks.js";
-import { useThemeVariant as n } from "../../theme-variant-context.js";
-import { vars as i } from "../../skins/skin-contract.css-mistica.js";
-const f = (_param)=>{
-    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
+import { jsx as e } from "react/jsx-runtime";
+import * as h from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as v } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as f } from "../../utils/icon-gradient.js";
+const V = (_param)=>{
+    var { color: m, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = n(), c = r !== null && r !== void 0 ? r : h === "brand" || h === "media" ? i.colors.neutralHighBrand : h === "negative" ? i.colors.neutralHighNegative : i.colors.neutralHigh, { skinName: t } = o();
-    return t.match(/^vivo-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    const r = v(), d = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: a, gradientDef: i } = f(m !== null && m !== void 0 ? m : d), { skinName: c } = s(), o = c.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M21.837 14.051q.009.026.01.052c0 .918-.256 1.641-.757 2.15-.429.432-1.006.676-1.717.726a65 65 0 0 1-2.012.006c-.75-.037-1.355-.28-1.803-.728-.493-.496-.745-1.2-.76-2.082q-.003-.007-.002-.016l-.002-.03-.001-.024q.001-.033.01-.064l.01-.037.002-.04q0-.027.006-.055l2.224-7.367c-.916-.002-2.185-.002-3.258-.002v11.935h1.446c.792 0 1.425.235 1.882.698.476.479.717 1.157.717 2.02a.63.63 0 0 1-.619.643.1.1 0 0 1-.034-.006l-.022-.005-.02.005q-.018.006-.033.007H6.914q-.018 0-.031-.006l-.023-.006-.02.005q-.017.006-.033.007a.63.63 0 0 1-.62-.645c0-.86.242-1.54.715-2.02.457-.462 1.087-.697 1.88-.697h1.445V6.54c-1.073.002-2.342.002-3.255.002l2.221 7.367q.01.03.008.058 0 .02.004.037l.008.037q.01.03.011.064l-.001.025-.002.029q-.003.007-.002.016c-.014.883-.266 1.586-.76 2.082-.448.448-1.056.691-1.806.728a65 65 0 0 1-2.011-.006c-.712-.05-1.289-.294-1.717-.725-.505-.507-.762-1.23-.762-2.149v-.002q.001-.024.008-.047l.008-.037v-.003c.006-.055.012-.113.034-.165l2.952-7.169a1.1 1.1 0 0 0-.35.219.603.603 0 0 1-.874-.02.667.667 0 0 1 .02-.913c.437-.437 1.034-.678 1.767-.714.06-.006 3.334-.006 5.236-.006a1.4 1.4 0 0 1-.208-.165c-.285-.286-.428-.709-.428-1.255 0-.552.146-.975.428-1.26q.41-.417 1.171-.418h.146v.003q.005-.004.014-.003c.504 0 .9.14 1.17.418.284.285.427.708.427 1.26 0 .546-.143.97-.426 1.255a1.5 1.5 0 0 1-.207.165c1.899 0 5.173.003 5.232.006.737.036 1.33.277 1.768.714a.67.67 0 0 1 .016.913.596.596 0 0 1-.871.02 1.1 1.1 0 0 0-.353-.219l2.953 7.169a.5.5 0 0 1 .029.131l.004.037zm-14.078-.593L6.051 7.792l-2.334 5.666zm10.196-5.666-1.708 5.666h4.042z"
         })
-    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M13.43 9.345c.035 2.366 1.926 4.292 4.285 4.292 2.354 0 4.249-2 4.285-4.365 0-.037 0-.22-.108-.362l-3.574-6.548c-.108-.22-.252-.362-.607-.362H6.285c-.355 0-.5.147-.607.362l-3.57 6.544C2 9.052 2 9.236 2 9.268c.036 2.37 1.927 4.365 4.285 4.365s4.25-1.93 4.286-4.292c0 0 0-.183-.108-.435L7.505 3.454h3.785v17.088H5.574a.724.724 0 0 0-.716.73c0 .398.324.728.716.728h12.852c.396 0 .716-.33.716-.729a.727.727 0 0 0-.716-.729h-5.712V3.454h3.785l-2.966 5.452c-.104.256-.104.44-.104.44m-9.495-.802 2.354-4.365 2.355 4.365zm16.13.004h-4.709l2.355-4.365z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M13.43 9.345c.035 2.366 1.926 4.292 4.285 4.292 2.354 0 4.249-2 4.285-4.365 0-.037 0-.22-.108-.362l-3.574-6.548c-.108-.22-.252-.362-.607-.362H6.285c-.355 0-.5.147-.607.362l-3.57 6.544C2 9.052 2 9.236 2 9.268c.036 2.37 1.927 4.365 4.285 4.365s4.25-1.93 4.286-4.292c0 0 0-.183-.108-.435L7.505 3.454h3.785v17.088H5.574a.724.724 0 0 0-.716.73c0 .398.324.728.716.728h12.852c.396 0 .716-.33.716-.729a.727.727 0 0 0-.716-.729h-5.712V3.454h3.785l-2.966 5.452c-.104.256-.104.44-.104.44m-9.495-.802 2.354-4.365 2.355 4.365zm16.13.004h-4.709l2.355-4.365z"
         })
-    })) : /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: c,
+    }, t), {
+        children: /* @__PURE__ */ e("path", {
+            fill: a,
             d: "M12 2.25a.75.75 0 0 1 .75.75v1.364l5.373.896a.75.75 0 0 1 .573 1.015l2.751 5.501A.5.5 0 0 1 21.5 12a3.5 3.5 0 0 1-7 0 .5.5 0 0 1 .053-.224l2.58-5.16-4.383-.73V19.25H17a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5h4.25V5.886l-4.383.73 2.58 5.16A.5.5 0 0 1 9.5 12a3.5 3.5 0 0 1-7 0 .5.5 0 0 1 .053-.224l2.75-5.5a.75.75 0 0 1 .574-1.016l5.373-.896V3a.75.75 0 0 1 .75-.75"
         })
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { f as default };
+export { V as default };