@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,48 +135,47 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: c, size: a = 24 } = _param, i = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useThemeVariant)(), t = c !== null && c !== void 0 ? c : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: c } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: n } = (0, _hooks.useTheme)(), i = n.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"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M13.261 6.91c-.025-2.33-1.518-3.683-1.535-3.694a.603.603 0 0 1-.05-.852q.005-.004.005-.008a.62.62 0 0 1 .869-.045c.078.07 1.907 1.731 1.938 4.569.006.098.104 2.89-1.913 4.672a.616.616 0 0 1-.868-.05.604.604 0 0 1 .044-.855l.006-.005c1.549-1.368 1.506-3.635 1.504-3.729zm-2.59.026a3.22 3.22 0 0 0-.893-2.181l-.001-.001a.606.606 0 0 1-.05-.855l.005-.005a.62.62 0 0 1 .868-.045c.053.047 1.283 1.162 1.303 3.053.002.059.07 1.927-1.286 3.123a.6.6 0 0 1-.409.154.6.6 0 0 1-.46-.204.603.603 0 0 1 .043-.852q.003-.005.008-.005c.892-.79.872-2.128.871-2.18zM8.022 18.05c0 .216-.061.376-.17.485-.118.115-.292.174-.5.174-.21 0-.383-.056-.5-.174-.107-.11-.169-.269-.169-.485 0-.45.263-.658.67-.658.406 0 .67.21.67.658m-2.608.485c-.117.115-.291.174-.501.174s-.384-.056-.502-.174c-.106-.11-.168-.269-.168-.485 0-.45.264-.658.67-.658s.67.21.67.658c0 .216-.062.376-.169.485m16.426-1.294c0-.944-.252-1.675-.745-2.185-.513-.53-1.277-.795-2.263-.798H8.088v-7.33a.613.613 0 0 0-.617-.609.61.61 0 0 0-.616.608v7.33H5.17c-.992 0-1.754.27-2.27.796-.495.51-.744 1.244-.744 2.185v1.622c0 .941.25 1.678.745 2.188.515.526 1.277.795 2.269.795h13.658c.992 0 1.753-.269 2.269-.795.493-.507.745-1.244.745-2.185z"
         })
-    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M15.832 5.015c1.44 0 2.834.613 3.833 1.68A.706.706 0 0 1 19.63 7.7a.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.832-1.68m-5.449.731a.7.7 0 0 0 .513-.218 6.8 6.8 0 0 1 4.94-2.111c1.88 0 3.634.75 4.942 2.111a.714.714 0 0 0 1.003.023.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.841 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .018 1.003.68.68 0 0 0 .486.195m11.485 12.748a3.374 3.374 0 0 1-3.37 3.369H5.37A3.374 3.374 0 0 1 2 18.493a3.374 3.374 0 0 1 3.37-3.37h9.754v-5.32a.71.71 0 0 1 1.417 0v5.322h1.953a3.375 3.375 0 0 1 3.374 3.37m-15.259 0c0-.686-.554-1.24-1.24-1.24s-1.24.554-1.24 1.24a1.24 1.24 0 1 0 2.48 0"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M15.832 5.015c1.44 0 2.834.613 3.833 1.68A.706.706 0 0 1 19.63 7.7a.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.832-1.68m-5.449.731a.7.7 0 0 0 .513-.218 6.8 6.8 0 0 1 4.94-2.111c1.88 0 3.634.75 4.942 2.111a.714.714 0 0 0 1.003.023.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.841 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .018 1.003.68.68 0 0 0 .486.195m11.485 12.748a3.374 3.374 0 0 1-3.37 3.369H5.37A3.374 3.374 0 0 1 2 18.493a3.374 3.374 0 0 1 3.37-3.37h9.754v-5.32a.71.71 0 0 1 1.417 0v5.322h1.953a3.375 3.375 0 0 1 3.374 3.37m-15.259 0c0-.686-.554-1.24-1.24-1.24s-1.24.554-1.24 1.24a1.24 1.24 0 1 0 2.48 0"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,
@@ -145,4 +187,10 @@ const p = (_param)=>{
             })
         ]
     }));
+    return c ? /*#__PURE__*/ _react.cloneElement(i, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: c
+        }, "gradient-defs"),
+        ..._react.Children.toArray(i.props.children)
+    ]) : i;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,38 +135,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: o, size: e = 24 } = _param, c = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useThemeVariant)(), t = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: h } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), n = c.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"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M13.463 6.748c-.025-2.38-1.534-3.818-1.597-3.878l-.002-.001a.411.411 0 0 1 .549-.611c.075.067 1.84 1.689 1.87 4.465.007.104.102 2.829-1.842 4.566a.41.41 0 0 1-.58-.034.41.41 0 0 1 .034-.58c1.655-1.473 1.571-3.902 1.568-3.927m8.378 10.445c0-.952-.252-1.694-.745-2.207-.515-.532-1.277-.801-2.271-.801H7.875V6.776a.41.41 0 0 0-.818 0v7.406H5.169c-.992 0-1.753.272-2.269.804-.496.513-.745 1.255-.745 2.207v1.64c0 .952.25 1.694.745 2.206.516.535 1.277.804 2.269.804h13.658c.992 0 1.754-.269 2.27-.804.492-.512.744-1.255.744-2.207zm-.82 1.64c0 .733-.174 1.282-.516 1.638-.353.367-.916.552-1.675.552H5.17c-.76 0-1.322-.185-1.675-.552q-.514-.536-.515-1.639v-1.639c0-.733.173-1.283.515-1.638.35-.367.916-.552 1.675-.552h13.66c.76 0 1.322.185 1.675.552.342.356.516.905.516 1.638zm-15.437-.819c0-.454-.264-.664-.67-.664s-.67.21-.67.664c0 .219.06.381.169.49.117.12.291.177.501.177.213 0 .384-.059.502-.177.106-.112.168-.271.168-.49m2.437 0c0-.454-.264-.664-.67-.664s-.67.21-.667.664c0 .219.06.381.169.49.117.12.288.177.5.177.211 0 .382-.059.5-.177.106-.112.168-.271.168-.49M9.915 4.43c.04.037.943.89.96 2.346v.002c.002.064.036 1.493-.941 2.365a.41.41 0 0 0-.034.58l.003.003a.41.41 0 0 0 .577.03c1.28-1.148 1.218-2.94 1.216-3.002-.02-1.821-1.182-2.888-1.233-2.933a.41.41 0 0 0-.55.608z"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M15.833 5.016c1.44 0 2.834.613 3.833 1.68a.706.706 0 0 1-.036 1.003.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.833-1.68m-5.45.73a.7.7 0 0 0 .514-.217 6.8 6.8 0 0 1 4.94-2.112c1.88 0 3.634.75 4.942 2.112a.714.714 0 0 0 1.003.022.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.842 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .019 1.003.68.68 0 0 0 .486.196M5.37 17.256c-.686 0-1.24.554-1.24 1.24s.554 1.24 1.24 1.24a1.24 1.24 0 1 0 0-2.48m16.499 1.24a3.374 3.374 0 0 1-3.37 3.37H5.369A3.374 3.374 0 0 1 2 18.494a3.374 3.374 0 0 1 3.37-3.37h9.755V9.802a.71.71 0 0 1 1.417 0v5.323h1.952a3.375 3.375 0 0 1 3.375 3.37m-1.422 0a1.956 1.956 0 0 0-1.953-1.953H5.37a1.956 1.956 0 0 0-1.953 1.952c0 1.077.876 1.953 1.953 1.953h13.129a1.955 1.955 0 0 0 1.948-1.953"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M4.14 18.069c0 .786.64 1.426 1.426 1.426s1.426-.64 1.426-1.426c0-.787-.64-1.427-1.426-1.427-.787 0-1.427.64-1.427 1.427m2.143 0a.714.714 0 0 1-1.426 0 .714.714 0 0 1 1.426 0m9.642-13.034c1.348 0 2.66.576 3.597 1.578a.355.355 0 0 1-.018.502.354.354 0 0 1-.503-.018 4.18 4.18 0 0 0-3.07-1.347c-1.166 0-2.263.48-3.072 1.348a.355.355 0 0 1-.503.018.355.355 0 0 1-.018-.502 4.9 4.9 0 0 1 3.589-1.578m-5.733-.077a.355.355 0 0 1-.01-.503A7.9 7.9 0 0 1 15.93 2a7.9 7.9 0 0 1 5.746 2.455.354.354 0 0 1-.009.503.35.35 0 0 1-.247.1.35.35 0 0 1-.256-.11 7.2 7.2 0 0 0-5.23-2.235 7.2 7.2 0 0 0-5.229 2.236.366.366 0 0 1-.512.009M22 18.068a3.22 3.22 0 0 1-2.811 3.187.356.356 0 0 1-.398-.311.356.356 0 0 1 .31-.398 2.5 2.5 0 0 0 2.186-2.477 2.5 2.5 0 0 0-2.5-2.501H5.213a2.501 2.501 0 0 0 0 5.001h9.64a.357.357 0 0 1 0 .713h-9.64A3.215 3.215 0 0 1 2 18.07a3.215 3.215 0 0 1 3.214-3.214h10.359V9.497a.357.357 0 0 1 .713 0v5.358h2.5A3.22 3.22 0 0 1 22 18.069m-4.288 2.858a.714.714 0 0 1-1.426 0 .714.714 0 0 1 1.426 0"
@@ -133,7 +175,7 @@ const p = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,
@@ -149,4 +191,10 @@ const p = (_param)=>{
             })
         ]
     }));
+    return h ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: h
+        }, "gradient-defs"),
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        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,38 +135,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: o, size: e = 24 } = _param, c = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useThemeVariant)(), t = o !== null && o !== void 0 ? o : h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), s = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: l } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), n = c.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"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M13.258 6.91c-.025-2.305-1.518-3.683-1.535-3.697a.604.604 0 0 1-.044-.854l.002-.003a.62.62 0 0 1 .869-.045c.078.07 1.907 1.731 1.938 4.569.006.098.104 2.89-1.913 4.672a.623.623 0 0 1-.868-.048.606.606 0 0 1 .042-.854l.003-.002.002-.004c1.588-1.403 1.507-3.708 1.504-3.734m8.583 10.33c0-.94-.252-1.677-.745-2.184-.515-.53-1.277-.795-2.266-.795H8.085V6.927a.615.615 0 0 0-.617-.61.613.613 0 0 0-.616.61v7.33H5.17c-.992 0-1.754.267-2.27.796-.495.51-.744 1.244-.744 2.185v1.622c0 .941.25 1.678.745 2.188.515.529 1.277.795 2.269.795h13.658c.992 0 1.753-.266 2.269-.795.493-.507.745-1.244.745-2.185zm-1.233 1.62c.003.616-.134 1.067-.397 1.339q-.414.422-1.381.423H5.169c-.644 0-1.107-.143-1.381-.423-.266-.272-.4-.723-.4-1.339v-1.622c0-.616.134-1.067.4-1.339.274-.28.737-.423 1.38-.423h13.659c.641 0 1.106.143 1.381.423.266.272.4.723.4 1.34zM5.95 18.151c0-.518-.305-.759-.776-.759-.47 0-.773.241-.776.762 0 .25.07.434.197.56.137.135.336.196.58.196s.445-.064.58-.198c.125-.127.195-.311.195-.56m2.824 0c0-.518-.305-.759-.776-.759-.47 0-.776.241-.776.76 0 .249.07.433.196.56.137.134.336.198.58.198.246 0 .445-.064.58-.198.126-.127.196-.311.196-.56m1-13.397c.011.008.88.82.896 2.179v.002c.001.056.025 1.392-.874 2.183l-.005.005a.604.604 0 0 0-.045.855.62.62 0 0 0 .868.05c1.356-1.196 1.289-3.067 1.286-3.123-.023-1.894-1.25-3.009-1.303-3.056a.62.62 0 0 0-.874.053.603.603 0 0 0 .05.852"
         })
-    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M15.833 5.016c1.44 0 2.834.613 3.833 1.68a.706.706 0 0 1-.036 1.003.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.833-1.68m-5.45.73a.7.7 0 0 0 .514-.217 6.8 6.8 0 0 1 4.94-2.112c1.88 0 3.634.75 4.942 2.112a.714.714 0 0 0 1.003.022.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.842 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .019 1.003.68.68 0 0 0 .486.196M5.37 17.256c-.686 0-1.24.554-1.24 1.24s.554 1.24 1.24 1.24a1.24 1.24 0 1 0 0-2.48m16.499 1.24a3.374 3.374 0 0 1-3.37 3.37H5.369A3.374 3.374 0 0 1 2 18.494a3.374 3.374 0 0 1 3.37-3.37h9.755V9.802a.71.71 0 0 1 1.417 0v5.323h1.952a3.375 3.375 0 0 1 3.375 3.37m-1.422 0a1.956 1.956 0 0 0-1.953-1.953H5.37a1.956 1.956 0 0 0-1.953 1.952c0 1.077.876 1.953 1.953 1.953h13.129a1.955 1.955 0 0 0 1.948-1.953"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: t,
             d: "M15.833 5.016c1.44 0 2.834.613 3.833 1.68a.706.706 0 0 1-.036 1.003.706.706 0 0 1-1.004-.036 3.8 3.8 0 0 0-2.793-1.226 3.8 3.8 0 0 0-2.793 1.226.715.715 0 0 1-1.003.036A.715.715 0 0 1 12 6.696a5.26 5.26 0 0 1 3.833-1.68m-5.45.73a.7.7 0 0 0 .514-.217 6.8 6.8 0 0 1 4.94-2.112c1.88 0 3.634.75 4.942 2.112a.714.714 0 0 0 1.003.022.714.714 0 0 0 .023-1.003A8.2 8.2 0 0 0 15.842 2 8.2 8.2 0 0 0 9.88 4.548a.71.71 0 0 0 .019 1.003.68.68 0 0 0 .486.196M5.37 17.256c-.686 0-1.24.554-1.24 1.24s.554 1.24 1.24 1.24a1.24 1.24 0 1 0 0-2.48m16.499 1.24a3.374 3.374 0 0 1-3.37 3.37H5.369A3.374 3.374 0 0 1 2 18.494a3.374 3.374 0 0 1 3.37-3.37h9.755V9.802a.71.71 0 0 1 1.417 0v5.323h1.952a3.375 3.375 0 0 1 3.375 3.37m-1.422 0a1.956 1.956 0 0 0-1.953-1.953H5.37a1.956 1.956 0 0 0-1.953 1.952c0 1.077.876 1.953 1.953 1.953h13.129a1.955 1.955 0 0 0 1.948-1.953"
@@ -133,7 +175,7 @@ const p = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,
@@ -149,4 +191,10 @@ const p = (_param)=>{
             })
         ]
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return s;
+        return C;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 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, {
@@ -91,21 +134,26 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: t, size: e = 24 } = _param, l = _object_without_properties(_param, [
+const C = (_param)=>{
+    var { color: i, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), i = t !== null && t !== void 0 ? t : a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    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: m, gradientDef: a } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : s), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: m,
             d: "M10.326 2.166a.57.57 0 0 1 .803 0l1.818 1.819c.2.2.223.516.053.742l-1.364 1.818a.568.568 0 0 1-.909-.681l.671-.895c-4.884.22-7.262 2.823-7.262 7.943 0 5.35 2.602 7.952 7.952 7.952 5.314 0 7.917-2.562 7.958-7.827v-.126h.011a.568.568 0 0 1 1.114 0h.01v.137C21.132 19.148 17.79 22 12.088 22 6.345 22 3 19.105 3 12.912c0-5.866 3-8.778 8.198-9.07l-.873-.872a.57.57 0 0 1 0-.804m2.334 10.759 2.631 2.633c.23.215.243.575.028.802a.566.566 0 0 1-.801.029L11.69 13.56a.57.57 0 0 1-.166-.401V9.373a.57.57 0 0 1 1.139 0zm7.363-2.516a.568.568 0 1 0 0-1.136.568.568 0 0 0 0 1.136m-1.16-3.295a.568.568 0 1 1-1.136 0 .568.568 0 0 1 1.137 0m-3.022-1.25a.568.568 0 1 0 0-1.137.568.568 0 0 0 0 1.137m-3.75 12.5a5.455 5.455 0 1 0 0-10.91 5.455 5.455 0 0 0 0 10.91"
         })
     }));
+    return a ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: a
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

package/dist/generated/mistica-icons/icon-routine-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: 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 t = (0, _themevariantcontext.useThemeVariant)(), r = i !== null && i !== void 0 ? i : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "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: c, gradientDef: i } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: h } = (0, _hooks.useTheme)(), o = 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: r,
+            fill: c,
             d: "M10.385 2.112a.38.38 0 0 1 .54 0l1.818 1.818c.149.15.149.39 0 .54l-1.819 1.818a.382.382 0 1 1-.54-.54l1.163-1.163c-5.17.18-7.789 2.979-7.789 8.327 0 5.528 2.802 8.33 8.33 8.33 5.531 0 8.336-2.802 8.336-8.33v-.003h.001a.382.382 0 1 1 .75 0h.007v.003c0 6.193-3.35 9.088-9.094 9.088S3 19.105 3 12.912c0-6.001 3.14-8.91 8.56-9.085l-1.175-1.175a.38.38 0 0 1 0-.54m5.542 3.379a.382.382 0 1 0 0-.764.382.382 0 0 0 0 .764m2.837 1.436a.382.382 0 1 1-.764 0 .382.382 0 0 1 .764 0m1.39 3.11a.382.382 0 1 0 0-.764.382.382 0 0 0 0 .763m-4.997 5.653-2.686-2.688-.005-3.63a.378.378 0 0 0-.755 0v3.788c0 .1.041.197.11.27l2.8 2.796a.376.376 0 0 0 .525 0 .377.377 0 0 0 .01-.536"
         })
     })) : /* @__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: r,
+            fill: c,
             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 i ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };