@telefonica/mistica 16.68.0 → 16.70.0

package/dist/generated/mistica-icons/icon-routine-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: v, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), c = i !== null && i !== void 0 ? i : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
-    return l.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const r = (0, _themevariantcontext.useThemeVariant)(), s = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: h } = (0, _hooks.useTheme)(), a = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M11.129 2.166a.568.568 0 1 0-.803.804l.872.873C6.001 4.133 3 7.046 3 12.912 3 19.105 6.345 22 12.088 22c5.701 0 9.044-2.852 9.093-8.952v-.137h-.01a.568.568 0 0 0-1.114 0h-.01l-.001.09v.036c-.04 5.265-2.644 7.827-7.958 7.827-5.35 0-7.952-2.602-7.952-7.952 0-5.12 2.378-7.724 7.262-7.943l-.67.895a.568.568 0 1 0 .908.681L13 4.727a.57.57 0 0 0-.053-.742zm4.162 13.392-2.63-2.633.002-3.552a.57.57 0 0 0-1.138 0v3.787c0 .15.059.295.165.401l2.828 2.828a.566.566 0 0 0 .801-.029.566.566 0 0 0-.028-.802m5.3-5.717a.568.568 0 1 1-1.136 0 .568.568 0 0 1 1.136 0m-2.296-2.16a.568.568 0 1 0 0-1.136.568.568 0 0 0 0 1.137M16.41 5.296a.568.568 0 1 1-1.136 0 .568.568 0 0 1 1.136 0"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: i,
             d: "M11 18.94c.552 0 1 .445 1 .995v.01a1 1 0 0 1-1 .995c-.552 0-1-.446-1-.995v-.01c0-.55.448-.995 1-.995M8.72 3.855A8.782 8.782 0 0 1 20.08 15.44a8.8 8.8 0 0 1-3.13 3.81H20a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75v-5a.75.75 0 0 1 1.5 0v3.238a7.28 7.28 0 0 0 3.004-8.959 7.283 7.283 0 0 0-9.473-4.034.75.75 0 0 1-.56-1.391M7.16 17.37c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.447-.995 1-.995M4.63 14.1c.552 0 1 .446 1 .995v.01l-.005.102a1 1 0 0 1-.995.893 1 1 0 0 1-.995-.893l-.005-.102v-.01c0-.55.448-.995 1-.995M4.06 10c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.448-.995 1-.995m1.57-3.84c.552 0 1 .446 1 .995v.01c0 .55-.448.995-1 .995s-1-.445-1-.995v-.01c0-.55.448-.995 1-.995"
         })
     }));
+    return c ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: c
+        }, "gradient-defs"),
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

package/dist/generated/mistica-icons/icon-ruler-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,20 +135,19 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), c = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: d } = (0, _hooks.useTheme)(), t = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M21.845 17.345c0-.286-.098-.558-.266-.782l.028-.025L7.81 2.737l-.01.008-.22-.218c-.492-.496-1.358-.496-1.85 0L2.542 5.715a1.315 1.315 0 0 0 0 1.854l13.882 13.89c.246.25.574.384.924.384s.68-.134.927-.383l3.185-3.188c.247-.246.384-.577.384-.927M7.568 6.272a.429.429 0 0 1-.3-.734l1.378-1.356.605.605L7.867 6.15a.42.42 0 0 1-.3.123m3.792.627L8.982 9.28a.427.427 0 0 1-.605 0 .426.426 0 0 1 0-.605l2.378-2.38zm.49 3.538a.429.429 0 0 1-.3-.734l1.317-1.294.605.605-1.322 1.3a.43.43 0 0 1-.3.123m3.735.687-2.32 2.322a.426.426 0 0 1-.605 0 .426.426 0 0 1 0-.605l2.32-2.322zm.201 3.389a.43.43 0 0 1 .006-.605l1.297-1.275.605.605-1.303 1.28a.43.43 0 0 1-.605-.005m2.76 3.507a1.17 1.17 0 0 1-1.012.585 1.17 1.17 0 0 1-1.011-1.753 1.174 1.174 0 0 1 1.596-.429 1.17 1.17 0 0 1 .426 1.597"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +155,16 @@ const g = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M16.725 2.582a.5.5 0 0 1 .629.064l4 4a.5.5 0 0 1 0 .707l-14 14a.5.5 0 0 1-.707 0l-4-4a.5.5 0 0 1 0-.707l1.97-1.97a.25.25 0 0 1 .353 0l1.677 1.678a.5.5 0 0 0 .707-.708L5.677 13.97a.25.25 0 0 1 0-.354l1.94-1.94a.25.25 0 0 1 .353 0l1.677 1.678a.5.5 0 0 0 .707-.708L8.677 10.97a.25.25 0 0 1 0-.354l1.94-1.94a.25.25 0 0 1 .353 0l1.677 1.678a.5.5 0 0 0 .707-.708L11.677 7.97a.25.25 0 0 1 0-.354l1.94-1.94a.25.25 0 0 1 .353 0l1.677 1.677a.5.5 0 0 0 .707-.707L14.677 4.97a.25.25 0 0 1 0-.354l1.97-1.97z"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

package/dist/generated/mistica-icons/icon-ruler-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const a = (0, _themevariantcontext.useThemeVariant)(), h = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), l = m.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M21.838 17.338c0-.35-.138-.68-.384-.927L7.57 2.523c-.493-.496-1.358-.496-1.851 0L2.535 5.711c-.25.25-.384.577-.384.927-.003.347.138.68.384.924l13.882 13.891c.247.25.575.384.925.384s.68-.137.927-.384l3.185-3.188a1.3 1.3 0 0 0 .384-.927m-.99-.316a.45.45 0 0 1 0 .638l-3.187 3.188a.457.457 0 0 1-.639 0L3.14 6.958a.455.455 0 0 1 0-.642l3.188-3.19a.454.454 0 0 1 .638.002l1.359 1.359L7.078 5.71a.43.43 0 0 0-.005.608c.168.168.44.17.608.005l1.249-1.23 1.507 1.51L7.93 9.111a.426.426 0 0 0 0 .605.426.426 0 0 0 .605 0l2.507-2.51 1.507 1.508-1.328 1.305-.002.003a.428.428 0 0 0 .602.61l1.333-1.313 1.504 1.504-2.26 2.263a.426.426 0 0 0 0 .605.426.426 0 0 0 .605 0l2.263-2.26 1.507 1.51-1.496 1.47a.43.43 0 0 0-.005.605l.002.003a.425.425 0 0 0 .603.003l1.501-1.474zm-2.865.67a.525.525 0 0 1-.91-.527q.004-.002.003-.003a.52.52 0 0 1 .714-.19.53.53 0 0 1 .193.72m.563.319c.32-.56.126-1.275-.434-1.597h-.002v-.003a1.168 1.168 0 0 0-1.71 1.32 1.172 1.172 0 0 0 2.146.28"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M16.526 2.418a.75.75 0 0 1 1.004.052l4 4a.75.75 0 0 1 0 1.06l-14 14a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06l14-14zM15.561 5.5l.97.97a.75.75 0 0 1-1.061 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 0 1-1.06 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 0 1-1.06 1.06l-.97-.97L4.06 17 7 19.94 19.94 7 17 4.06z"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(l, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

package/dist/generated/mistica-icons/icon-ruler-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,20 +135,19 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const u = (_param)=>{
-    var { color: i, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const l = (0, _themevariantcontext.useThemeVariant)(), m = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: h } = (0, _hooks.useTheme)(), t = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M21.407 18.287c.58-.583.58-1.527 0-2.11L7.822 2.592a1.49 1.49 0 0 0-2.11 0L2.595 5.71a1.496 1.496 0 0 0 0 2.109L16.18 21.404a1.493 1.493 0 0 0 2.109 0zm-.888-1.222c.09.093.09.241 0 .33 0 0-3.12 3.121-3.12 3.119a.233.233 0 0 1-.328 0L3.483 6.928a.233.233 0 0 1 0-.328l3.12-3.12c.09-.09.235-.09.328 0l1.182 1.18-1.067 1.05a.63.63 0 0 0-.009.89l.003.003c.241.247.639.25.885.006L9.007 5.55l1.176 1.176-2.305 2.309a.63.63 0 0 0 0 .89l.002.003a.625.625 0 0 0 .886-.003l2.305-2.308 1.176 1.177L11.1 9.925a.626.626 0 0 0-.008.888l.002.003a.627.627 0 0 0 .886.003l1.156-1.137 1.18 1.176-2.065 2.064a.63.63 0 0 0 0 .891l.003.003a.625.625 0 0 0 .885-.003l2.067-2.061 1.177 1.176-1.314 1.291a.628.628 0 1 0 .883.897l1.319-1.3zm-2.75.46a.403.403 0 0 1-.56.148.41.41 0 0 1-.15-.56.41.41 0 0 1 .564-.146.41.41 0 0 1 .145.558m.733.409a1.24 1.24 0 0 0-.462-1.695 1.244 1.244 0 0 0-1.706.457 1.25 1.25 0 0 0 .457 1.705l.005.003a1.243 1.243 0 0 0 1.7-.46l.003-.004q0-.005.003-.006"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -113,10 +155,16 @@ const u = (_param)=>{
         height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M16.527 2.418a.75.75 0 0 1 1.003.052l4 4a.75.75 0 0 1 0 1.06l-14 14a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06l14-14zM15.56 5.5l.97.97a.75.75 0 1 1-1.061 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-1.94 1.94.97.97a.75.75 0 0 1-1.06 1.06l-.97-.97L4.06 17 7 19.94 19.94 7 17 4.06z"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

package/dist/generated/mistica-icons/icon-safety-belt-filled.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return B;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: l = 24 } = _param, r = _object_without_properties(_param, [
+const B = (_param)=>{
+    var { color: m, size: e = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const a = (0, _themevariantcontext.useThemeVariant)(), s = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: d } = (0, _hooks.useTheme)(), t = d.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "m12.028 8.724.042-.044.916-.922a.82.82 0 0 0 0-1.162l-2.322-2.328a.8.8 0 0 0-.554-.241l-1.723-.05L6.804 2.39a.82.82 0 0 0-1.16 0l-3.24 3.25a.825.825 0 0 0 0 1.165l1.594 1.6.112 1.668a.8.8 0 0 0 .238.527l2.322 2.33a.82.82 0 0 0 1.16 0zm9.577 9.628-3.24 3.246a.8.8 0 0 1-.58.241.8.8 0 0 1-.58-.24l-1.7-1.704-1.799-.106a.83.83 0 0 1-.532-.238l-2.46-2.462a.825.825 0 0 1 0-1.163l.376-.378-1.342-1.345a.82.82 0 0 1-.24-.582.83.83 0 0 1 .24-.583l3.241-3.25a.817.817 0 0 1 1.16 0l1.342 1.345.375-.375a.817.817 0 0 1 1.16 0l2.456 2.462a.82.82 0 0 1 .235.502l.169 1.748 1.72 1.72a.82.82 0 0 1 0 1.162"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M17.657 3.308a.5.5 0 0 1 .707 0l2.828 2.828a.5.5 0 0 1 0 .707l-2.678 2.679a.83.83 0 0 1 .246.54.68.68 0 0 1-.194.52l-1.2 1.2c.024.327.039.776-.127 1.204-.205.53-.466.815-.794 1.131l-1.408 1.406-.006.007-1.305 1.304c-.36.374-.799.665-1.29.856-.429.165-.808.179-1.148.168l-1.207 1.209c-.243.242-.636.255-.937.048l-.123-.101-2.678 2.678a.5.5 0 0 1-.707 0l-2.828-2.828a.5.5 0 0 1 0-.708l2.678-2.678a.83.83 0 0 1-.246-.54.68.68 0 0 1 .194-.519l1.2-1.201c-.024-.328-.039-.776.127-1.204.205-.53.466-.814.794-1.131l2.718-2.717c.361-.374.8-.665 1.291-.855.429-.166.807-.18 1.148-.17l1.207-1.207c.278-.278.752-.254 1.058.052zm-8.99 8.687-.009.008c-.28.27-.386.399-.491.669-.087.224-.04.343-.015.932a.68.68 0 0 1-.193.512l-.91.912 2.423 2.422.91-.91a.68.68 0 0 1 .514-.193c.477.02.638.03.881-.065.313-.12.592-.306.822-.544l.816-.816-3.838-3.838zm4.95-3.535a.68.68 0 0 1-.514.192c-.476-.02-.637-.03-.88.065a2.3 2.3 0 0 0-.822.544l-.816.816 3.837 3.837.911-.91.009-.007c.28-.27.386-.4.491-.67.086-.223.038-.342.014-.93a.68.68 0 0 1 .194-.514l.91-.91-2.423-2.423z"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

package/dist/generated/mistica-icons/icon-safety-belt-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,31 +135,36 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: l = 24 } = _param, r = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: m, size: a = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), o = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const e = (0, _themevariantcontext.useThemeVariant)(), s = e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), t = h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "m11.721 8.23.014-.017.97-.972a.41.41 0 0 0 0-.58l-2.426-2.428a.4.4 0 0 0-.28-.12l-1.978-.06-1.779-1.781a.42.42 0 0 0-.58 0l-3.386 3.39a.41.41 0 0 0 0 .579L4.06 8.028l.135 1.913a.4.4 0 0 0 .117.264l2.429 2.428c.16.16.417.157.577-.003l4.39-4.383zm-.624-.532L7.03 11.762 5 9.734l-.13-1.913a.4.4 0 0 0-.118-.263L3.147 5.952l2.804-2.806L7.556 4.75a.43.43 0 0 0 .28.12l1.978.06 2.022 2.021-.711.712-.014.017zM21.72 18.33a.41.41 0 0 0 0-.58l-1.904-1.905-.19-1.983a.4.4 0 0 0-.118-.252l-2.57-2.572a.41.41 0 0 0-.579 0l-.709.709-1.717-1.72a.41.41 0 0 0-.58 0l-3.389 3.39a.41.41 0 0 0 0 .58l1.72 1.72-.712.71a.41.41 0 0 0 0 .58l2.57 2.572c.07.073.164.115.265.12l2.05.12 1.894 1.9c.163.16.423.16.583 0zm-.87-.289-2.81 2.81-1.72-1.72a.4.4 0 0 0-.266-.12l-2.048-.121-2.168-2.168.711-.712a.41.41 0 0 0 0-.58l-1.72-1.72 2.81-2.809 1.714 1.72a.425.425 0 0 0 .583 0l.709-.709 2.176 2.177.194 1.986c.008.092.05.182.117.249z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M17.657 3.308a.5.5 0 0 1 .707 0l2.828 2.828a.5.5 0 0 1 0 .707L18.514 9.52a.83.83 0 0 1 .246.541.68.68 0 0 1-.194.52l-1.2 1.2c.024.327.039.776-.127 1.203-.205.53-.466.816-.794 1.132l-1.408 1.406-.006.007-1.304 1.304c-.361.374-.8.665-1.291.855-.429.166-.807.18-1.148.17l-1.207 1.207c-.278.278-.753.255-1.06-.052l-2.678 2.678a.5.5 0 0 1-.707 0l-2.828-2.828a.5.5 0 0 1 0-.708l2.678-2.678a.83.83 0 0 1-.246-.54.68.68 0 0 1 .194-.52l1.2-1.2c-.024-.328-.039-.777.127-1.204.205-.53.466-.815.794-1.131l2.719-2.717c.36-.374.799-.665 1.29-.855.429-.166.808-.18 1.148-.17l1.207-1.207c.278-.278.752-.254 1.059.052zm-8.99 8.687-.009.008c-.28.27-.386.399-.491.669-.087.223-.039.343-.015.931a.68.68 0 0 1-.193.513l-.91.911 2.423 2.423.91-.91a.68.68 0 0 1 .515-.193c.476.02.637.03.88-.064.313-.12.592-.307.822-.545l.815-.816-3.837-3.837zm4.95-3.535a.68.68 0 0 1-.514.192c-.476-.02-.637-.03-.88.065a2.3 2.3 0 0 0-.822.544l-.816.816 3.837 3.837.911-.91.009-.007c.28-.27.386-.4.491-.67.086-.223.038-.342.014-.93a.68.68 0 0 1 .194-.514l.91-.91-2.423-2.423z"
         })
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };