@telefonica/mistica 16.67.0 → 16.69.0

package/dist/generated/mistica-icons/icon-learn-data-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return M;
     }
 });
 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,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: o, size: a = 24 } = _param, t = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), l = o !== null && o !== void 0 ? o : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "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({
-        width: a,
-        height: a,
+    const a = (0, _themevariantcontext.useThemeVariant)(), m = a === "brand" || a === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : a === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: c, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: v } = (0, _hooks.useTheme)(), r = v.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: l,
+            fill: c,
             d: "M14.872 2.16c1.63 0 3.185.202 4.367.56 1.73.521 2.605 1.367 2.605 2.502V18.79c0 1.13-.874 1.975-2.605 2.502-1.188.35-2.745.551-4.367.551s-3.168-.198-4.359-.551c-1.731-.527-2.605-1.373-2.605-2.502v-.151c-.849-.644-1.997-.952-2.812-1.095a1.31 1.31 0 0 1-1.082-1.297v-2.342l-1.131-.501a1.25 1.25 0 0 1-.723-1.132c0-.501.275-.927.723-1.137l5.025-2.252V5.222c0-.182.025-.367.076-.544.249-.868 1.098-1.53 2.53-1.958 1.181-.358 2.727-.56 4.358-.56m-4.003 1.76c-.9.265-1.482.627-1.653 1.021.093.21.3.418.625.594.274.166.622.308 1.039.434 1.064.325 2.487.502 4.003.502 1.507 0 2.93-.174 3.994-.502.717-.21 1.241-.484 1.499-.787a.7.7 0 0 0 .16-.235c-.216-.485-.99-.818-1.656-1.028-1.073-.328-2.496-.504-4.011-.504-1.504 0-2.927.176-4 .504m9.725 5.716V6.597a5.7 5.7 0 0 1-1.347.577c-1.19.359-2.737.552-4.359.552-1.63 0-3.179-.193-4.366-.552a5.8 5.8 0 0 1-1.365-.585v2.008q.11.025.224.076l5.499 2.467.023.013q.037.019.067.038c1.473-.009 2.862-.182 3.918-.502.967-.29 1.516-.725 1.706-1.053m0 4.734v-3.078a5.6 5.6 0 0 1-1.347.594c-1.006.308-2.288.5-3.653.543a1.2 1.2 0 0 1-.714.972l-1.017.45v2.043c.334.025.684.034 1.025.034 1.505 0 2.928-.174 4-.502.975-.294 1.524-.737 1.706-1.056m-1.714 5.717c.784-.235 1.714-.652 1.714-1.297h-.003v-2.75c-.383.232-.84.434-1.347.593-1.182.359-2.736.552-4.358.552q-.7 0-1.373-.05a1.27 1.27 0 0 1-.731.409c-.849.148-2.048.476-2.905 1.162-.207.16-.44.26-.68.311.19.518.988.86 1.672 1.07 1.078.328 2.501.504 4 .504 1.507 0 2.93-.176 4.011-.504M8.77 17.72a.27.27 0 0 0 .334 0c1.067-.846 2.462-1.23 3.462-1.414l.034-1.883-3.221 1.44c-.16.076-.325.11-.502.11-.165 0-.341-.034-.498-.11l-3.12-1.398v1.782c1.041.244 2.447.627 3.512 1.473m.11-7.899-5.49 2.468 5.498 2.426 5.485-2.46z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: l,
+                fill: c,
                 d: "M16.247 12.294a.75.75 0 0 1 .586.034l5.5 2.728a.75.75 0 0 1-.047 1.365l-1.536.634v2.96c0 .906-.627 1.615-1.405 2.056-.793.45-1.817.679-2.845.679s-2.052-.23-2.845-.679c-.778-.44-1.405-1.15-1.405-2.055v-2.961l-1.536-.634a.751.751 0 0 1-.047-1.365l5.5-2.728zm.54 6.4a.75.75 0 0 1-.573 0l-2.464-1.02v2.342c0 .147.11.448.645.75.52.296 1.277.484 2.105.484s1.585-.188 2.105-.483c.535-.303.645-.604.645-.751v-2.341zm-3.974-3.029 3.687 1.523 3.686-1.523-3.686-1.828z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: c,
                 d: "M12 2.25c2.275 0 4.368.345 5.92.927.773.29 1.451.653 1.95 1.094.496.441.88 1.023.88 1.729v4.5a.75.75 0 0 1-1.5 0V8.184a7.6 7.6 0 0 1-1.33.64c-1.552.581-3.645.926-5.92.926s-4.368-.345-5.92-.927a7.6 7.6 0 0 1-1.33-.64V12c0 .165.128.489.756.889.6.381 1.507.728 2.653.976a.75.75 0 0 1-.318 1.467c-1.22-.265-2.294-.654-3.091-1.15V18c0 .206.206.631 1.143 1.108.873.445 2.156.808 3.699.998a.75.75 0 1 1-.184 1.489c-1.65-.204-3.117-.601-4.196-1.15C4.197 19.926 3.25 19.124 3.25 18V6c0-.706.384-1.288.88-1.729.499-.441 1.177-.804 1.95-1.094C7.632 2.595 9.725 2.25 12 2.25m0 1.5c-2.143 0-4.05.327-5.394.831-.674.253-1.168.536-1.48.813S4.75 5.877 4.75 6s.064.33.376.606c.312.277.806.56 1.48.813 1.344.504 3.251.831 5.394.831s4.05-.327 5.394-.831c.674-.253 1.168-.536 1.48-.813s.376-.483.376-.606-.064-.33-.376-.606c-.312-.277-.806-.56-1.48-.813C16.05 4.077 14.143 3.75 12 3.75"
             })
         ]
     }));
+    return l ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: l
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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 m = (_param)=>{
-    var { color: a, size: o = 24 } = _param, i = _object_without_properties(_param, [
+const C = (_param)=>{
+    var { color: l, size: n = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const r = (0, _themevariantcontext.useThemeVariant)(), l = a !== null && a !== void 0 ? a : r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    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: d, gradientDef: a } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : s), r = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: n,
+        height: n,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: d,
             d: "M16.11 4.53c.3-.07.6.1.68.38l3.69 13.41c.03.12.02.25-.04.37a.5.5 0 0 1-.26.24l-2.29.56c-.3.07-.6-.1-.68-.38v.01L13.52 5.71a.53.53 0 0 1 .04-.37.5.5 0 0 1 .26-.24l.12-.04zM8 4.5c.13 0 .26.06.35.15.1.09.15.22.15.35v14c0 .13-.06.25-.15.35s-.22.15-.35.15H6c-.13 0-.25-.06-.35-.15A.47.47 0 0 1 5.5 19V5c0-.13.06-.26.15-.35.09-.1.22-.15.35-.15zm4 0c.13 0 .26.06.35.15.1.09.15.22.15.35v14c0 .13-.06.25-.15.35s-.22.15-.35.15h-2a.5.5 0 0 1-.35-.15.47.47 0 0 1-.15-.35V5c0-.13.06-.26.15-.35.09-.1.22-.15.35-.15z"
         })
     }));
+    return a ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: a
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return s;
+        return V;
     }
 });
 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: e, size: t = 24 } = _param, l = _object_without_properties(_param, [
+const V = (_param)=>{
+    var { color: i, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useThemeVariant)(), i = e !== null && e !== void 0 ? e : 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: t,
-        height: t,
+    const t = (0, _themevariantcontext.useThemeVariant)(), s = t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: h, gradientDef: n } = (0, _icongradient.useIconGradient)(i !== null && i !== void 0 ? i : s), e = /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, l), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: h,
             d: "M8 3.25c.36 0 .708.112 1 .315.292-.203.64-.315 1-.315h2a1.75 1.75 0 0 1 1.37.664l.041-.017.038-.013.133-.04.044-.012 2.185-.53c.934-.225 1.92.309 2.181 1.261l3.695 13.418.002.007a1.77 1.77 0 0 1-1.138 2.128l-.133.04-.044.013-2.184.53h-.002c-.876.211-1.795-.246-2.123-1.088l-.057-.174-2.258-8.201V19A1.75 1.75 0 0 1 12 20.75h-2c-.36 0-.708-.113-1-.316-.292.203-.64.316-1 .316H6A1.75 1.75 0 0 1 4.25 19V5A1.75 1.75 0 0 1 6 3.25zm-2 1.5a.25.25 0 0 0-.25.25v14a.25.25 0 0 0 .25.25h2a.25.25 0 0 0 .25-.25V5A.25.25 0 0 0 8 4.75zm4 0a.25.25 0 0 0-.25.25v14a.25.25 0 0 0 .25.25h2a.25.25 0 0 0 .25-.25V5a.25.25 0 0 0-.25-.25zm6.163.008-2.152.523-.09.026a.27.27 0 0 0-.16.32l3.693 13.412c.036.13.194.246.382.202l2.156-.524.084-.025a.27.27 0 0 0 .163-.32l-3.693-13.41c-.037-.132-.195-.248-.383-.204"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(e, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(e.props.children)
+    ]) : e;
 };

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

@@ -6,12 +6,55 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return s;
+        return V;
     }
 });
 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: e = 24 } = _param, t = _object_without_properties(_param, [
+const V = (_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: 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), r = /* @__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: h,
             d: "M8 3.25c.36 0 .708.112 1 .315.292-.203.64-.315 1-.315h2a1.75 1.75 0 0 1 1.37.664l.041-.017.038-.013.133-.04.044-.012 2.185-.53c.934-.225 1.92.309 2.181 1.261l3.695 13.418.002.007a1.77 1.77 0 0 1-1.138 2.128l-.133.04-.044.013-2.184.53h-.002c-.876.211-1.795-.246-2.123-1.088l-.057-.174-2.258-8.201V19A1.75 1.75 0 0 1 12 20.75h-2c-.36 0-.708-.113-1-.316-.292.203-.64.316-1 .316H6A1.75 1.75 0 0 1 4.25 19V5A1.75 1.75 0 0 1 6 3.25zm-2 1.5a.25.25 0 0 0-.25.25v14a.25.25 0 0 0 .25.25h2a.25.25 0 0 0 .25-.25V5A.25.25 0 0 0 8 4.75zm4 0a.25.25 0 0 0-.25.25v14a.25.25 0 0 0 .25.25h2a.25.25 0 0 0 .25-.25V5a.25.25 0 0 0-.25-.25zm6.163.008-2.152.523-.09.026a.27.27 0 0 0-.16.32l3.693 13.412c.036.13.194.246.382.202l2.156-.524.084-.025a.27.27 0 0 0 .163-.32l-3.693-13.41c-.037-.132-.195-.248-.383-.204"
         })
     }));
+    return n ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: n
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,13 +135,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const f = (_param)=>{
-    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: h, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useThemeVariant)(), e = l !== null && l !== void 0 ? l : i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: i } = (0, _icongradient.useIconGradient)(h !== null && h !== void 0 ? h : m), { skinName: l } = (0, _hooks.useTheme)(), o = l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -108,7 +150,7 @@ const f = (_param)=>{
             fill: e,
             d: "M16.646 2H7.354a.72.72 0 0 0-.713.726v14.186c0 .4.32.726.713.726h2.858v3.673c0 .4.32.689.713.689h2.145c.393 0 .713-.289.713-.689v-3.673h2.858a.7.7 0 0 0 .499-.219.73.73 0 0 0 .214-.508V2.732A.72.72 0 0 0 16.646 2M3.32 10.222a.46.46 0 0 0 .357.144c.142 0 .284-.07.393-.182a.533.533 0 0 0-.036-.763 2.92 2.92 0 0 1-.965-2.146c0-.801.357-1.602.965-2.147.215-.181.215-.544.036-.763a.51.51 0 0 0-.75-.037C2.466 5.054 2 6.148 2 7.275c0 1.126.498 2.183 1.321 2.947m16.608-.038c.11.107.251.182.393.182a.44.44 0 0 0 .357-.144C21.534 9.495 22 8.402 22 7.275s-.498-2.184-1.321-2.947c-.215-.22-.535-.182-.75.037a.53.53 0 0 0 .036.763c.608.545.965 1.309.965 2.147s-.357 1.601-.965 2.146c-.215.181-.215.545-.036.763m-1.427-1.126q.164.217.43.219c.105 0 .21-.038.32-.15a2.3 2.3 0 0 0 .965-1.89c0-.763-.357-1.452-.965-1.89-.252-.144-.572-.111-.75.145-.142.256-.11.582.142.763.32.256.498.62.498 1.02s-.178.8-.498 1.02a.546.546 0 0 0-.142.763m-13.434.219a.6.6 0 0 1-.32-.108 2.3 2.3 0 0 1-.965-1.89c0-.763.357-1.452.965-1.89.252-.181.572-.107.75.145.178.25.105.581-.142.763-.32.219-.498.62-.498 1.02s.178.763.498 1.02c.252.18.284.507.142.763a.6.6 0 0 1-.43.177m5.144 4.362c0-1.02.787-1.82 1.788-1.82s1.788.8 1.788 1.82S13 15.459 12 15.459s-1.788-.8-1.788-1.82M12 10.734c-1.788 0-3.214-1.453-3.214-3.273S10.212 4.188 12 4.188s3.214 1.453 3.214 3.273-1.426 3.273-3.214 3.273m.713 2.905a.72.72 0 0 0-.713-.726.72.72 0 0 0-.713.726c0 .4.32.726.713.726a.72.72 0 0 0 .713-.726M12 5.278c-1.18 0-2.144.982-2.144 2.183S10.82 9.644 12 9.644s2.145-.982 2.145-2.183S13.18 5.278 12 5.278M10.573 7.46c0-.796.645-1.453 1.427-1.453s1.427.657 1.427 1.453-.64 1.452-1.427 1.452-1.427-.656-1.427-1.452"
         })
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
@@ -139,4 +181,10 @@ const f = (_param)=>{
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return S;
     }
 });
 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,30 +135,29 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: s, size: c = 24 } = _param, t = _object_without_properties(_param, [
+const S = (_param)=>{
+    var { color: l, size: c = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), h = s !== null && s !== void 0 ? s : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
-    return r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), m = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: i } = (0, _icongradient.useIconGradient)(l !== null && l !== void 0 ? l : m), { skinName: s } = (0, _hooks.useTheme)(), o = s.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M7.354 2h9.292a.71.71 0 0 1 .704.73v14.154a.72.72 0 0 1-.215.506.7.7 0 0 1-.498.219h-2.858v3.666c0 .4-.32.725-.714.725a.72.72 0 0 1-.713-.725V17.61h-.713v3.666c0 .4-.32.725-.713.725a.72.72 0 0 1-.714-.725V17.61H7.354a.72.72 0 0 1-.713-.725V2.724A.72.72 0 0 1 7.354 2m.718 14.159h7.86V3.454h-7.86zM12 10.718c1.788 0 3.214-1.45 3.214-3.267S13.788 4.179 12 4.179 8.786 5.63 8.786 7.446s1.426 3.271 3.214 3.271m2.145-3.267c0 1.199-.965 2.18-2.145 2.18s-2.144-.98-2.144-2.18S10.82 5.27 12 5.27s2.145.981 2.145 2.18M12 11.805c-1.001 0-1.788.8-1.788 1.817S11 15.439 12 15.439s1.788-.8 1.788-1.817c0-1.018-.787-1.817-1.788-1.817m-.713 1.817c0-.4.32-.725.713-.725a.72.72 0 0 1 .713.725c0 .4-.32.725-.713.725a.72.72 0 0 1-.713-.725M12 8.9c.787 0 1.427-.656 1.427-1.45S12.782 6 12 6s-1.427.655-1.427 1.45S11.213 8.9 12 8.9m.357-1.455c0 .219-.142.363-.357.363s-.357-.144-.357-.363c0-.218.142-.362.357-.362s.357.144.357.362M5.393 8.464c-.32-.256-.535-.618-.535-1.018s.178-.762.498-1.018c.252-.18.284-.506.142-.762-.178-.255-.498-.288-.75-.144-.608.474-.965 1.162-.965 1.924a2.3 2.3 0 0 0 .965 1.887.55.55 0 0 0 .32.107q.266-.002.43-.219c.178-.25.11-.613-.105-.757m-1.358-3.16a2.9 2.9 0 0 0-.965 2.142c0 .8.357 1.599.965 2.142.215.182.215.544.036.762a.6.6 0 0 1-.393.182.46.46 0 0 1-.357-.145C2.466 9.664 2 8.571 2 7.448c0-1.125.462-2.217 1.321-2.942a.51.51 0 0 1 .75.037.53.53 0 0 1-.036.762m15.217.255c-.252-.18-.572-.106-.75.145-.178.25-.105.58.142.762.32.218.498.618.498 1.017 0 .4-.178.762-.498 1.018-.252.181-.284.506-.142.762a.55.55 0 0 0 .43.218.6.6 0 0 0 .32-.106c.608-.474.965-1.162.965-1.924s-.357-1.455-.965-1.892m.677-1.013a.51.51 0 0 1 .75-.037C21.539 5.234 22 6.326 22 7.451s-.498 2.179-1.322 2.941a.46.46 0 0 1-.356.144.58.58 0 0 1-.393-.181.53.53 0 0 1 .036-.762 2.9 2.9 0 0 0 .965-2.142c0-.8-.357-1.599-.965-2.143-.215-.18-.215-.543-.036-.762"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : s.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M7.575 16.642h9.189c.204 0 .33.142.33.357s-.135.356-.34.356h-3.4v4.288c0 .215-.135.357-.34.357s-.34-.142-.34-.357v-4.288h-1.358v4.288c0 .215-.135.357-.34.357s-.34-.142-.34-.357v-4.288h-3.4c-.205 0-.34-.141-.34-.356V2.357c0-.215.135-.357.34-.357h9.523c.205 0 .34.142.34.357v10.358c0 .215-.135.357-.34.357-.204 0-.34-.142-.34-.357V2.713H7.576zm4.424-12.86c1.703 0 3.062 1.427 3.062 3.215s-1.359 3.213-3.062 3.213-3.06-1.426-3.06-3.213 1.358-3.214 3.06-3.214m0 5.715c1.329 0 2.383-1.106 2.383-2.5 0-1.395-1.054-2.5-2.383-2.5s-2.382 1.105-2.382 2.5c0 1.394 1.054 2.5 2.382 2.5m0 5.714c-.953 0-1.702-.786-1.702-1.787 0-.997.749-1.787 1.702-1.787.954 0 1.703.786 1.703 1.787s-.749 1.787-1.703 1.787m1.02-1.787c0-.603-.445-1.07-1.02-1.07-.574 0-1.019.467-1.019 1.07 0 .604.445 1.07 1.02 1.07.574 0 1.018-.462 1.018-1.07M10.64 6.997c0-.782.61-1.427 1.358-1.427.75 0 1.36.645 1.36 1.427 0 .781-.615 1.426-1.36 1.426-.744 0-1.358-.645-1.358-1.426m1.358.713c.375 0 .68-.32.68-.713 0-.394-.305-.714-.68-.714-.374 0-.679.32-.679.714s.305.713.68.713m5.444 7.145c0-.393-.305-.713-.68-.713-.378 0-.679.32-.679.713s.305.713.68.713c.374 0 .679-.32.679-.713M5.093 5.854c.17-.105.205-.32.07-.498-.1-.179-.305-.215-.475-.074a2.2 2.2 0 0 0-.85 1.715c0 .676.306 1.32.85 1.714l.011.006a.4.4 0 0 0 .194.067c.1 0 .204-.036.274-.142.1-.178.07-.393-.07-.498a1.44 1.44 0 0 1-.579-1.143c0-.466.2-.86.575-1.147m-.984-1.107a3.06 3.06 0 0 0-.954 2.25c0 .859.34 1.677.958 2.253.135.142.17.357.035.499-.035.068-.135.105-.24.105a.46.46 0 0 1-.231-.07l-.008-.003a3.86 3.86 0 0 1 0-5.568c.135-.142.34-.106.474.036.135.142.1.357-.034.498m15.206.535c-.17-.105-.374-.073-.474.074-.1.178-.07.393.07.498.34.251.579.676.579 1.143s-.205.86-.58 1.143c-.17.105-.204.32-.07.498a.31.31 0 0 0 .27.142.4.4 0 0 0 .194-.068l.011-.006c.51-.393.85-1.037.85-1.714 0-.676-.34-1.316-.85-1.71m.545-.996c.135-.142.34-.179.474-.037a3.68 3.68 0 0 1 1.194 2.711c0 1.07-.44 2.07-1.19 2.784a.37.37 0 0 1-.239.105.35.35 0 0 1-.24-.105c-.134-.142-.1-.357.036-.498.614-.572.953-1.395.953-2.25 0-.854-.34-1.677-.953-2.212-.135-.142-.17-.357-.035-.498"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -126,17 +168,23 @@ const p = (_param)=>{
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M12.5 2.25a.75.75 0 0 1 0 1.5H8.667a.87.87 0 0 0-.632.283c-.177.19-.285.457-.285.745v12.445c0 .287.108.555.285.744a.87.87 0 0 0 .632.283h6.666a.87.87 0 0 0 .632-.283c.177-.19.285-.457.285-.744V12a.75.75 0 0 1 1.5 0v5.223a2.6 2.6 0 0 1-.691 1.77 2.37 2.37 0 0 1-1.726.757h-.629a.8.8 0 0 1 .046.25v1a.75.75 0 0 1-1.5 0v-1c0-.088.018-.171.046-.25h-2.592a.8.8 0 0 1 .046.25v1a.75.75 0 0 1-1.5 0v-1c0-.088.018-.171.046-.25h-.629a2.37 2.37 0 0 1-1.726-.758 2.6 2.6 0 0 1-.691-1.77V4.779c0-.656.244-1.293.691-1.77a2.37 2.37 0 0 1 1.726-.758z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M12 8.25a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5m0 1.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m4.603-7.91a6.75 6.75 0 0 1 5.649 7.693.75.75 0 1 1-1.482-.227 5.25 5.25 0 0 0-4.395-5.985.75.75 0 0 1 .227-1.482"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M16.417 5.259a2.75 2.75 0 0 1 2.302 3.135.75.75 0 0 1-1.484-.228 1.25 1.25 0 0 0-1.046-1.425.75.75 0 0 1 .228-1.482"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };