@telefonica/mistica 16.71.0 → 17.0.0

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

@@ -136,50 +136,40 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const M = (_param)=>{
-    var { color: v, size: t = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useThemeVariant)(), s = h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: i } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: l } = (0, _hooks.useTheme)(), n = l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: v } = (0, _hooks.useTheme)(), n = v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M2 6v12h20V6zm4.257 3.2v5.6c0 .333.246.6.555.6.308 0 .554-.267.554-.6v-2.2h2.963v2.2c0 .333.246.6.555.6.308 0 .554-.267.554-.6V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6v2.2H7.366V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6M18.108 12c0-1.94-1.431-3.4-3.333-3.4h-2.223v6.8h2.223c1.902 0 3.333-1.46 3.333-3.4m-4.442-2.201h1.11c1.289 0 2.223.926 2.223 2.201s-.934 2.201-2.223 2.201h-1.11zM3.48 16.398V7.602h17.037v8.796z"
         })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
-            d: "M22 6v11.613h-1.48a.38.38 0 0 1-.37-.386.38.38 0 0 1 .37-.386h.74V6.773H2.74v10.063h13.333c.204 0 .37.173.37.386a.38.38 0 0 1-.37.387H2V6zm-3.703 10.454c-.408 0-.74.347-.74.773s.332.773.74.773.74-.347.74-.773-.332-.773-.74-.773m-3.518-1.55c1.735 0 3.148-1.477 3.148-3.29 0-1.814-1.413-3.29-3.148-3.29h-2.04v6.58zm2.408-3.29c0 1.387-1.08 2.516-2.408 2.516h-1.295V9.098h1.295c1.327 0 2.408 1.13 2.408 2.517m-5.927 2.903a.38.38 0 0 1-.37.386.376.376 0 0 1-.37-.386v-2.71H7.188v2.71a.38.38 0 0 1-.37.386.38.38 0 0 1-.37-.386V8.71a.38.38 0 0 1 .37-.386c.204 0 .37.173.37.386v2.324h3.334V8.71c0-.213.166-.386.37-.386s.37.173.37.386z"
-        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M10 8.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-2.25h-1.5V15a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 1.5 0v2.25h1.5V9a.75.75 0 0 1 .75-.75m5 0A2.75 2.75 0 0 1 17.75 11v2A2.75 2.75 0 0 1 15 15.75h-1a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-.25 6H15A1.25 1.25 0 0 0 16.25 13v-2A1.25 1.25 0 0 0 15 9.75h-.25z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v10A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v10A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V7A1.25 1.25 0 0 0 19 5.75z"
             })
         ]
     }));
-    return i ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return h ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: i
+            children: h
         }, "gradient-defs"),
         ..._react.Children.toArray(n.props.children)
     ]) : n;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,29 +135,19 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
-    var { color: v, size: t = 24 } = _param, o = _object_without_properties(_param, [
+const M = (_param)=>{
+    var { color: s, size: t = 24 } = _param, i = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useThemeVariant)(), s = n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : n === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: a } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: l } = (0, _hooks.useTheme)(), h = l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : c), { skinName: v } = (0, _hooks.useTheme)(), n = v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
-            d: "M2 6v12h20V6zm4.257 3.2v5.6c0 .333.246.6.555.6.308 0 .554-.267.554-.6v-2.2h2.963v2.2c0 .333.246.6.555.6.308 0 .554-.267.554-.6V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6v2.2H7.366V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6M18.108 12c0-1.94-1.431-3.4-3.333-3.4h-2.223v6.8h2.223c1.902 0 3.333-1.46 3.333-3.4m-4.442-2.201h1.11c1.289 0 2.223.926 2.223 2.201s-.934 2.201-2.223 2.201h-1.11zM3.48 16.398V7.602h17.037v8.796z"
-        })
-    })) : l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: o,
             d: "M2 6v12h20V6zm4.257 3.2v5.6c0 .333.246.6.555.6.308 0 .554-.267.554-.6v-2.2h2.963v2.2c0 .333.246.6.555.6.308 0 .554-.267.554-.6V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6v2.2H7.366V9.2c0-.333-.246-.6-.554-.6s-.555.267-.555.6M18.108 12c0-1.94-1.431-3.4-3.333-3.4h-2.223v6.8h2.223c1.902 0 3.333-1.46 3.333-3.4m-4.442-2.201h1.11c1.289 0 2.223.926 2.223 2.201s-.934 2.201-2.223 2.201h-1.11zM3.48 16.398V7.602h17.037v8.796z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
@@ -165,22 +155,22 @@ const w = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, i), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M10 8.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-2.25h-1.5V15a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 1.5 0v2.25h1.5V9a.75.75 0 0 1 .75-.75m5 0A2.75 2.75 0 0 1 17.75 11v2A2.75 2.75 0 0 1 15 15.75h-1a.75.75 0 0 1-.75-.75V9a.75.75 0 0 1 .75-.75zm-.25 6H15A1.25 1.25 0 0 0 16.25 13v-2A1.25 1.25 0 0 0 15 9.75h-.25z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: o,
                 d: "M19 4.25A2.75 2.75 0 0 1 21.75 7v10A2.75 2.75 0 0 1 19 19.75H5A2.75 2.75 0 0 1 2.25 17V7A2.75 2.75 0 0 1 5 4.25zM5 5.75A1.25 1.25 0 0 0 3.75 7v10A1.25 1.25 0 0 0 5 18.25h14A1.25 1.25 0 0 0 20.25 17V7A1.25 1.25 0 0 0 19 5.75z"
             })
         ]
     }));
-    return a ? /*#__PURE__*/ _react.cloneElement(h, {}, [
+    return h ? /*#__PURE__*/ _react.cloneElement(n, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: a
+            children: h
         }, "gradient-defs"),
-        ..._react.Children.toArray(h.props.children)
-    ]) : h;
+        ..._react.Children.toArray(n.props.children)
+    ]) : n;
 };

package/dist/generated/mistica-icons/icon-headphone-bluetooth-filled.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return H;
+        return x;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,37 +135,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const H = (_param)=>{
-    var { color: v, size: l = 24 } = _param, o = _object_without_properties(_param, [
+const x = (_param)=>{
+    var { color: d, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    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: t, gradientDef: h } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: d } = (0, _hooks.useTheme)(), a = d.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const r = (0, _themevariantcontext.useThemeVariant)(), c = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: i } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : c), { skinName: m } = (0, _hooks.useTheme)(), l = m.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
-                d: "M11.968 7.084c-1.496 0-2.528.712-2.528 3.424s1.032 3.424 2.528 3.424 2.528-.712 2.528-3.424-1.032-3.424-2.528-3.424m-.224 6.372v-2.34l-.976.976-.352-.352 1.224-1.228-1.224-1.232.352-.352.976.976V7.56l1.776 1.776-1.172 1.172 1.172 1.172z"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
-                d: "m13.244 9.34-1-.568v1.136zm0 2.336-1 .568v-1.132z"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: t,
-                d: "M12 2C6.484 2 2 6.484 2 12v6.252C2 20.388 3.536 22 5.572 22h1.784v-7.5H5.572a3.5 3.5 0 0 0-2.144.716V12c0-4.724 3.848-8.572 8.572-8.572S20.572 7.276 20.572 12v3.216a3.5 3.5 0 0 0-2.144-.716h-1.784V22h1.784C20.464 22 22 20.388 22 18.248V12c0-5.516-4.484-10-10-10"
-            })
-        ]
-    })) : d.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,
@@ -181,11 +161,11 @@ const H = (_param)=>{
             })
         ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: t,
@@ -197,10 +177,10 @@ const H = (_param)=>{
             })
         ]
     }));
-    return h ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(l, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: h
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(a.props.children)
-    ]) : a;
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

package/dist/generated/mistica-icons/icon-headphone-bluetooth-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return z;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,17 +135,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const z = (_param)=>{
-    var { color: v, size: l = 24 } = _param, a = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: c, size: o = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useThemeVariant)(), m = h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: n } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: c } = (0, _hooks.useTheme)(), o = c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    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)(c !== null && c !== void 0 ? c : m), { skinName: v } = (0, _hooks.useTheme)(), l = v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -164,36 +164,12 @@ const z = (_param)=>{
                 d: "M18.729 4.927C16.931 3.04 14.539 2 11.994 2S7.057 3.04 5.259 4.927s-2.789 4.4-2.789 7.071v6.25c0 1.005.335 1.94.941 2.632A3.24 3.24 0 0 0 5.871 22h1.7v-7.502h-1.7c-.757 0-1.466.252-2.041.715v-3.215c0-4.727 3.66-8.57 8.164-8.57s8.164 3.843 8.164 8.57v3.215a3.22 3.22 0 0 0-2.042-.715h-1.7v7.498h1.7c.956 0 1.832-.396 2.46-1.12.606-.692.942-1.627.942-2.631v-6.247c0-2.671-.99-5.183-2.789-7.07M5.872 15.925h.339v4.643h-.34c-1.18 0-2.041-.975-2.041-2.32 0-1.343.857-2.323 2.042-2.323m11.905 4.643v-4.643h.339c1.18 0 2.042.976 2.042 2.32s-.858 2.323-2.042 2.323z"
             })
         ]
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, a), {
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "M20.488 14.5c0-.196.155-.356.345-.356s.346.16.35.356v4.108c0 1.932-1.343 3.392-3.119 3.392h-1.385v-6.788h1.385c1 0 1.862.464 2.424 1.212zm-3.118 6.784h.694c1.38 0 2.424-1.148 2.424-2.676s-1.043-2.68-2.424-2.68h-.694zm4.158-8.928a.705.705 0 0 1-.695.716.705.705 0 0 1-.694-.716c0-.395.31-.716.694-.716s.695.32.695.716M3.17 11.644v4.78a2.99 2.99 0 0 1 2.424-1.208h1.389V22H5.598c-1.78 0-3.118-1.456-3.118-3.392l.002-.071.002-.065q-.005-.022-.004-.044v-6.784c0-2.576.97-5 2.738-6.82C6.983 3.004 9.33 2 11.828 2c2.249 0 4.42.836 6.116 2.352a9.73 9.73 0 0 1 3.126 5.816.36.36 0 0 1-.291.408.35.35 0 0 1-.396-.3c-.643-4.308-4.32-7.56-8.556-7.56-4.77 0-8.657 4.004-8.657 8.928m2.424 9.64h.695v-5.36h-.695c-1.38 0-2.424 1.152-2.424 2.68s1.044 2.68 2.424 2.68"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "m12.068 9.908-.004-1.132.55.568z"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "M9.341 10.508c0-2.712 1-3.424 2.451-3.424s2.448.712 2.448 3.424-.997 3.424-2.448 3.424c-1.45 0-2.45-.712-2.45-3.424m2.234 2.948 1.722-1.776-1.136-1.172 1.136-1.172-1.722-1.776v2.344l-.946-.976-.341.352 1.186 1.232-1.187 1.224.342.356.946-.976z"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "m12.064 12.244.55-.564-.546-.564z"
-            })
-        ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: o,
+        height: o,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: e,
@@ -205,10 +181,10 @@ const z = (_param)=>{
             })
         ]
     }));
-    return n ? /*#__PURE__*/ _react.cloneElement(o, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(l, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: n
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(o.props.children)
-    ]) : o;
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

package/dist/generated/mistica-icons/icon-headphone-bluetooth-regular.js

@@ -136,79 +136,55 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const x = (_param)=>{
-    var { color: s, size: l = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: c, size: r = 24 } = _param, n = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: e, gradientDef: n } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), a = c.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: t, gradientDef: i } = (0, _icongradient.useIconGradient)(c !== null && c !== void 0 ? c : m), { skinName: v } = (0, _hooks.useTheme)(), l = v.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "m12.767 11.674-.54.568.003-1.136z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "M9.556 10.506c0-2.715.983-3.427 2.407-3.427 1.425 0 2.408.716 2.408 3.427s-.983 3.424-2.408 3.424-2.407-.708-2.407-3.424m2.19 2.948 1.692-1.776-1.113-1.172 1.116-1.171-1.691-1.776v2.343l-.93-.975-.335.352 1.162 1.231-1.166 1.228.336.352.93-.976z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "m12.226 8.77.541.568-.537.564z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "M18.729 4.927C16.931 3.04 14.539 2 11.994 2S7.057 3.04 5.259 4.927s-2.789 4.4-2.789 7.071v6.25c0 1.005.335 1.94.94 2.632A3.24 3.24 0 0 0 5.873 22H7.57v-7.502h-1.7c-.757 0-1.466.252-2.041.715v-3.215c0-4.727 3.66-8.57 8.164-8.57s8.164 3.843 8.164 8.57v3.215a3.22 3.22 0 0 0-2.042-.715h-1.7v7.498h1.7c.956 0 1.832-.396 2.46-1.12.606-.692.942-1.627.942-2.631v-6.247c0-2.671-.99-5.183-2.789-7.07M5.872 15.925h.339v4.643h-.34c-1.18 0-2.041-.975-2.041-2.32 0-1.343.857-2.323 2.042-2.323m11.905 4.643v-4.643h.339c1.18 0 2.042.976 2.042 2.32s-.858 2.323-2.042 2.323z"
             })
         ]
-    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "m12.767 11.674-.54.568.003-1.136z"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "M9.556 10.506c0-2.715.983-3.427 2.407-3.427 1.425 0 2.408.716 2.408 3.427s-.983 3.424-2.408 3.424-2.407-.708-2.407-3.424m2.19 2.948 1.692-1.776-1.113-1.172 1.116-1.171-1.691-1.776v2.343l-.93-.975-.335.352 1.162 1.231-1.166 1.228.336.352.93-.976z"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "m12.226 8.77.541.568-.537.564z"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
-                d: "M18.729 4.927C16.931 3.04 14.539 2 11.994 2S7.057 3.04 5.259 4.927s-2.789 4.4-2.789 7.071v6.25c0 1.005.335 1.94.941 2.632A3.24 3.24 0 0 0 5.871 22h1.7v-7.502h-1.7c-.757 0-1.466.252-2.041.715v-3.215c0-4.727 3.66-8.57 8.164-8.57s8.164 3.843 8.164 8.57v3.215a3.22 3.22 0 0 0-2.042-.715h-1.7v7.498h1.7c.956 0 1.832-.396 2.46-1.12.606-.692.942-1.627.942-2.631v-6.247c0-2.671-.99-5.183-2.789-7.07M5.872 15.925h.339v4.643h-.34c-1.18 0-2.041-.975-2.041-2.32 0-1.343.857-2.323 2.042-2.323m11.905 4.643v-4.643h.339c1.18 0 2.042.976 2.042 2.32s-.858 2.323-2.042 2.323z"
-            })
-        ]
     })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: l,
-        height: l,
+        width: r,
+        height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, n), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "M12 3.25c1.34 0 2.646.307 3.828.882a.75.75 0 0 1-.656 1.348A7.25 7.25 0 0 0 4.75 12v.553A2.75 2.75 0 0 1 6 12.25h1A2.75 2.75 0 0 1 9.75 15v3A2.75 2.75 0 0 1 7 20.75H6A2.75 2.75 0 0 1 3.25 18v-6A8.75 8.75 0 0 1 12 3.25m-6 10.5A1.25 1.25 0 0 0 4.75 15v3A1.25 1.25 0 0 0 6 19.25h1A1.25 1.25 0 0 0 8.25 18v-3A1.25 1.25 0 0 0 7 13.75z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: e,
+                fill: t,
                 d: "M16.665 7.33a.75.75 0 0 1 .785.07l4 3a.75.75 0 0 1 0 1.2l-3.2 2.4 3.201 2.4a.75.75 0 0 1 0 1.2l-4 3a.75.75 0 0 1-1.2-.6v-4.501l-2.8 2.1a.75.75 0 0 1-.9-1.199l3.2-2.4-3.2-2.4a.75.75 0 0 1 .9-1.2l2.8 2.1V8a.75.75 0 0 1 .415-.67M17.75 18.5l2-1.5-2-1.501zm0-6 2-1.5-2-1.501z"
             })
         ]
     }));
-    return n ? /*#__PURE__*/ _react.cloneElement(a, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(l, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: n
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(a.props.children)
-    ]) : a;
+        ..._react.Children.toArray(l.props.children)
+    ]) : l;
 };

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,39 +135,29 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
-    var { color: d, size: t = 24 } = _param, r = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const n = (0, _themevariantcontext.useThemeVariant)(), s = n === "brand" || n === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : n === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: o, gradientDef: h } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : s), { skinName: a } = (0, _hooks.useTheme)(), i = a.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), d = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: l } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : d), { skinName: c } = (0, _hooks.useTheme)(), a = c.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), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M19.882 11.16c-.092-5.804-2.91-9-7.983-9-5.098 0-7.924 3.238-7.975 9.126-1.145.7-1.761 2.003-1.761 3.868 0 2.745 1.327 4.322 3.736 4.432l.275.008h.106c1.941-.067 2.342-1.824 2.342-4.44 0-2.624-.4-4.378-2.305-4.448a2 2 0 0 0-.303 0c-.05 0-.1 0-.115.009a5 5 0 0 0-.711.084c.185-4.883 2.431-7.365 6.711-7.365s6.53 2.474 6.72 7.34c-.157-.017-.308-.054-.476-.062-.05-.009-.1-.009-.134-.009a1.5 1.5 0 0 0-.283 0c-1.947.068-2.342 1.824-2.342 4.449 0 1.714.176 3.05.846 3.792-.869.485-1.913.801-3.135.964-.15-.572-.602-.913-1.288-.93-.88-.025-1.42.468-1.448 1.39-.017.442.092.8.327 1.055.233.255.586.41 1.028.418h.068c.409 0 .742-.12.986-.35.075-.076.126-.18.176-.28 1.88-.197 3.445-.751 4.658-1.636.042.008.067.016.107.016h.126l.274-.008c2.406-.112 3.737-1.69 3.737-4.431 0-1.972-.703-3.337-1.964-3.992"
         })
-    })) : a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : c.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
-            d: "M12.008 2C6.756 2 2.48 6.488 2.48 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.88c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.703c1.937 0 3.4-1.613 3.4-3.748V12c.01-5.512-4.267-10-9.519-10"
-        })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, r), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M12.008 2C6.756 2 2.48 6.488 2.48 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.88c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.703c1.937 0 3.4-1.613 3.4-3.748V12c.01-5.512-4.267-10-9.519-10"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -177,14 +167,14 @@ const C = (_param)=>{
         role: "presentation"
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: n,
             d: "M12 2.25A8.75 8.75 0 0 1 20.75 11v5a2.75 2.75 0 0 1-.983 2.105l-.058.045a2.7 2.7 0 0 1-.479.306q-.027.015-.055.026-.225.107-.467.171h.002c-.178 1.433-.95 2.464-2.093 3.122-1.252.721-2.908.975-4.617.975a.75.75 0 0 1 0-1.5c1.604 0 2.95-.247 3.868-.775.67-.386 1.132-.928 1.305-1.725H17A2.75 2.75 0 0 1 14.25 16v-3A2.75 2.75 0 0 1 17 10.25h1a2.7 2.7 0 0 1 .512.049l.071.016a3 3 0 0 1 .302.084l.086.03q.135.051.262.116a7.25 7.25 0 0 0-2.106-4.672 7.25 7.25 0 0 0-4.768-2.114L12 3.75a7.25 7.25 0 0 0-7.234 6.795l.05-.024a2.8 2.8 0 0 1 .6-.207l.071-.015A2.7 2.7 0 0 1 6 10.25h1A2.75 2.75 0 0 1 9.75 13v3A2.75 2.75 0 0 1 7 18.75H6A2.75 2.75 0 0 1 3.25 16v-5A8.75 8.75 0 0 1 12 2.25"
         })
     }));
-    return h ? /*#__PURE__*/ _react.cloneElement(i, {}, [
+    return l ? /*#__PURE__*/ _react.cloneElement(a, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: h
+            children: l
         }, "gradient-defs"),
-        ..._react.Children.toArray(i.props.children)
-    ]) : i;
+        ..._react.Children.toArray(a.props.children)
+    ]) : a;
 };

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return C;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,56 +135,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (_param)=>{
-    var { color: v, size: t = 24 } = _param, c = _object_without_properties(_param, [
+const H = (_param)=>{
+    var { color: s, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useThemeVariant)(), s = h === "brand" || h === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : h === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: a } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : s), { skinName: o } = (0, _hooks.useTheme)(), n = o.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), v = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: n, gradientDef: i } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : v), { skinName: a } = (0, _hooks.useTheme)(), h = a.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"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: n,
             d: "M19.835 11.28c-.056-7.532-4.34-9.129-7.939-9.129s-7.94 1.605-7.94 9.255C2.79 12.06 2.15 13.353 2.15 15.22c0 2.666 1.28 4.179 3.602 4.305h.376c1.566-.059 2.174-1.272 2.174-4.314s-.608-4.263-2.157-4.314h-.387c-.33.017-.658.07-.975.16.098-5.35 2.485-8.067 7.112-8.067s6.997 2.7 7.112 8.017a6 6 0 0 0-.745-.101h-.395c-1.565.059-2.182 1.272-2.182 4.322 0 2.148.311 3.344 1.042 3.93a9.1 9.1 0 0 1-3.798 1.196 1.08 1.08 0 0 0-1.14-.995 1.1 1.1 0 0 0-.908.286 1.15 1.15 0 0 0-.355.902c-.031.334.07.667.28.927.238.244.566.376.902.359a1.2 1.2 0 0 0 .927-.3q.143-.151.221-.35a9.5 9.5 0 0 0 4.815-1.672q.085.005.171 0h.4c2.323-.11 3.595-1.673 3.595-4.306 0-1.966-.706-3.313-2.003-3.924m-14.025.46h.294c.582 0 1.378.05 1.378 3.487 0 3.421-.814 3.453-1.451 3.479h-.239c-1.893-.11-2.82-1.247-2.82-3.487s.927-3.387 2.838-3.48m11.803 6.95c-.523-.093-1.084-.586-1.084-3.446 0-3.424.816-3.46 1.454-3.487h.244c1.893.092 2.812 1.229 2.812 3.478.003 2.25-.941 3.362-2.835 3.454z"
         })
-    })) : o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: n,
             d: "M11.998 2C6.746 2 2.47 6.488 2.47 12v6.248c0 2.139 1.463 3.747 3.401 3.747h1.703V14.5H5.87c-.78 0-1.48.265-2.042.713V12c0-4.726 3.662-8.57 8.165-8.57s8.165 3.844 8.165 8.57v3.213a3.22 3.22 0 0 0-2.043-.713h-1.702V22h1.702c1.938 0 3.402-1.613 3.402-3.748V12c.008-5.512-4.268-10-9.52-10M5.875 15.926h.34v4.644h-.34c-1.184 0-2.042-.979-2.042-2.322 0-1.344.858-2.322 2.042-2.322m11.906 4.644v-4.644h.34c1.184 0 2.042.978 2.042 2.322 0 1.343-.858 2.322-2.042 2.322z"
         })
-    })) : o.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: t,
-        height: t,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, c), {
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
-            d: "M11.83 2.718c-4.774 0-8.658 4.004-8.658 8.928v4.781a2.99 2.99 0 0 1 2.425-1.211H6.98v6.78H5.597c-1.778 0-3.117-1.459-3.117-3.393l.002-.073v-.086l-.002-.019v-6.784C2.48 6.325 6.674 2 11.83 2c4.577 0 8.55 3.51 9.24 8.17a.35.35 0 0 1-.287.406.344.344 0 0 1-.395-.297c-.643-4.311-4.318-7.561-8.557-7.561M5.598 15.929c-1.383 0-2.425 1.152-2.425 2.679s1.042 2.679 2.425 2.679h.692v-5.358zm15.93-3.57c0 .394-.31.713-.692.713a.703.703 0 0 1-.692-.713c0-.394.31-.713.692-.713s.692.319.692.713m-1.038 2.144c0-.197.155-.357.346-.357s.346.16.346.357v4.105c0 1.934-1.34 3.392-3.117 3.392H16.68v-6.784h1.384c1.002 0 1.862.462 2.425 1.211zm-3.117 6.784h.692c1.383 0 2.425-1.152 2.425-2.679s-1.042-2.679-2.425-2.679h-.692z"
-        })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, c), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: n,
             d: "M12 2.25A8.75 8.75 0 0 1 20.75 11v5a2.745 2.745 0 0 1-2.04 2.653c-.178 1.433-.95 2.464-2.093 3.122-1.252.721-2.908.975-4.617.975a.75.75 0 0 1 0-1.5c1.604 0 2.95-.247 3.868-.775.67-.386 1.132-.928 1.305-1.725H17A2.75 2.75 0 0 1 14.25 16v-3A2.75 2.75 0 0 1 17 10.25h1c.433 0 .854.104 1.233.295a7.25 7.25 0 0 0-2.106-4.672 7.25 7.25 0 0 0-12.361 4.672c.38-.191.801-.295 1.234-.295h1A2.75 2.75 0 0 1 9.75 13v3A2.75 2.75 0 0 1 7 18.75H6A2.75 2.75 0 0 1 3.25 16v-5A8.75 8.75 0 0 1 12 2.25m-6 9.5A1.25 1.25 0 0 0 4.75 13v3A1.25 1.25 0 0 0 6 17.25h1A1.25 1.25 0 0 0 8.25 16v-3A1.25 1.25 0 0 0 7 11.75zm11 0A1.25 1.25 0 0 0 15.75 13v3A1.25 1.25 0 0 0 17 17.25h1A1.25 1.25 0 0 0 19.25 16v-3A1.25 1.25 0 0 0 18 11.75z"
         })
     }));
-    return a ? /*#__PURE__*/ _react.cloneElement(n, {}, [
+    return i ? /*#__PURE__*/ _react.cloneElement(h, {}, [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
-            children: a
+            children: i
         }, "gradient-defs"),
-        ..._react.Children.toArray(n.props.children)
-    ]) : n;
+        ..._react.Children.toArray(h.props.children)
+    ]) : h;
 };