@telefonica/mistica 16.68.0 → 16.70.0

package/dist-es/generated/mistica-icons/icon-invoice-plan-file-filled.js

@@ -78,74 +78,81 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as e, jsxs as o } 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 s = (_param)=>{
-    var { color: n, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as h } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = m(), h = n !== null && n !== void 0 ? n : i === "brand" || i === "media" ? r.colors.neutralHighBrand : i === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: l } = c();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const i = g(), s = i === "brand" || i === "media" ? h.colors.neutralHighBrand : i === "negative" ? h.colors.neutralHighNegative : h.colors.neutralHigh, { fillValue: a, gradientDef: c } = p(d !== null && d !== void 0 ? d : s), { skinName: n } = f(), o = n.match(/^vivo-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: h,
+            fill: a,
             d: "M19.08 7.491 13.618 2.31a.56.56 0 0 0-.384-.154H5.853c-.569 0-1.107.538-1.107 1.106v17.48c0 .588.519 1.106 1.107 1.106H18.15c.588 0 1.106-.518 1.106-1.107V7.898a.56.56 0 0 0-.176-.406m-3.535 11.345H8.444a.56.56 0 0 1-.56-.56c0-.309.252-.56.56-.56h7.1a.56.56 0 0 1 0 1.12m-7.1-3.007a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h7.1a.561.561 0 0 1 0 1.12zm7.1-3.003h-7.1a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h7.1a.561.561 0 0 1 0 1.12m-1.442-5.532c-.384-.384-.588-.933-.588-1.583V3.754l4.353 4.13h-2.182c-.653 0-1.2-.205-1.583-.589"
         })
-    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M10.752 8.252V2H19.5v20h-15V8.252zm-2.68 9.64h7.856a.547.547 0 0 0 .536-.536.55.55 0 0 0-.536-.536H8.072a.55.55 0 0 0-.536.536c0 .284.252.536.536.536m7.856-3.572a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536H8.072a.55.55 0 0 0-.536.536c0 .284.252.536.536.536z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M4.752 7.18 9.68 2.248V7.18z"
             })
         ]
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M10.752 8.252V2H19.5v20h-15V8.252zm-2.68 9.64h7.856a.547.547 0 0 0 .536-.536.55.55 0 0 0-.536-.536H8.072a.55.55 0 0 0-.536.536c0 .284.252.536.536.536m7.856-3.572a.55.55 0 0 0 .536-.536.55.55 0 0 0-.536-.536H8.072a.55.55 0 0 0-.536.536c0 .284.252.536.536.536z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M4.752 7.18 9.68 2.248V7.18z"
             })
         ]
-    })) : /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M12.65 2.5a.6.6 0 0 1 .6.6V7A1.75 1.75 0 0 0 15 8.75h3.9a.6.6 0 0 1 .6.6V19a2.5 2.5 0 0 1-2.5 2.5H7A2.5 2.5 0 0 1 4.5 19V5A2.5 2.5 0 0 1 7 2.5zM13 16.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zm-4-4a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zm0-6a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: h,
+                fill: a,
                 d: "M18.957 7.25H15a.25.25 0 0 1-.25-.25V3.043z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ m.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...m.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { s as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-invoice-plan-file-light.js

@@ -78,22 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
-import { vars as r } from "../../skins/skin-contract.css-mistica.js";
-const p = (_param)=>{
-    var { color: c, size: h = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as m from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
+import { vars as l } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const A = (_param)=>{
+    var { color: d, size: t = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = m(), a = c !== null && c !== void 0 ? c : l === "brand" || l === "media" ? r.colors.neutralHighBrand : l === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: o } = n();
-    return o.match(/^vivo-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const i = f(), v = i === "brand" || i === "media" ? l.colors.neutralHighBrand : i === "negative" ? l.colors.neutralHighNegative : l.colors.neutralHigh, { fillValue: a, gradientDef: c } = g(d !== null && d !== void 0 ? d : v), { skinName: n } = s(), o = n.match(/^vivo-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: a,
@@ -104,12 +105,12 @@ const p = (_param)=>{
                 d: "M5.717 21.834H18.28c.44 0 .826-.386.826-.826V7.899a.28.28 0 0 0-.08-.2l-5.463-5.462a.3.3 0 0 0-.093-.06.3.3 0 0 0-.106-.02H5.717c-.417 0-.826.408-.826.826v18.025c0 .431.395.826.826.826m7.367-19.118v2.451c0 .883.286 1.636.832 2.18.546.543 1.3.832 2.18.832h2.45v12.829c0 .129-.137.266-.266.266H5.717c-.12 0-.266-.146-.266-.266V2.983c0-.107.16-.267.266-.267zm.56.395 4.507 4.507h-2.056c-1.487 0-2.45-.963-2.45-2.45z"
             })
         ]
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: a,
@@ -120,12 +121,12 @@ const p = (_param)=>{
                 d: "M4.5 7.428 9.928 2H19.5v20h-15zM9.5 7V4.428L6.928 7zm8.572 13.572V3.428h-7.144v5h-5v12.144z"
             })
         ]
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: a,
@@ -136,12 +137,12 @@ const p = (_param)=>{
                 d: "M19.5 19.5a.71.71 0 0 1-.7.716c-.385 0-.698-.32-.698-.716s.313-.716.699-.716.699.32.699.716m-3.836-6.072H7.988c-.21 0-.347.144-.347.356 0 .216.14.356.347.356h7.672c.211 0 .348-.144.348-.356.004-.212-.137-.356-.344-.356m0 3.572H7.988c-.21 0-.347.144-.347.356 0 .216.14.356.347.356h7.672c.211 0 .348-.144.348-.356.004-.212-.137-.356-.344-.356"
             })
         ]
-    })) : /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, h), {
         children: [
             /* @__PURE__ */ e("path", {
                 fill: a,
@@ -153,5 +154,11 @@ const p = (_param)=>{
             })
         ]
     }));
+    return c ? /*#__PURE__*/ m.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...m.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { p as default };
+export { A as default };

package/dist-es/generated/mistica-icons/icon-invoice-plan-file-regular.js

@@ -78,96 +78,103 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useTheme as n } from "../../hooks.js";
-import { useThemeVariant as m } from "../../theme-variant-context.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as d from "react";
+import { useTheme as s } from "../../hooks.js";
+import { useThemeVariant as f } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const s = (_param)=>{
-    var { color: c, size: h = 24 } = _param, l = _object_without_properties(_param, [
+import { useIconGradient as p } from "../../utils/icon-gradient.js";
+const z = (_param)=>{
+    var { color: m, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = m(), a = c !== null && c !== void 0 ? c : r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: i } = n();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    const r = f(), v = r === "brand" || r === "media" ? o.colors.neutralHighBrand : r === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { fillValue: h, gradientDef: c } = p(m !== null && m !== void 0 ? m : v), { skinName: i } = s(), n = i.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M15.545 12.827H8.444a.56.56 0 0 1-.56-.56c0-.308.252-.56.56-.56h7.1a.561.561 0 0 1 0 1.12m-7.1 3.006h7.1c.309 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56h-7.1a.56.56 0 0 0-.56.56c0 .308.252.56.56.56m0 3.003h7.1c.309 0 .56-.252.56-.56a.56.56 0 0 0-.56-.56h-7.1a.56.56 0 0 0-.56.56c0 .308.252.56.56.56"
             }),
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M5.853 21.847H18.15c.588 0 1.106-.518 1.106-1.107V7.897c0-.154-.061-.3-.174-.406L13.62 2.31a.57.57 0 0 0-.386-.154H5.853c-.569 0-1.107.538-1.107 1.106v17.48c0 .588.519 1.106 1.107 1.106m12.277-1.12H5.88l-.013-.012V3.298a.1.1 0 0 1 .022-.023h6.504v2.437c0 .956.32 1.776.916 2.376s1.42.916 2.376.916h2.45V20.72zM13.514 5.711V3.754l4.353 4.13h-2.182c-.65 0-1.2-.205-1.583-.589-.384-.384-.588-.93-.588-1.583"
             })
         ]
-    })) : i.match(/^blau/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : i.match(/^blau/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M7.622 16.782h7.756c.388 0 .705.33.705.734s-.317.734-.705.734H7.622c-.388 0-.705-.33-.705-.734s.317-.734.705-.734m-.705-2.937c0-.404.317-.734.705-.734h7.756c.388 0 .705.33.705.734s-.317.734-.705.734H7.622c-.388 0-.705-.33-.705-.734"
             }),
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M4 7.429 9.479 2h9.66v20H4zM9.046 7V4.429L6.451 7zM5.442 20.571h12.255V3.43h-7.209v5H5.442z"
             })
         ]
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M8.072 13.072a.715.715 0 1 0 0 1.432h7.856a.715.715 0 1 0 0-1.432zm7.856 3.572H8.072a.72.72 0 0 0-.716.716c0 .392.32.716.716.716h7.856c.392 0 .716-.32.716-.716a.72.72 0 0 0-.716-.716"
             }),
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M4.5 7.428 9.928 2H19.5v20h-15zM9.5 7V4.428L6.928 7zm8.572 13.572V3.428h-7.144v5h-5v12.144z"
             })
         ]
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M8.072 13.072a.715.715 0 1 0 0 1.432h7.856a.715.715 0 1 0 0-1.432zm7.856 3.572H8.072a.72.72 0 0 0-.716.716c0 .392.32.716.716.716h7.856c.392 0 .716-.32.716-.716a.72.72 0 0 0-.716-.716"
             }),
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M4.5 7.428 9.928 2H19.5v20h-15zM9.5 7V4.428L6.928 7zm8.572 13.572V3.428h-7.144v5h-5v12.144z"
             })
         ]
-    })) : /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
-        width: h,
-        height: h,
+    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, a), {
         children: [
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M15 16.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5zm0-4a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5zm-5-6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5z"
             }),
             /* @__PURE__ */ e("path", {
-                fill: a,
+                fill: h,
                 d: "M14 2.25q.072 0 .14.014h.01l.041.013c.034.01.067.017.098.03q.044.02.084.046.023.011.044.024.054.037.1.082l.013.01 5 5c.136.136.22.324.22.531v11A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zm-7 1.5A1.25 1.25 0 0 0 5.75 5v14A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V8.75H15A1.75 1.75 0 0 1 13.25 7V3.75zM14.75 7a.25.25 0 0 0 .25.25h2.19l-2.44-2.44z"
             })
         ]
     }));
+    return c ? /*#__PURE__*/ d.cloneElement(n, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: c
+        }, "gradient-defs"),
+        ...d.Children.toArray(n.props.children)
+    ]) : n;
 };
-export { s as default };
+export { z as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-co-2-filled.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 r } from "../../skins/skin-contract.css-mistica.js";
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import * as l 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: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = m(), c = i !== null && i !== void 0 ? i : o === "brand" || o === "media" ? r.colors.neutralHighBrand : o === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = n();
-    return h.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(h !== null && h !== void 0 ? h : m), { skinName: s } = d(), o = s.match(/^o2-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: c,
             d: "M17.174 9.342h-.357C16.566 6.902 14.495 5 12.032 5S7.498 6.902 7.247 9.342h-.393C4.176 9.305 2 11.497 2 14.152 2 16.809 4.18 19 6.822 19h10.356C19.82 19 22 16.845 22 14.153c-.005-2.656-2.185-4.811-4.826-4.811m-4.502 2.444a1.45 1.45 0 0 0-1.463 1.47c0 .823.645 1.47 1.463 1.47a1.45 1.45 0 0 0 1.462-1.47c0-.822-.64-1.47-1.462-1.47m-3.995 2.509a.515.515 0 0 1 .75 0 .52.52 0 0 1 0 .754c-.466.468-1.106.716-1.787.716a2.55 2.55 0 0 1-2.537-2.55 2.55 2.55 0 0 1 2.537-2.55c.676 0 1.284.253 1.787.717a.52.52 0 0 1 0 .754.514.514 0 0 1-.75 0 1.44 1.44 0 0 0-1.037-.432 1.45 1.45 0 0 0-1.463 1.47c0 .822.64 1.553 1.463 1.553.393 0 .75-.143 1.037-.432m3.995 1.512a2.55 2.55 0 0 1-2.537-2.55 2.55 2.55 0 0 1 2.537-2.55 2.55 2.55 0 0 1 2.536 2.55 2.55 2.55 0 0 1-2.536 2.55m3.752 1.612a.53.53 0 0 1-.498-.358.565.565 0 0 1 .142-.611s.822-.754 1.284-1.222c.32-.322.466-.611.393-.79a.5.5 0 0 0-.393-.253.436.436 0 0 0-.43.432.55.55 0 0 1-.534.537.55.55 0 0 1-.535-.537 1.51 1.51 0 0 1 1.499-1.507 1.45 1.45 0 0 1 1.357.896c.142.358.252 1.075-.644 1.975a2.2 2.2 0 0 1-.32.285h.535c.283 0 .534.253.534.538 0 .294-.214.615-.498.615z"
         })
     })) : /* @__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: c,
             d: "M17.174 9.342h-.357C16.566 6.902 14.495 5 12.032 5S7.498 6.902 7.247 9.342h-.393C4.176 9.305 2 11.497 2 14.152 2 16.809 4.18 19 6.822 19h10.356C19.82 19 22 16.845 22 14.153c-.005-2.656-2.185-4.811-4.826-4.811m-4.502 2.444a1.45 1.45 0 0 0-1.463 1.47c0 .823.645 1.47 1.463 1.47a1.45 1.45 0 0 0 1.462-1.47c0-.822-.64-1.47-1.462-1.47m-3.995 2.509a.515.515 0 0 1 .75 0 .52.52 0 0 1 0 .754c-.466.468-1.106.716-1.787.716a2.55 2.55 0 0 1-2.537-2.55 2.55 2.55 0 0 1 2.537-2.55c.676 0 1.284.253 1.787.717a.52.52 0 0 1 0 .754.514.514 0 0 1-.75 0 1.44 1.44 0 0 0-1.037-.432 1.45 1.45 0 0 0-1.463 1.47c0 .822.64 1.553 1.463 1.553.393 0 .75-.143 1.037-.432m3.995 1.512a2.55 2.55 0 0 1-2.537-2.55 2.55 2.55 0 0 1 2.537-2.55 2.55 2.55 0 0 1 2.536 2.55 2.55 2.55 0 0 1-2.536 2.55m3.752 1.612a.53.53 0 0 1-.498-.358.565.565 0 0 1 .142-.611s.822-.754 1.284-1.222c.32-.322.466-.611.393-.79a.5.5 0 0 0-.393-.253.436.436 0 0 0-.43.432.55.55 0 0 1-.534.537.55.55 0 0 1-.535-.537 1.51 1.51 0 0 1 1.499-1.507 1.45 1.45 0 0 1 1.357.896c.142.358.252 1.075-.644 1.975a2.2 2.2 0 0 1-.32.285h.535c.283 0 .534.253.534.538 0 .294-.214.615-.498.615z"
         })
     }));
+    return i ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ e("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { x as default };

package/dist-es/generated/mistica-icons/icon-iot-sensor-co-2-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 s } from "../../hooks.js";
-import { useThemeVariant as n } 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 c, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { useTheme as f } from "../../hooks.js";
+import { useThemeVariant as g } from "../../theme-variant-context.js";
+import { vars as n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as v } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: s, size: a = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = n(), h = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? o.colors.neutralHighBrand : t === "negative" ? o.colors.neutralHighNegative : o.colors.neutralHigh, { skinName: r } = s();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const r = g(), m = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: e, gradientDef: h } = v(s !== null && s !== void 0 ? s : m), { skinName: i } = f(), o = i.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: h,
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
+            fill: e,
             d: "M12 5c2.463 0 4.534 1.76 4.963 4.094 2.784 0 5.037 2.224 5.037 4.953S19.751 19 17 19H7c-2.751 0-5-2.224-5-4.953s2.249-4.953 5-4.953h.073A5.03 5.03 0 0 1 12 5m-8.57 9.042c0 1.94 1.605 3.52 3.57 3.52h10c1.96 0 3.565-1.58 3.565-3.52s-1.604-3.52-3.57-3.52a5.5 5.5 0 0 1-.178.828c-.068.285-.356.5-.676.5-.073 0-.142 0-.215-.036-.357-.11-.571-.5-.498-.97a2.7 2.7 0 0 0 .141-.932v-.18c-.068-1.87-1.64-3.34-3.569-3.34-1.746 0-3.213 1.255-3.533 2.872a5.3 5.3 0 0 1 1.284.611c.32.216.43.685.215 1.006-.215.322-.68.432-1 .216A3.7 3.7 0 0 0 7 10.523c-1.96 0-3.57 1.58-3.57 3.52m8.853-2.33a2.004 2.004 0 0 0-2.001 2.013 2 2 0 1 0 3.999 0 1.994 1.994 0 0 0-1.998-2.012m-.927 2.013c0-.5.43-.932.927-.932a.95.95 0 0 1 .928.932.92.92 0 0 1-.928.933.95.95 0 0 1-.927-.933m5.534 2.15h-.32c.073-.073.105-.105.179-.142.822-.79.713-1.47.57-1.796-.214-.501-.712-.86-1.247-.86a1.36 1.36 0 0 0-1.357 1.365c0 .285.251.538.534.538a.55.55 0 0 0 .535-.538.28.28 0 0 1 .284-.285c.105 0 .251.074.283.18.037.142-.073.358-.32.61-.43.432-1.142 1.076-1.142 1.076-.179.142-.215.395-.142.61a.535.535 0 0 0 .498.36h1.677a.55.55 0 0 0 .535-.538c.005-.29-.279-.58-.567-.58m-7.852-2.834a1 1 0 0 0-.644-.253.95.95 0 0 0-.928.937c0 .501.43.933.928.933a.86.86 0 0 0 .644-.253.515.515 0 0 1 .75 0 .52.52 0 0 1 0 .754c-.357.358-.86.574-1.394.574a2 2 0 0 1-2.002-2.008c0-1.116.896-2.012 2.002-2.012.535 0 1 .216 1.394.574a.52.52 0 0 1 0 .754.515.515 0 0 1-.75 0"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: /* @__PURE__ */ a("path", {
-            fill: h,
+    }, t), {
+        children: /* @__PURE__ */ c("path", {
+            fill: e,
             d: "M16.752 9.036h.357c2.715 0 4.896 2.251 4.891 5.03 0 2.813-2.176 5.064-4.891 5.064h-5.107c-.215 0-.356-.148-.356-.374s.141-.374.356-.374h5.102c2.322 0 4.215-1.877 4.215-4.277s-1.893-4.31-4.178-4.31h-.32c0 .374-.074.787-.179 1.161-.073.154-.215.264-.356.264h-.105c-.179-.038-.325-.264-.252-.451.105-.375.178-.787.178-1.2V9.42c-.105-2.323-1.892-4.162-4.105-4.162-2.107 0-3.895 1.728-4.073 3.864.535.15 1.07.375 1.536.71.178.111.21.337.105.524s-.32.22-.498.11c-.677-.446-1.426-.71-2.25-.71-2.285 0-4.104 1.949-4.104 4.31 0 2.362 1.82 4.31 4.105 4.31h.891c.215 0 .357.15.357.375a.366.366 0 0 1-.357.375h-.891C4.144 19.126 2 16.836 2 14.062s2.144-5.064 4.823-5.026h.393C7.467 6.487 9.538 4.5 12.002 4.5s4.535 1.987 4.75 4.536M14.146 13.5c0 1.238-.964 2.251-2.144 2.251S9.858 14.738 9.858 13.5s.965-2.251 2.144-2.251 2.144 1.013 2.144 2.251m-2.144-1.536c-.786 0-1.426.677-1.426 1.498 0 .82.645 1.497 1.426 1.497.782 0 1.427-.676 1.427-1.497s-.64-1.498-1.427-1.498m3.964 1.536c.393 0 .891.264 1.106.787.146.303.215.975-.576 1.762-.142.153-.32.302-.498.451h.786c.215 0 .357.149.357.374 0 .226-.142.375-.357.375H15.07a.35.35 0 0 1-.32-.264.37.37 0 0 1 .105-.375c0-.014.138-.14.329-.314.255-.232.605-.551.85-.809.357-.34.499-.677.393-.902-.073-.226-.324-.336-.466-.336-.247 0-.498.149-.498.374 0 .226-.142.375-.357.375s-.356-.15-.356-.375c0-.633.54-1.123 1.216-1.123m-8.252-1.536c.393 0 .75.149 1.001.451a.334.334 0 0 0 .499 0 .375.375 0 0 0 0-.523 2.05 2.05 0 0 0-1.5-.638c-1.18 0-2.144 1.012-2.144 2.25 0 1.24.965 2.252 2.144 2.252.572 0 1.107-.226 1.5-.638a.375.375 0 0 0 0-.524.334.334 0 0 0-.499 0 1.37 1.37 0 0 1-1 .413c-.787 0-1.427-.677-1.427-1.497 0-.874.645-1.546 1.426-1.546m1.431 6.787c0-.413.32-.749.713-.749s.713.336.713.75c0 .412-.32.748-.713.748s-.713-.336-.713-.749"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, t), {
         children: [
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ c("path", {
+                fill: e,
                 d: "M18.75 12.25a2.5 2.5 0 0 1 2.5 2.5c0 .419-.144.825-.3 1.152a6 6 0 0 1-.561.92l-.01.01-1.857 2.418H20.5a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.595-1.207l2.786-3.625c.153-.208.3-.439.406-.661.113-.238.153-.409.153-.507a1 1 0 0 0-2 0 .75.75 0 0 1-1.5 0 2.5 2.5 0 0 1 2.5-2.5M5 7.25A2.75 2.75 0 0 1 7.75 10a.75.75 0 1 1-1.5 0 1.25 1.25 0 0 0-2.5 0v4a1.25 1.25 0 0 0 2.5 0 .75.75 0 0 1 1.5 0 2.75 2.75 0 0 1-5.5 0v-4A2.75 2.75 0 0 1 5 7.25m7 0A2.75 2.75 0 0 1 14.75 10v4a2.75 2.75 0 0 1-5.5 0v-4A2.75 2.75 0 0 1 12 7.25m0 1.5A1.25 1.25 0 0 0 10.75 10v4a1.25 1.25 0 0 0 2.5 0v-4A1.25 1.25 0 0 0 12 8.75"
             }),
-            /* @__PURE__ */ a("path", {
-                fill: h,
+            /* @__PURE__ */ c("path", {
+                fill: e,
                 d: "M10.114 2.544c2.107-.64 4.441-.221 6.13 1.132 1.446 1.156 2.235 2.853 2.154 4.605h.138c1.117 0 2.218.44 2.984 1.179a.75.75 0 0 1-1.04 1.08c-.478-.46-1.201-.759-1.944-.759h-.99a.75.75 0 0 1-.732-.913c.326-1.463-.227-2.997-1.506-4.02-1.207-.968-2.88-1.327-4.446-.953l-.311.084c-.496.151-.95.37-1.353.642a.75.75 0 0 1-.84-1.242 6.5 6.5 0 0 1 1.755-.834z"
             })
         ]
     }));
+    return h ? /*#__PURE__*/ l.cloneElement(o, {}, [
+        /* @__PURE__ */ c("defs", {
+            children: h
+        }, "gradient-defs"),
+        ...l.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { x as default };

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

@@ -78,52 +78,59 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c, 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 g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+import { jsx as a, jsxs as d } 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 n } from "../../skins/skin-contract.css-mistica.js";
+import { useIconGradient as g } from "../../utils/icon-gradient.js";
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = m(), e = i !== null && i !== void 0 ? i : o === "brand" || o === "media" ? r.colors.neutralHighBrand : o === "negative" ? r.colors.neutralHighNegative : r.colors.neutralHigh, { skinName: h } = n();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = v(), s = r === "brand" || r === "media" ? n.colors.neutralHighBrand : r === "negative" ? n.colors.neutralHighNegative : n.colors.neutralHigh, { fillValue: c, gradientDef: i } = g(m !== null && m !== void 0 ? m : s), { skinName: l } = f(), o = l.match(/^o2-new/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M12 5c2.463 0 4.534 1.76 4.963 4.094 2.784 0 5.037 2.224 5.037 4.953S19.751 19 17 19H7c-2.751 0-5-2.224-5-4.953s2.249-4.953 5-4.953h.073A5.03 5.03 0 0 1 12 5m-8.57 9.042c0 1.94 1.605 3.52 3.57 3.52h10c1.96 0 3.565-1.58 3.565-3.52s-1.604-3.52-3.57-3.52a5.5 5.5 0 0 1-.178.828c-.068.285-.356.5-.676.5-.073 0-.142 0-.215-.036-.357-.11-.571-.5-.498-.97a2.7 2.7 0 0 0 .141-.932v-.18c-.068-1.87-1.64-3.34-3.569-3.34-1.746 0-3.213 1.255-3.533 2.872a5.3 5.3 0 0 1 1.284.611c.32.216.43.685.215 1.006-.215.322-.68.432-1 .216A3.7 3.7 0 0 0 7 10.523c-1.96 0-3.57 1.58-3.57 3.52m8.853-2.33a2.004 2.004 0 0 0-2.001 2.013 2 2 0 1 0 3.999 0 1.994 1.994 0 0 0-1.998-2.012m-.927 2.013c0-.5.43-.932.927-.932a.95.95 0 0 1 .928.932.92.92 0 0 1-.928.933.95.95 0 0 1-.927-.933m5.534 2.15h-.32c.073-.073.105-.105.179-.142.822-.79.713-1.47.57-1.796-.214-.501-.712-.86-1.247-.86a1.36 1.36 0 0 0-1.357 1.365c0 .285.251.538.534.538a.55.55 0 0 0 .535-.538.28.28 0 0 1 .284-.285c.105 0 .251.074.283.18.037.142-.073.358-.32.61-.43.432-1.142 1.076-1.142 1.076-.179.142-.215.395-.142.61a.535.535 0 0 0 .498.36h1.677a.55.55 0 0 0 .535-.538c.005-.29-.279-.58-.567-.58m-7.852-2.834a1 1 0 0 0-.644-.253.95.95 0 0 0-.928.937c0 .501.43.933.928.933a.86.86 0 0 0 .644-.253.515.515 0 0 1 .75 0 .52.52 0 0 1 0 .754c-.357.358-.86.574-1.394.574a2 2 0 0 1-2.002-2.008c0-1.116.896-2.012 2.002-2.012.535 0 1 .216 1.394.574a.52.52 0 0 1 0 .754.515.515 0 0 1-.75 0"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
-        children: /* @__PURE__ */ c("path", {
-            fill: e,
+        children: /* @__PURE__ */ a("path", {
+            fill: c,
             d: "M12 5c2.463 0 4.534 1.76 4.963 4.094 2.784 0 5.037 2.224 5.037 4.953S19.751 19 17 19H7c-2.751 0-5-2.224-5-4.953s2.249-4.953 5-4.953h.073A5.03 5.03 0 0 1 12 5m-8.57 9.042c0 1.94 1.605 3.52 3.57 3.52h10c1.96 0 3.565-1.58 3.565-3.52s-1.604-3.52-3.57-3.52a5.5 5.5 0 0 1-.178.828c-.068.285-.356.5-.676.5-.073 0-.142 0-.215-.036-.357-.11-.571-.5-.498-.97a2.7 2.7 0 0 0 .141-.932v-.18c-.068-1.87-1.64-3.34-3.569-3.34-1.746 0-3.213 1.255-3.533 2.872a5.3 5.3 0 0 1 1.284.611c.32.216.43.685.215 1.006-.215.322-.68.432-1 .216A3.7 3.7 0 0 0 7 10.523c-1.96 0-3.57 1.58-3.57 3.52m8.853-2.33a2.004 2.004 0 0 0-2.001 2.013 2 2 0 1 0 3.999 0 1.994 1.994 0 0 0-1.998-2.012m-.927 2.013c0-.5.43-.932.927-.932a.95.95 0 0 1 .928.932.92.92 0 0 1-.928.933.95.95 0 0 1-.927-.933m5.534 2.15h-.32c.073-.073.105-.105.179-.142.822-.79.713-1.47.57-1.796-.214-.501-.712-.86-1.247-.86a1.36 1.36 0 0 0-1.357 1.365c0 .285.251.538.534.538a.55.55 0 0 0 .535-.538.28.28 0 0 1 .284-.285c.105 0 .251.074.283.18.037.142-.073.358-.32.61-.43.432-1.142 1.076-1.142 1.076-.179.142-.215.395-.142.61a.535.535 0 0 0 .498.36h1.677a.55.55 0 0 0 .535-.538c.005-.29-.279-.58-.567-.58m-7.852-2.834a1 1 0 0 0-.644-.253.95.95 0 0 0-.928.937c0 .501.43.933.928.933a.86.86 0 0 0 .644-.253.515.515 0 0 1 .75 0 .52.52 0 0 1 0 .754c-.357.358-.86.574-1.394.574a2 2 0 0 1-2.002-2.008c0-1.116.896-2.012 2.002-2.012.535 0 1 .216 1.394.574a.52.52 0 0 1 0 .754.515.515 0 0 1-.75 0"
         })
-    })) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : /* @__PURE__ */ d("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: [
-            /* @__PURE__ */ c("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: c,
                 d: "M18.75 12.25a2.5 2.5 0 0 1 2.5 2.5c0 .419-.144.825-.3 1.152a6 6 0 0 1-.561.92l-.01.01-1.857 2.418H20.5a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.595-1.207l2.786-3.625c.153-.208.3-.439.406-.661.113-.238.153-.409.153-.507a1 1 0 0 0-2 0 .75.75 0 0 1-1.5 0 2.5 2.5 0 0 1 2.5-2.5M5 7.25A2.75 2.75 0 0 1 7.75 10a.75.75 0 1 1-1.5 0 1.25 1.25 0 0 0-2.5 0v4a1.25 1.25 0 0 0 2.5 0 .75.75 0 0 1 1.5 0 2.75 2.75 0 0 1-5.5 0v-4A2.75 2.75 0 0 1 5 7.25m7 0A2.75 2.75 0 0 1 14.75 10v4a2.75 2.75 0 0 1-5.5 0v-4A2.75 2.75 0 0 1 12 7.25m0 1.5A1.25 1.25 0 0 0 10.75 10v4a1.25 1.25 0 0 0 2.5 0v-4A1.25 1.25 0 0 0 12 8.75"
             }),
-            /* @__PURE__ */ c("path", {
-                fill: e,
+            /* @__PURE__ */ a("path", {
+                fill: c,
                 d: "M10.114 2.544c2.107-.64 4.441-.221 6.13 1.132 1.446 1.156 2.235 2.853 2.154 4.605h.138c1.117 0 2.218.44 2.984 1.179a.75.75 0 0 1-1.04 1.08c-.478-.46-1.201-.759-1.944-.759h-.99a.75.75 0 0 1-.732-.913c.326-1.463-.227-2.997-1.506-4.02-1.207-.968-2.88-1.327-4.446-.953l-.311.084c-.496.151-.95.37-1.353.642a.75.75 0 0 1-.84-1.242 6.5 6.5 0 0 1 1.755-.834z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ h.cloneElement(o, {}, [
+        /* @__PURE__ */ a("defs", {
+            children: i
+        }, "gradient-defs"),
+        ...h.Children.toArray(o.props.children)
+    ]) : o;
 };
-export { g as default };
+export { x as default };