@telefonica/mistica 16.68.0 → 16.70.0

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+const _icongradient = require("../../utils/icon-gradient.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -92,37 +135,42 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const g = (_param)=>{
-    var { color: i, size: l = 24 } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: s, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), t = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
-    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const l = (0, _themevariantcontext.useThemeVariant)(), h = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: a, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : h), { skinName: d } = (0, _hooks.useTheme)(), r = d.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: t,
+            fill: a,
             d: "M11.081 2.155c.82 0 4.866.19 6.11 3.863 2.324.227 4.655 1.714 4.652 5.31 0 3.956-2.835 5.362-5.269 5.362l-.975.008-6.775 5.062a.36.36 0 0 1-.233.081.42.42 0 0 1-.252-.09.42.42 0 0 1-.112-.498l1.826-4.204-3.546-.28c-2.387-.143-4.347-1.194-4.347-4.485 0-2.583 1.378-3.647 2.45-4.09.194-5.748 5.407-6.039 6.471-6.039M9.583 20.172l6.325-4.897a.44.44 0 0 0 .095-.409.42.42 0 0 0-.3-.29s-3.028-.603-3.062-.707c-.042-.131 1.78-4.711 1.78-4.711.064-.182 0-.4-.169-.507a.4.4 0 0 0-.507.075l-5.938 6.592a.41.41 0 0 0-.09.406c.04.14.149.246.289.282 0 0 2.994.664 3.061.706.021.016.006.045-.011.078l-.022.049z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: a,
                 d: "M13.193 13.276q.073.018.142.053a.75.75 0 0 1 .336 1.006l-1.457 2.915H14l.097.006q.045.006.088.017l.023.007q.032.009.063.02l.03.014a.8.8 0 0 1 .198.128l.018.014.017.018.019.021q.046.05.085.11a.75.75 0 0 1 .096.548.8.8 0 0 1-.063.182l-2 4a.75.75 0 0 1-1.342-.67l1.457-2.915H11l-.097-.006a1 1 0 0 1-.088-.017l-.03-.01-.08-.03q-.03-.011-.057-.026l-.03-.017a1 1 0 0 1-.125-.093l-.014-.013-.047-.05-.018-.021a.74.74 0 0 1-.147-.621.8.8 0 0 1 .062-.18l2-4a.8.8 0 0 1 .184-.236.75.75 0 0 1 .68-.155"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
+                fill: a,
                 d: "M11.292 4.306a7 7 0 0 1 2.454.007c.81.147 1.583.437 2.274.855.692.419 1.29.96 1.758 1.594s.798 1.351.962 2.108c.1.455.136.919.115 1.38H19a4.253 4.253 0 0 1 4.25 4.25 4.25 4.25 0 0 1-1.244 3.006A4.25 4.25 0 0 1 19 18.75h-2.314c-.276 0-.47-.277-.446-.552a2.25 2.25 0 0 0-.327-1.381l-.08-.122a2.25 2.25 0 0 0-1.233-.863l.413-.826a2.25 2.25 0 0 0-1.007-3.019 2.25 2.25 0 0 0-2.905.807l-.114.2-2 4c-.189.38-.264.797-.227 1.205.024.275-.17.551-.446.551H7a5.57 5.57 0 0 1-3.845-1.525 5.16 5.16 0 0 1-1.61-3.725c0-1.403.584-2.742 1.61-3.724a5.55 5.55 0 0 1 3.27-1.497c.44-1.291 1.359-2.395 2.588-3.13a6.7 6.7 0 0 1 2.279-.843"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(r, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(r.props.children)
+    ]) : r;
 };

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

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return H;
     }
 });
 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 p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), l = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    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: r, gradientDef: i } = (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"
-    }, o), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "M11.063 2.155c.823 0 4.909.188 6.086 3.861 1.418.11 4.699.83 4.696 5.117 0 4.912-4.31 5.161-5.173 5.161l-1.852.011-5.158 5.414a.42.42 0 0 1-.297.126.414.414 0 0 1-.384-.563l1.793-4.82-.594-.134-.01.003-.026.005-3.76.017c-2.043 0-4.229-1.118-4.229-4.26 0-2.566 1.451-3.566 2.502-3.953.112-5.694 5.347-5.985 6.406-5.985m5.61 13.31c1.022 0 4.351-.311 4.354-4.33 0-3.777-2.94-4.267-4.2-4.303a.41.41 0 0 1-.387-.309c-.891-3.365-4.635-3.536-5.377-3.536-1.309 0-5.582.387-5.582 5.34l.006.116c0 .185-.124.35-.3.4-1.466.42-2.208 1.516-2.208 3.254 0 3.093 2.382 3.427 3.404 3.427l1.236-.006a.42.42 0 0 1 .092-.39l6.067-6.598a.41.41 0 0 1 .521-.07c.168.106.238.32.165.504l-1.81 4.721 3.127.707c.143.03.261.14.303.285a.42.42 0 0 1-.098.407l-.367.386zm-4.96.846-1.264 3.38 4.433-4.652-2.878-.65a.41.41 0 0 1-.272-.21.41.41 0 0 1-.02-.345l1.209-3.152-4.12 4.483 2.618.594c.114.025.215.1.271.207a.42.42 0 0 1 .023.345"
         })
     })) : /* @__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"
-    }, o), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M12.33 13.665a.75.75 0 0 1 1.341.67l-1.457 2.915h1.787a.75.75 0 0 1 .67 1.085l-2 4a.75.75 0 0 1-1.341-.67l1.457-2.915H11a.75.75 0 0 1-.67-1.085z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: l,
+                fill: r,
                 d: "M11.292 4.305a7 7 0 0 1 2.454.007c.81.148 1.582.437 2.274.856a6.1 6.1 0 0 1 1.758 1.594c.468.634.797 1.35.962 2.108.099.455.136.918.114 1.38H19a4.252 4.252 0 0 1 3.005 7.256A4.25 4.25 0 0 1 19 18.75h-1a.75.75 0 0 1 0-1.5h1a2.75 2.75 0 0 0 2.75-2.75A2.75 2.75 0 0 0 19 11.75h-1a.75.75 0 0 1-.732-.914 3.8 3.8 0 0 0 .006-1.647 4 4 0 0 0-.703-1.537 4.6 4.6 0 0 0-1.328-1.201 5.2 5.2 0 0 0-1.766-.663 5.5 5.5 0 0 0-1.925-.005 5.2 5.2 0 0 0-1.771.653c-1.078.644-1.803 1.632-2.05 2.728A.75.75 0 0 1 7 9.75c-1.06 0-2.069.403-2.808 1.11a3.65 3.65 0 0 0-1.147 2.64c0 .983.409 1.934 1.147 2.64A4.07 4.07 0 0 0 7 17.25a.75.75 0 0 1 0 1.5 5.57 5.57 0 0 1-3.845-1.526 5.15 5.15 0 0 1-1.61-3.724c0-1.403.584-2.742 1.61-3.724a5.55 5.55 0 0 1 3.27-1.497c.439-1.291 1.358-2.396 2.587-3.13a6.7 6.7 0 0 1 2.28-.844"
             })
         ]
     }));
+    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-storm-regular.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return H;
     }
 });
 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,28 +135,27 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: i, size: a = 24 } = _param, o = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: h, size: t = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), r = i !== null && i !== void 0 ? i : e === "brand" || e === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : e === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: c } = (0, _hooks.useTheme)();
-    return c.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    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: r, gradientDef: i } = (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"
-    }, o), {
+    }, n), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: r,
             d: "M11.076 2.16c.824 0 4.863.19 6.11 3.793 2.327.218 4.655 1.675 4.655 5.201 0 3.88-2.835 5.255-5.266 5.255l-1.728.009-4.992 5.238a.594.594 0 0 1-.756.092.61.61 0 0 1-.244-.73l1.675-4.5-.322-.072-.01.002-.015.003-3.684.017c-2.1 0-4.344-1.148-4.344-4.372 0-2.535 1.384-3.583 2.454-4.014.193-5.63 5.406-5.922 6.467-5.922m5.493 13.03c.958 0 4.065-.29 4.065-4.038 0-3.521-2.737-3.978-3.916-4.012a.61.61 0 0 1-.566-.453c-.838-3.152-4.373-3.311-5.073-3.311-1.235 0-5.266.364-5.266 5.025l.006.112a.61.61 0 0 1-.44.588c-1.336.384-2.014 1.39-2.014 2.989 0 2.843 2.19 3.151 3.132 3.151l1.008-.002a.6.6 0 0 1 .146-.317l5.94-6.462a.6.6 0 0 1 .763-.101.616.616 0 0 1 .243.74l-1.689 4.403 2.832.641a.613.613 0 0 1 .303 1.02l-.028.03zm-4.7.598a.61.61 0 0 1 .034.504l-.888 2.386 3.414-3.58-2.47-.557a.61.61 0 0 1-.432-.818l.804-2.095-3.081 3.35 2.219.504c.17.04.316.151.4.306"
         })
     })) : /* @__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"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: r,
@@ -125,4 +167,10 @@ const p = (_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-subscription-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,51 +135,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const f = (_param)=>{
-    var { color: r, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: m, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useThemeVariant)(), h = r !== null && r !== void 0 ? r : t === "brand" || t === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : t === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const l = (0, _themevariantcontext.useThemeVariant)(), s = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: c } = (0, _hooks.useTheme)(), o = 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"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: t,
             d: "M17.739 12.166V22H3.908V2h13.83v.944a5 5 0 0 0-.364-.02 4.48 4.48 0 0 0-3.213 1.357 4.65 4.65 0 0 0-1.333 3.276c0 1.238.475 2.4 1.332 3.272a4.48 4.48 0 0 0 3.214 1.356c.121 0 .242-.01.363-.019m-.364-6.648q.189.002.364.038v4.002a2 2 0 0 1-.364.038A1.97 1.97 0 0 1 15.96 9a2.05 2.05 0 0 1-.586-1.442c0-.545.209-1.057.586-1.441.378-.384.88-.598 1.416-.598m-2.91 11.115h-7.28a.55.55 0 0 0-.546.554c0 .308.243.555.545.555h7.276c.307 0 .55-.251.55-.555a.55.55 0 0 0-.546-.555m.544-2.779a.55.55 0 0 0-.545-.555h-7.28a.55.55 0 0 0-.545.555c0 .308.243.555.545.555h7.276c.307 0 .55-.252.55-.555m6.148-7.61a.54.54 0 0 1 .773 0 .567.567 0 0 1 .005.787L20.52 8.472l-1.416-1.441a.56.56 0 0 1 0-.787.53.53 0 0 1 .61-.11 2.7 2.7 0 0 0-.41-.545 2.686 2.686 0 0 0-3.857 0 2.78 2.78 0 0 0-.8 1.963c0 .74.284 1.437.801 1.963a2.686 2.686 0 0 0 3.857 0 .54.54 0 0 1 .773 0 .56.56 0 0 1 0 .788 3.76 3.76 0 0 1-2.702 1.138 3.76 3.76 0 0 1-2.701-1.138 3.9 3.9 0 0 1-1.118-2.75c0-1.039.396-2.016 1.118-2.75a3.76 3.76 0 0 1 2.701-1.139c1.02 0 1.98.403 2.702 1.138.438.446.75.991.931 1.594z"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : 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"
-    }, e), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: t,
             d: "M17.739 12.166V22H3.908V2h13.83v.944a5 5 0 0 0-.364-.02 4.48 4.48 0 0 0-3.213 1.357 4.65 4.65 0 0 0-1.333 3.276c0 1.238.475 2.4 1.332 3.272a4.48 4.48 0 0 0 3.214 1.356c.121 0 .242-.01.363-.019m-.364-6.648q.189.002.364.038v4.002a2 2 0 0 1-.364.038A1.97 1.97 0 0 1 15.96 9a2.05 2.05 0 0 1-.586-1.442c0-.545.209-1.057.586-1.441.378-.384.88-.598 1.416-.598m-2.91 11.115h-7.28a.55.55 0 0 0-.546.554c0 .308.243.555.545.555h7.276c.307 0 .55-.251.55-.555a.55.55 0 0 0-.546-.555m.544-2.779a.55.55 0 0 0-.545-.555h-7.28a.55.55 0 0 0-.545.555c0 .308.243.555.545.555h7.276c.307 0 .55-.252.55-.555m6.148-7.61a.54.54 0 0 1 .773 0 .567.567 0 0 1 .005.787L20.52 8.472l-1.416-1.441a.56.56 0 0 1 0-.787.53.53 0 0 1 .61-.11 2.7 2.7 0 0 0-.41-.545 2.686 2.686 0 0 0-3.857 0 2.78 2.78 0 0 0-.8 1.963c0 .74.284 1.437.801 1.963a2.686 2.686 0 0 0 3.857 0 .54.54 0 0 1 .773 0 .56.56 0 0 1 0 .788 3.76 3.76 0 0 1-2.702 1.138 3.76 3.76 0 0 1-2.701-1.138 3.9 3.9 0 0 1-1.118-2.75c0-1.039.396-2.016 1.118-2.75a3.76 3.76 0 0 1 2.701-1.139c1.02 0 1.98.403 2.702 1.138.438.446.75.991.931 1.594z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M19.47 13.47a.75.75 0 0 1 1.06 0l2 2 .052.056.015.022.012.017.027.04a1 1 0 0 1 .048.091l.015.035a.8.8 0 0 1 .049.254v.035a1 1 0 0 1-.01.103l-.006.032a1 1 0 0 1-.039.132 1 1 0 0 1-.065.121q-.021.034-.046.066l-.016.016-.036.04-2 2a.75.75 0 0 1-1.06-1.06l.72-.72H19l-.137.004a2.25 2.25 0 0 0-1.28.499l-.077.064a2.24 2.24 0 0 0-.74 1.415 2.252 2.252 0 0 0 3.734 1.945.75.75 0 0 1 1 1.118 3.75 3.75 0 0 1-4.978.02 3.75 3.75 0 0 1-1.273-2.835l.007-.199A3.757 3.757 0 0 1 19 15.25h1.19l-.72-.72a.75.75 0 0 1 0-1.06"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M11.65 2.5a.6.6 0 0 1 .6.6V7A1.75 1.75 0 0 0 14 8.75h3.9a.6.6 0 0 1 .6.6v2.8c0 .112-.05.22-.127.301-.303.32-.507.72-.585 1.151a.48.48 0 0 1-.322.377 5.25 5.25 0 0 0-2.602 1.787l-.188.257a5.25 5.25 0 0 0-.889 2.354 5.26 5.26 0 0 0 .414 2.746c.077.173-.046.377-.235.377H6A2.5 2.5 0 0 1 3.5 19V5A2.5 2.5 0 0 1 6 2.5zM8 16.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zm0-4a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5zm0-6a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: t,
                 d: "M17.957 7.25H14a.25.25 0 0 1-.25-.25V3.043z"
             })
         ]
     }));
+    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-subscription-light.js

@@ -6,13 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return A;
     }
 });
 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,51 +135,56 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const p = (_param)=>{
-    var { color: c, size: l = 24 } = _param, t = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: m, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useThemeVariant)(), h = c !== null && c !== void 0 ? c : 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({
-        width: l,
-        height: l,
+    const l = (0, _themevariantcontext.useThemeVariant)(), s = l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: i } = (0, _icongradient.useIconGradient)(m !== null && m !== void 0 ? m : s), { skinName: h } = (0, _hooks.useTheme)(), o = h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "m21.546 6.938-1.368 1.415-1.368-1.415a.56.56 0 0 1 0-.772.51.51 0 0 1 .553-.121 2.584 2.584 0 0 0-4.037-.391c-1.025 1.06-1.025 2.792 0 3.858a2.584 2.584 0 0 0 3.731 0 .515.515 0 0 1 .747 0 .56.56 0 0 1 0 .773 3.6 3.6 0 0 1-2.133 1.08V22H4.31V2h13.36v1.801a3.6 3.6 0 0 1 2.133 1.08c.387.4.68.884.864 1.42l.13-.135a.515.515 0 0 1 .748 0 .56.56 0 0 1 0 .772m-7.038 5.967h-7.03a.71.71 0 0 0-.702.726c0 .4.315.726.702.726h7.03a.715.715 0 0 0 .702-.726c0-.4-.315-.726-.703-.726m-7.03 3.277h7.03c.387 0 .702.326.702.726s-.315.726-.703.726H7.479a.715.715 0 0 1-.702-.726c0-.4.315-.726.702-.726m8.79-12.73H5.717v17.091h10.55v-9.271a3.6 3.6 0 0 1-1.68-.992c-1.44-1.49-1.44-3.91 0-5.399a3.63 3.63 0 0 1 1.68-.991z"
         })
-    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: h,
+            fill: e,
             d: "M21.464 6.375a.36.36 0 0 1 .518 0c.146.143.146.38.004.527L20.688 8.21l-1.299-1.308a.365.365 0 0 1 0-.522.36.36 0 0 1 .518 0l.466.47a2.96 2.96 0 0 0-.73-1.257 2.926 2.926 0 0 0-4.159 0 2.98 2.98 0 0 0 0 4.19 2.926 2.926 0 0 0 4.16 0 .363.363 0 0 1 .517 0 .365.365 0 0 1 0 .522 3.65 3.65 0 0 1-2.597 1.081c-.941 0-1.882-.36-2.597-1.08a3.725 3.725 0 0 1 0-5.239 3.65 3.65 0 0 1 2.206-1.062.3.3 0 0 1-.028-.133V2.74H4.649v18.52h12.863c.202 0 .367.166.367.37s-.165.37-.367.37H3.91V2h13.969v1.872q-.002.066-.024.124a3.65 3.65 0 0 1 2.31 1.071c.457.46.772 1.038.937 1.673zM17.88 17.184v-4.447a.37.37 0 0 0-.367-.37.37.37 0 0 0-.367.37v4.447c0 .203.165.37.367.37a.37.37 0 0 0 .367-.37m.367 2.218c0 .408-.33.74-.734.74a.74.74 0 0 1-.734-.74c0-.407.33-.74.734-.74.405 0 .734.333.734.74M7.218 13.477h7.353c.203 0 .363.165.363.37a.37.37 0 0 1-.367.37h-7.35a.37.37 0 0 1-.366-.37c0-.204.164-.37.367-.37m7.353 3.337H7.218a.37.37 0 0 0-.367.37c0 .204.164.37.367.37h7.349a.37.37 0 0 0 .367-.37c0-.204-.16-.37-.363-.37"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: t,
+        height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M19.47 13.47a.75.75 0 0 1 1.06 0l2 2a1 1 0 0 1 .067.078l.011.015a1 1 0 0 1 .073.127l.018.042a1 1 0 0 1 .034.117l.004.027q.01.053.011.11v.034a1 1 0 0 1-.01.103l-.006.032a1 1 0 0 1-.039.132.8.8 0 0 1-.108.183l-.019.02-.036.04-2 2a.75.75 0 1 1-1.06-1.06l.72-.72H19a2.25 2.25 0 1 0 1.5 3.927.75.75 0 0 1 1 1.118A3.75 3.75 0 1 1 19 15.25h1.19l-.72-.72a.75.75 0 0 1 0-1.06"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M13 2.25q.072 0 .14.014h.01l.041.013c.034.01.067.017.098.03q.044.02.084.046.023.011.044.024.054.037.1.082l.013.01 5 5c.136.136.22.324.22.531v3a.75.75 0 0 1-1.5 0V8.75H14a1.746 1.746 0 0 1-1.75-1.752V3.75H6A1.25 1.25 0 0 0 4.75 5v14A1.25 1.25 0 0 0 6 20.25h6.5a.75.75 0 0 1 0 1.5H6A2.75 2.75 0 0 1 3.25 19V5A2.75 2.75 0 0 1 6 2.25zm.75 4.752a.25.25 0 0 0 .152.23q.046.018.096.018h2.191L13.75 4.81z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: h,
+                fill: e,
                 d: "M10 16.25a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5zm2-4a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5zm-3-6a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5z"
             })
         ]
     }));
+    return i ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+        /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+            children: i
+        }, "gradient-defs"),
+        ..._react.Children.toArray(o.props.children)
+    ]) : o;
 };