@telefonica/mistica 16.67.0 → 16.69.0

package/dist/generated/mistica-icons/icon-tk-regular.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: o = 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: h, gradientDef: n } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : s), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: h,
             d: "M2.155 12.001c0 6.437 3.403 9.84 9.84 9.84 6.443 0 9.846-3.403 9.846-9.84 0-6.443-3.403-9.846-9.846-9.846-6.437 0-9.84 3.403-9.84 9.846m1.207 0c0-5.731 2.905-8.639 8.633-8.639 5.731 0 8.639 2.908 8.639 8.639 0 5.728-2.908 8.633-8.639 8.633-5.728 0-8.633-2.905-8.633-8.633m8.325-4.768a.404.404 0 0 1 .392.49l-.075.345a.4.4 0 0 1-.393.314H9.234v7.98a.403.403 0 0 1-.403.404H8.45a.4.4 0 0 1-.403-.404v-7.98H5.614a.403.403 0 0 1-.403-.403v-.345c0-.221.18-.403.403-.403h6.073zm7.045 9.325a.4.4 0 0 0-.006-.406l-2.93-4.865 2.698-3.404a.4.4 0 0 0 .047-.425.41.41 0 0 0-.364-.227h-.445a.4.4 0 0 0-.317.15l-3.428 4.317V7.634a.4.4 0 0 0-.403-.403h-.381a.403.403 0 0 0-.404.403v8.726c0 .224.18.403.404.403h.38a.403.403 0 0 0 .404-.404v-2.831l1.03-1.286 2.586 4.325c.073.12.202.196.345.196h.434a.4.4 0 0 0 .35-.205"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

package/dist/generated/mistica-icons/icon-tokens-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: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const C = (_param)=>{
+    var { color: i, size: o = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), i = o !== null && o !== void 0 ? o : 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: r,
-        height: r,
+    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: l } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : s), t = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: m,
             d: "m13.429 4.63-.015.034-.03.066-.004.01a11.5 11.5 0 0 1-1.846 2.881 11.6 11.6 0 0 1-3.95 2.931 12.7 12.7 0 0 0-2.031-2.457 8.4 8.4 0 0 0 2.19-1.11 8.6 8.6 0 0 0 2.83-3.4l.03-.068.004-.013q.03-.079.07-.153a1.52 1.52 0 0 1 2.694.029l.027.062.02.045.014.03.008.018c.133.353.13.744-.011 1.095M8.207 16.026a12.7 12.7 0 0 0-2.95 1.346 8.6 8.6 0 0 0-.327-2.294 8.5 8.5 0 0 0-2.386-3.885l-.005-.005-.075-.067-.005-.006A1.516 1.516 0 0 1 3.49 8.511h.023a1.5 1.5 0 0 1 1.073.445l.064.055c.835.78 1.547 1.68 2.116 2.671l.003.006a11.6 11.6 0 0 1 1.437 4.338m10.66 2.754a8.57 8.57 0 0 1 1.247-5.97 12.7 12.7 0 0 1-3.118-.657 11.58 11.58 0 0 0-.869 8.3c.108.29.302.542.555.721h.002l.013.009.04.027a1.521 1.521 0 0 0 2.304-1.61l-.03-.114a8 8 0 0 1-.144-.707m-6.83.991c.923.005 1.84.16 2.714.457a12.8 12.8 0 0 1-.302-3.226 11.6 11.6 0 0 0-5.386.115c-1.17.308-2.283.8-3.299 1.455l-.011.008q-.125.079-.26.173a1.5 1.5 0 0 0-.477.692l-.054.21a1.52 1.52 0 0 0 2.402 1.495l.01-.007q.296-.193.61-.36a8.5 8.5 0 0 1 4.016-1.011zm2.52-4.057c.19-1.407.611-2.774 1.245-4.044a12.9 12.9 0 0 1-3.785-2.679 12.9 12.9 0 0 1-3.797 2.687 13 13 0 0 1 1.242 4.031 12.9 12.9 0 0 1 5.095.005m7.002-4.614a1.52 1.52 0 0 0 .444-1.073 1.523 1.523 0 0 0-1.395-1.512l-.073-.005h-.015a8.46 8.46 0 0 1-5.991-3.188 12.8 12.8 0 0 1-1.658 2.705 11.6 11.6 0 0 0 4.064 2.734c1.097.435 2.253.698 3.43.78h.017l.025.001.08.002c.402 0 .787-.16 1.072-.444"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(t, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(t.props.children)
+    ]) : t;
 };

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return p;
     }
 });
 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 q = (_param)=>{
-    var { color: t, size: r = 24 } = _param, e = _object_without_properties(_param, [
+const p = (_param)=>{
+    var { color: i, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), h = 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({
+    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: s, gradientDef: o } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : h), l = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: s,
             d: "M22 10.196a2.254 2.254 0 0 0-2.07-2.246l-.021-.001-.063-.005h-.009a6.87 6.87 0 0 1-5.723-4.013 2.256 2.256 0 0 0-4.194-.009v.003l-.009.023-.003.006c-.09.193-.182.37-.292.562a6.87 6.87 0 0 1-5.421 3.428H4.19q-.091.003-.176.012l-.011.001h-.004a2.254 2.254 0 0 0-1.231 3.936l.004.004a6.85 6.85 0 0 1 1.938 3.15 6.96 6.96 0 0 1 .079 3.504q-.039.12-.064.246l-.006.03a2.258 2.258 0 0 0 3.402 2.332l.01-.006.005-.004.116-.077.005-.003q.236-.154.488-.29c1-.537 2.118-.818 3.254-.818h.03a6.93 6.93 0 0 1 3.758 1.13l.004.003.004.002.013.01.027.017.004.003a2.25 2.25 0 0 0 2.212.14 2.26 2.26 0 0 0 1.223-2.528q-.001-.01-.005-.019l-.026-.1a6.94 6.94 0 0 1 2.016-6.753l.043-.041.017-.019a2.25 2.25 0 0 0 .681-1.61m-2.902-1.774q.348.06.701.088h.009l.07.005h.001a1.687 1.687 0 0 1-.134 3.368l-.087-.002-.035-.002h-.01a10.8 10.8 0 0 1-3.22-.733 10.9 10.9 0 0 1-4-2.763 11.4 11.4 0 0 0 1.662-2.659l.001-.004q.027-.056.05-.113l.004-.009q.064-.162.105-.334a7.43 7.43 0 0 0 4.883 3.158m-4.505 7.33a11.4 11.4 0 0 0-5.171-.005 11.5 11.5 0 0 0-1.289-4.191 11.5 11.5 0 0 0 3.883-2.744 11.5 11.5 0 0 0 3.87 2.738 11.5 11.5 0 0 0-1.293 4.201M10.108 4.799a7 7 0 0 0 .333-.652l.005-.014a1.69 1.69 0 0 1 3.08-.13l.003.009.04.094.024.05c.152.398.148.837-.011 1.232l-.044.099-.002.005v.002a10.8 10.8 0 0 1-1.734 2.707 10.9 10.9 0 0 1-3.952 2.858 11.3 11.3 0 0 0-2.02-2.476 2.3 2.3 0 0 0-.349-.279 7.4 7.4 0 0 0 2.458-1.13 7.5 7.5 0 0 0 2.169-2.375M3.667 12a8 8 0 0 0-.507-.518l-.003-.003-.073-.067a1.687 1.687 0 0 1 1.136-2.9h.033a1.68 1.68 0 0 1 1.193.493l.037.032a10.8 10.8 0 0 1 2 2.52 10.9 10.9 0 0 1 1.382 4.334c-1.07.306-2.089.768-3.023 1.371l-.008.005q-.134.087-.285.19l-.017.012-.008.008A7.47 7.47 0 0 0 3.667 12m8.33 7.394a7.45 7.45 0 0 0-4.054 1.202l-.003.002-.004.002-.117.079a1.69 1.69 0 0 1-2.542-1.752l.001-.007q.03-.11.056-.214c.101-.31.29-.583.544-.787a9 9 0 0 1 .257-.17l.007-.005c.954-.616 2-1.078 3.098-1.367a10.9 10.9 0 0 1 5.306-.051 11.4 11.4 0 0 0 .3 3.297v.006q.04.165.086.337l.006.02.005.014a7.5 7.5 0 0 0-2.914-.605zm6.765-4.51a7.54 7.54 0 0 0-.07 3.874q.013.052.029.105a1.692 1.692 0 0 1-2.565 1.794l-.002-.002-.035-.023-.01-.007-.003-.002a1.7 1.7 0 0 1-.626-.818q-.044-.16-.081-.314l-.002-.007a10.87 10.87 0 0 1 1.02-7.721c1.012.377 2.074.606 3.152.681h.002l.057.004a2 2 0 0 0 .348-.01 7.5 7.5 0 0 0-1.214 2.446"
         })
     }));
+    return o ? /*#__PURE__*/ _react.cloneElement(l, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: o
+        }, "gradient-defs"),
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return s;
+        return q;
     }
 });
 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: o, size: r = 24 } = _param, t = _object_without_properties(_param, [
+const q = (_param)=>{
+    var { color: i, size: r = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), c = o !== null && o !== void 0 ? o : 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({
+    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: h, gradientDef: o } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : s), e = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: c,
+            fill: h,
             d: "M22 10.254a2.48 2.48 0 0 0-2.276-2.472l-.034-.003q-.026 0-.051-.004h-.013a6.37 6.37 0 0 1-5.305-3.721 2.483 2.483 0 0 0-4.614 0l-.002.006-.004.01v.003a6.37 6.37 0 0 1-5.297 3.7h-.005a2.481 2.481 0 0 0-1.56 4.34l.006.006q.228.211.437.445c.634.713 1.1 1.56 1.36 2.478a6.46 6.46 0 0 1 .074 3.246q-.04.127-.065.258l-.007.035a2.485 2.485 0 0 0 3.744 2.565l.02-.012.006-.005.108-.072.005-.002.003-.003a6.39 6.39 0 0 1 6.982.022h.002l.007.005.008.006.029.018.01.007a2.48 2.48 0 0 0 2.435.154 2.486 2.486 0 0 0 1.313-2.905 6.44 6.44 0 0 1 1.425-5.814 6 6 0 0 1 .37-.381l.002-.003.124-.115.014-.016A2.47 2.47 0 0 0 22 10.254m-3.16-1.433q.351.06.708.088h.01l.068.005a1.344 1.344 0 0 1-.108 2.683l-.07-.002h-.037a10.1 10.1 0 0 1-3.04-.692 10.3 10.3 0 0 1-3.6-2.422c.587-.735 1.08-1.54 1.468-2.397a7.5 7.5 0 0 0 4.6 2.737m-4.575 6.471a11.4 11.4 0 0 0-4.515-.004 11.5 11.5 0 0 0-1.1-3.572 11.4 11.4 0 0 0 3.364-2.38c.965.987 2.101 1.79 3.353 2.373a11.5 11.5 0 0 0-1.103 3.583M10.417 5.164a7 7 0 0 0 .343-.674l.004-.01a1.346 1.346 0 0 1 2.449-.117v.002l.042.095.02.042c.117.313.114.66-.01.97-.013.028-.026.06-.04.088l-.003.009v.001a10.2 10.2 0 0 1-1.635 2.553 10.3 10.3 0 0 1-3.499 2.597 11.3 11.3 0 0 0-1.8-2.178 7.5 7.5 0 0 0 1.94-.983 7.6 7.6 0 0 0 2.189-2.397zM4.132 11.81a7 7 0 0 0-.512-.522l-.004-.004-.066-.06-.004-.004a1.344 1.344 0 0 1 .785-2.3l.127-.008a1.34 1.34 0 0 1 .974.393l.057.05c.74.69 1.37 1.488 1.874 2.366a10.3 10.3 0 0 1 1.277 3.85c-.918.285-1.797.686-2.613 1.193a7.54 7.54 0 0 0-1.895-4.954m4.308 7.974a8 8 0 0 0-.54.32l-.008.005-.109.073a1.348 1.348 0 0 1-2.02-1.396q.027-.096.049-.187c.08-.24.226-.453.422-.614l.23-.153.01-.006a10.2 10.2 0 0 1 2.923-1.29 10.26 10.26 0 0 1 4.772-.102c-.033.96.057 1.921.267 2.859a7.53 7.53 0 0 0-5.996.491m9.842-5.06a7.6 7.6 0 0 0-.07 3.912q.011.05.026.101a1.348 1.348 0 0 1-2.042 1.427l-.038-.026-.01-.006a1.36 1.36 0 0 1-.49-.64q-.04-.145-.074-.284l-.002-.008c-.57-2.379-.27-4.884.845-7.062.893.309 1.82.504 2.762.581a7.6 7.6 0 0 0-.907 2.005"
         })
     }));
+    return o ? /*#__PURE__*/ _react.cloneElement(e, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: o
+        }, "gradient-defs"),
+        ..._react.Children.toArray(e.props.children)
+    ]) : e;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return w;
     }
 });
 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 f = (_param)=>{
-    var { color: l, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const w = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), i = l !== null && l !== void 0 ? l : o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "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 r = (0, _themevariantcontext.useThemeVariant)(), h = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: m } = (0, _hooks.useTheme)(), o = 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), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M21.843 4.394a.57.57 0 0 1-.09.347l-.005.011a9 9 0 0 1-.723.925q-.076.082-.157.16-.054.052-.106.106-.277.287-.577.549-.178.147-.364.285a9 9 0 0 1-.566.404q-.237.15-.482.288-.059.032-.114.068-.055.035-.113.067c.008.014.008.022.008.039.065.801.098 1.68.098 2.706 0 5.174-.865 8.837-4.77 9.672-.24.05-.496.084-.759.115l-.049.009q-.035.007-.074.01-.47.044-.986.045c-2.065 0-3.516-.551-4.521-1.557-1.678-1.675-2.118-4.6-2.118-8.294 0-1.025.031-1.924.098-2.74a4 4 0 0 1-.246-.147q-.072-.046-.146-.09-.066-.041-.133-.08-.15-.087-.293-.181c-.16-.106-.31-.223-.46-.34L4.09 6.69c-.118-.089-.236-.177-.347-.274-.185-.162-.356-.339-.527-.515l-.1-.099q-.085-.08-.163-.167a9 9 0 0 1-.703-.9.61.61 0 0 1 .04-.703.6.6 0 0 1 .142-.14.62.62 0 0 1 .72.04.7.7 0 0 1 .137.131 6 6 0 0 0 .423.55 7.64 7.64 0 0 0 2.675 2.089c1.513.717 3.404 1.081 5.622 1.081 2.77 0 4.989-.577 6.658-1.692a7.4 7.4 0 0 0 2.054-2.02.4.4 0 0 1 .067-.067l.025-.022a.62.62 0 0 1 .765-.081q.106.07.173.17c.068.096.09.208.093.323m-9.801 12.235a.61.61 0 0 0 .613-.608l-.036-7.05-.252.012a6 6 0 0 1-.356.013q-.187-.002-.363-.015a7 7 0 0 0-.264-.013l.039 7.059a.61.61 0 0 0 .616.602z"
         })
     })) : /* @__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), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M20 5.25a.75.75 0 0 1 0 1.5h-2.25V13a5.75 5.75 0 0 1-11.5 0V6.75H4a.75.75 0 0 1 0-1.5zm-8.75 6.15a.75.75 0 0 0 1.5 0V6.75h-1.5z"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

package/dist/generated/mistica-icons/icon-tongue-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: n, size: e = 24 } = _param, r = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: t = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), i = n !== null && n !== void 0 ? n : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+    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: l } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : s), { skinName: m } = (0, _hooks.useTheme)(), o = 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"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M21.07 3.994a.425.425 0 0 1 .583-.117.407.407 0 0 1 .117.571c-.843 1.258-1.977 2.224-3.361 2.93.03.053.056.112.062.176.067.813.1 1.715.1 2.754 0 6.106-1.098 9.894-6.563 9.894s-6.563-3.788-6.563-9.894c0-1.081.037-2.017.112-2.86a.2.2 0 0 1 .016-.056l.007-.02C4.199 6.67 3.064 5.7 2.224 4.44a.41.41 0 0 1 .12-.575.42.42 0 0 1 .583.118c1.728 2.594 4.784 3.908 9.076 3.908 4.285 0 7.339-1.311 9.067-3.897m-9.059 15.381c4.224 0 5.723-2.37 5.723-9.064 0-.97-.031-1.81-.09-2.574-1.479.602-3.227.924-5.232.963l.039 7.426a.42.42 0 0 1-.417.417h-.003a.414.414 0 0 1-.42-.412l-.04-7.428c-1.986-.042-3.722-.361-5.193-.958a33 33 0 0 0-.09 2.566c0 6.692 1.496 9.064 5.723 9.064"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, a), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: i,
             d: "M20 5.25a.75.75 0 0 1 0 1.5h-2.25V13a5.75 5.75 0 0 1-11.5 0V6.75H4a.75.75 0 0 1 0-1.5zM7.75 13a4.25 4.25 0 0 0 8.5 0V6.75h-3.5v4.65a.75.75 0 0 1-1.5 0V6.75h-3.5z"
         })
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };