@telefonica/mistica 16.41.0 → 16.42.0

package/dist/generated/mistica-icons/icon-washing-machine-regular.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        return d;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,27 +92,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const t = (_param)=>{
-    var { color: s, size: c = 24 } = _param, a = _object_without_properties(_param, [
+const v = (_param)=>{
+    var { color: h, size: c = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = s !== null && s !== void 0 ? s : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = h !== null && h !== void 0 ? h : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: e,
                 d: "M8.193 12.433c0-1.725 1.446-3.123 3.23-3.123h1.155c1.783 0 3.23 1.398 3.23 3.123v1.117c0 1.724-1.447 3.123-3.23 3.123h-1.155c-1.784 0-3.23-1.399-3.23-3.123zm3.23-1.664c-.95 0-1.72.745-1.72 1.664v1.117c0 .918.77 1.663 1.72 1.663h1.155c.95 0 1.72-.745 1.72-1.663v-1.117c0-.92-.77-1.664-1.72-1.664z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: e,
                 d: "M16.227 3H7.788C5.766 3 4.016 4.473 4.016 6.415l-.001.568a.7.7 0 0 0 0 .287L4 16.135c0 1.763 1.442 3.138 3.22 3.377v.758c0 .403.339.73.755.73a.74.74 0 0 0 .755-.73v-.72h6.54v.72c0 .403.337.73.754.73a.74.74 0 0 0 .755-.73v-.76c1.771-.244 3.205-1.616 3.205-3.373L20 7.152v-.049l.001-.69C20 4.474 18.25 3 16.227 3m2.264 3.397H5.525c.01-1.016.96-1.937 2.264-1.937h8.438c1.304 0 2.253.92 2.264 1.937M5.523 7.857h12.965l-.013 8.278c0 1.023-.952 1.955-2.264 1.955H7.773c-1.311 0-2.264-.931-2.264-1.954z"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: c,
+        height: c,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M12 9.25a4.75 4.75 0 1 1-.001 9.499A4.75 4.75 0 0 1 12 9.25m-.336 5.42c-.971-.485-1.916-.55-2.88-.194a3.251 3.251 0 0 0 6.26.657c-1.127.249-2.264.097-3.38-.462M12 10.75a3.25 3.25 0 0 0-3.046 2.116c1.128-.25 2.265-.096 3.382.463.971.486 1.915.55 2.879.194A3.25 3.25 0 0 0 12 10.75M8 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2M11 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2M16 5.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M17 2.25A2.75 2.75 0 0 1 19.75 5v14A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25zM7 3.75A1.25 1.25 0 0 0 5.75 5v14A1.25 1.25 0 0 0 7 20.25h10A1.25 1.25 0 0 0 18.25 19V5A1.25 1.25 0 0 0 17 3.75z"
+            })
+        ]
     }));
-}, f = t;
+}, d = v;

package/dist/generated/mistica-icons/icon-water-drop-filled.js

@@ -92,30 +92,40 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: c, size: e = 24 } = _param, o = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = c !== null && c !== void 0 ? c : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: a } = (0, _hooks.useTheme)();
-    return a.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
+    return t.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: o,
+            d: "M12.269 2.276a.407.407 0 0 0-.575-.003l-.003.002c-1.358 1.367-6.672 8.247-6.658 12.57.006 2.173.647 3.957 1.852 5.164 1.199 1.2 2.966 1.835 5.106 1.835h.034c4.367-.014 6.963-2.644 6.95-7.042-.009-4.28-5.345-11.157-6.707-12.526"
+        })
+    })) : t.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"
+    }, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: o,
             d: "M6.246 17.713a5.85 5.85 0 0 0 4.187 1.787c1.567 0 3.067-.644 4.179-1.75l.035-.037c1.116-1.143 1.71-2.642 1.71-4.25 0-2.002-1.393-4.324-2.509-6.18l-2.826-4.927A.67.67 0 0 0 10.43 2c-.246 0-.456.142-.594.356 0 0-2.58 4.534-2.826 4.927C5.893 9.107 4.5 11.424 4.5 13.426c0 1.645.63 3.144 1.746 4.287m11.339 0h1.393a.545.545 0 0 0 .522-.535.545.545 0 0 0-.522-.535h-1.393a.545.545 0 0 0-.523.535c0 .284.246.535.523.535m-.281 2.751a.53.53 0 0 1-.384-.141l-.942-.965a.525.525 0 0 1 0-.75.496.496 0 0 1 .732 0l.942.965c.21.215.21.535 0 .75-.072.105-.21.141-.348.141m-3.384 1.001c0 .284.245.535.522.535a.54.54 0 0 0 .522-.54v-1.42a.544.544 0 0 0-.522-.535.545.545 0 0 0-.522.534z"
         })
-    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: o,
             d: "M6.246 17.713a5.85 5.85 0 0 0 4.187 1.787c1.567 0 3.067-.644 4.179-1.75l.035-.037c1.116-1.143 1.71-2.642 1.71-4.25 0-2.002-1.393-4.324-2.509-6.18l-2.826-4.927A.67.67 0 0 0 10.43 2c-.246 0-.456.142-.594.356 0 0-2.58 4.534-2.826 4.927C5.893 9.107 4.5 11.424 4.5 13.426c0 1.645.63 3.144 1.746 4.287m11.339 0h1.393a.545.545 0 0 0 .522-.535.545.545 0 0 0-.522-.535h-1.393a.545.545 0 0 0-.523.535c0 .284.246.535.523.535m-.281 2.751a.53.53 0 0 1-.384-.141l-.942-.965a.525.525 0 0 1 0-.75.496.496 0 0 1 .732 0l.942.965c.21.215.21.535 0 .75-.072.105-.21.141-.348.141m-3.384 1.001c0 .284.245.535.522.535a.54.54 0 0 0 .522-.54v-1.42a.544.544 0 0 0-.522-.535.545.545 0 0 0-.522.534z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +133,10 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
-            d: "M12.269 2.276a.407.407 0 0 0-.575-.003l-.003.002c-1.358 1.367-6.672 8.247-6.658 12.57.006 2.173.647 3.957 1.852 5.164 1.199 1.2 2.966 1.835 5.106 1.835h.034c4.367-.014 6.963-2.644 6.95-7.042-.009-4.28-5.345-11.157-6.707-12.526"
+            fill: o,
+            d: "M11.5 2.5a.5.5 0 0 1 .416.223l4.875 7.307.013.02c.663 1.109 1.413 2.132 1.618 3.481a6.9 6.9 0 0 1-.543 3.889 6.95 6.95 0 0 1-2.583 2.972 7.05 7.05 0 0 1-7.592 0 6.95 6.95 0 0 1-2.583-2.972 6.9 6.9 0 0 1-.543-3.889c.205-1.349.955-2.372 1.618-3.48l.013-.02 4.875-7.308A.5.5 0 0 1 11.5 2.5"
         })
     }));
-}, f = s;
+}, f = m;

package/dist/generated/mistica-icons/icon-water-drop-light.js

@@ -93,29 +93,39 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: i, size: e = 24 } = _param, a = _object_without_properties(_param, [
+    var { color: l, size: e = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = i !== null && i !== void 0 ? i : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: t } = (0, _hooks.useTheme)();
-    return t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: r } = (0, _hooks.useTheme)();
+    return r.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: c,
+            d: "M11.977 2.151a.4.4 0 0 1 .288.12c1.362 1.373 6.698 8.25 6.706 12.527.014 4.398-2.585 7.028-6.95 7.042h-.033c-2.143 0-3.908-.636-5.106-1.834-1.205-1.208-1.846-2.995-1.852-5.166-.014-4.325 5.3-11.201 6.658-12.568a.42.42 0 0 1 .289-.12m.011 18.866h.034c3.969-.011 6.148-2.221 6.14-6.216-.011-3.753-4.633-9.89-6.185-11.639-1.546 1.746-6.143 7.88-6.132 11.676.009 1.977.55 3.52 1.614 4.585 1.056 1.056 2.582 1.594 4.529 1.594"
+        })
+    })) : r.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"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: c,
             d: "M14.65 17.717c1.117-1.143 1.71-2.643 1.71-4.252 0-1.973-1.352-4.22-2.46-6.061l-.049-.083c-.174-.32-1.92-3.392-2.827-4.964-.138-.215-.348-.357-.594-.357a.67.67 0 0 0-.594.357c-.33.574-.77 1.35-1.203 2.115-.753 1.33-1.49 2.633-1.623 2.813-1.117 1.856-2.51 4.178-2.51 6.18 0 1.61.63 3.14 1.746 4.288a5.82 5.82 0 0 0 4.189 1.751 6.15 6.15 0 0 0 4.215-1.787m-1.045-.965a4.43 4.43 0 0 1-3.175 1.321 4.42 4.42 0 0 1-3.21-1.358c-.871-.859-1.327-2.034-1.327-3.25 0-1.582 1.247-3.645 2.252-5.308l.053-.086c.174-.284 1.464-2.537 2.232-3.927a199 199 0 0 0 2.233 3.927l.133.224c.99 1.671 2.171 3.665 2.171 5.17a4.74 4.74 0 0 1-1.362 3.287m3.98-.105h1.392c.277 0 .523.251.523.535a.545.545 0 0 1-.523.535h-1.393a.545.545 0 0 1-.522-.535c0-.284.245-.535.522-.535m-.84 1.929a.496.496 0 0 0-.733 0 .525.525 0 0 0 0 .75l.943.964a.52.52 0 0 0 .384.142.53.53 0 0 0 .384-.142.525.525 0 0 0 0-.75zm-2.827 1.463c0-.284.246-.535.523-.535.28 0 .522.247.522.535v1.426a.545.545 0 0 1-.522.535.545.545 0 0 1-.523-.535z"
         })
-    })) : t.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
+            fill: c,
             d: "M5 13.72c0 3.332 2.679 6.045 5.969 6.045s5.968-2.713 5.968-6.049q.001-1.391-.611-2.667l-2.989-5.23a.35.35 0 0 0-.48-.127.36.36 0 0 0-.127.487l2.976 5.207c.35.732.53 1.515.53 2.335 0 2.94-2.364 5.334-5.267 5.334S5.7 16.661 5.7 13.721c0-.82.175-1.603.517-2.313l5.052-8.875a.364.364 0 0 0-.13-.487.354.354 0 0 0-.482.132l-5.056 8.898A6 6 0 0 0 5 13.721m7.155-8.606a.707.707 0 0 0 .701-.71.707.707 0 0 0-.7-.71.707.707 0 0 0-.702.71c0 .39.314.71.701.71M18.65 17.38h-1.402c-.211 0-.35.141-.35.355s.139.355.35.355h1.402c.212 0 .351-.14.351-.355s-.14-.355-.35-.355m-2.21 1.53a.336.336 0 0 0-.49 0 .347.347 0 0 0 0 .496l.984.996a.37.37 0 0 0 .247.105.4.4 0 0 0 .247-.105.347.347 0 0 0 0-.496zm-2 1.315c0-.214.139-.355.35-.355s.35.14.35.355v1.42c0 .214-.139.355-.35.355s-.35-.141-.35-.355z"
         })
     })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
@@ -123,10 +133,10 @@ const s = (_param)=>{
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: o,
-            d: "M11.977 2.151a.4.4 0 0 1 .288.12c1.362 1.373 6.698 8.25 6.706 12.527.014 4.398-2.585 7.028-6.95 7.042h-.033c-2.143 0-3.908-.636-5.106-1.834-1.205-1.208-1.846-2.995-1.852-5.166-.014-4.325 5.3-11.201 6.658-12.568a.42.42 0 0 1 .289-.12m.011 18.866h.034c3.969-.011 6.148-2.221 6.14-6.216-.011-3.753-4.633-9.89-6.185-11.639-1.546 1.746-6.143 7.88-6.132 11.676.009 1.977.55 3.52 1.614 4.585 1.056 1.056 2.582 1.594 4.529 1.594"
+            fill: c,
+            d: "M11.5 2.25a.75.75 0 0 1 .624.334L17 9.892l.02.03c.647 1.08 1.436 2.16 1.65 3.572a7.13 7.13 0 0 1-.562 4.03 7.2 7.2 0 0 1-2.677 3.078 7.3 7.3 0 0 1-7.86 0 7.2 7.2 0 0 1-2.676-3.079 7.13 7.13 0 0 1-.563-4.029c.215-1.412 1.004-2.492 1.65-3.572l.02-.03 4.875-7.308a.75.75 0 0 1 .624-.334m-4.25 8.474c-.737 1.227-1.28 1.967-1.436 2.996a5.63 5.63 0 0 0 .444 3.181 5.7 5.7 0 0 0 2.12 2.438 5.8 5.8 0 0 0 6.244 0 5.7 5.7 0 0 0 2.12-2.438 5.63 5.63 0 0 0 .445-3.181c-.157-1.03-.7-1.77-1.436-2.996l-4.25-6.373z"
         })
     }));
 }, f = s;

package/dist/generated/mistica-icons/icon-water-drop-regular.js

@@ -93,12 +93,22 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: l, size: a = 24 } = _param, r = _object_without_properties(_param, [
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: o } = (0, _hooks.useTheme)();
-    return o.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: l } = (0, _hooks.useTheme)();
+    return l.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: c,
+            d: "M11.536 2.332a.626.626 0 0 1 .871 0c.815.829 6.546 7.792 6.563 12.403.011 4.437-2.588 7.092-6.952 7.106h-.034c-2.132 0-3.893-.641-5.098-1.857-1.21-1.224-1.854-3.022-1.86-5.207-.014-4.291 5.182-11.095 6.51-12.445m.443 18.257h.033c3.7-.011 5.734-2.09 5.72-5.851-.011-3.488-4.148-9.14-5.767-11.04-1.776 2.07-5.723 7.751-5.712 11.076.006 1.871.51 3.325 1.496 4.322.983.992 2.406 1.493 4.23 1.493"
+        })
+    })) : l.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -108,7 +118,7 @@ const m = (_param)=>{
             fill: c,
             d: "M14.65 17.717c1.117-1.143 1.71-2.643 1.71-4.252 0-1.973-1.352-4.22-2.46-6.061l-.049-.083c-.174-.32-1.92-3.392-2.827-4.964-.138-.215-.348-.357-.594-.357a.67.67 0 0 0-.594.357c-.33.574-.77 1.35-1.203 2.115-.753 1.33-1.49 2.633-1.623 2.813-1.117 1.856-2.51 4.178-2.51 6.18 0 1.61.63 3.14 1.746 4.288a5.82 5.82 0 0 0 4.189 1.751 6.15 6.15 0 0 0 4.215-1.787m-1.045-.965a4.43 4.43 0 0 1-3.175 1.321 4.42 4.42 0 0 1-3.21-1.358c-.871-.859-1.327-2.034-1.327-3.25 0-1.582 1.247-3.645 2.252-5.308l.053-.086c.174-.284 1.464-2.537 2.232-3.927a199 199 0 0 0 2.233 3.927l.133.224c.99 1.671 2.171 3.665 2.171 5.17a4.74 4.74 0 0 1-1.362 3.287m3.98-.105h1.392c.277 0 .523.251.523.535a.545.545 0 0 1-.523.535h-1.393a.545.545 0 0 1-.522-.535c0-.284.245-.535.522-.535m-.84 1.929a.496.496 0 0 0-.733 0 .525.525 0 0 0 0 .75l.943.964a.52.52 0 0 0 .384.142.53.53 0 0 0 .384-.142.525.525 0 0 0 0-.75zm-2.827 1.463c0-.284.246-.535.523-.535.28 0 .522.247.522.535v1.426a.545.545 0 0 1-.522.535.545.545 0 0 1-.523-.535z"
         })
-    })) : o.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: a,
         height: a,
         viewBox: "0 0 24 24",
@@ -126,7 +136,7 @@ const m = (_param)=>{
     }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
-            d: "M11.536 2.332a.626.626 0 0 1 .871 0c.815.829 6.546 7.792 6.563 12.403.011 4.437-2.588 7.092-6.952 7.106h-.034c-2.132 0-3.893-.641-5.098-1.857-1.21-1.224-1.854-3.022-1.86-5.207-.014-4.291 5.182-11.095 6.51-12.445m.443 18.257h.033c3.7-.011 5.734-2.09 5.72-5.851-.011-3.488-4.148-9.14-5.767-11.04-1.776 2.07-5.723 7.751-5.712 11.076.006 1.871.51 3.325 1.496 4.322.983.992 2.406 1.493 4.23 1.493"
+            d: "M11.5 2.25a.75.75 0 0 1 .624.334L17 9.892l.02.03c.647 1.08 1.436 2.16 1.65 3.572a7.13 7.13 0 0 1-.562 4.03 7.2 7.2 0 0 1-2.677 3.078 7.3 7.3 0 0 1-7.86 0 7.2 7.2 0 0 1-2.676-3.079 7.13 7.13 0 0 1-.563-4.029c.215-1.412 1.004-2.492 1.65-3.572l.02-.03 4.875-7.308a.75.75 0 0 1 .624-.334m-4.25 8.474c-.737 1.227-1.28 1.967-1.436 2.996a5.63 5.63 0 0 0 .444 3.181 5.7 5.7 0 0 0 2.12 2.438 5.8 5.8 0 0 0 6.244 0 5.7 5.7 0 0 0 2.12-2.438 5.63 5.63 0 0 0 .445-3.181c-.157-1.03-.7-1.77-1.436-2.996l-4.25-6.373z"
         })
     }));
 }, f = m;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        return f;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: r, size: t = 24 } = _param, e = _object_without_properties(_param, [
+const n = (_param)=>{
+    var { color: o, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), l = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: q } = (0, _hooks.useTheme)();
+    return q.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"
-    }, e), {
+    }, l), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: r,
             d: "m15.717 4.01.314 1.403c1.172.269 2.036 1.185 2.036 2.273v.21q.344.105.561.359c.25.295.372.722.372 1.245s-.122.955-.372 1.245a1.16 1.16 0 0 1-.561.359v1.792q.344.105.561.359c.25.295.372.722.372 1.245s-.122.955-.372 1.245q-.216.254-.561.359v.21c0 1.088-.864 2.004-2.036 2.273l-.314 1.403C15.455 21.16 14.306 22 12.97 22h-2.876c-1.334 0-2.483-.841-2.745-2.01l-.315-1.403C5.863 18.318 5 17.402 5 16.314V7.686c0-1.089.863-2.005 2.036-2.273L7.35 4.01C7.612 2.84 8.76 2 10.096 2h2.875c1.335 0 2.484.841 2.746 2.01m-1.098.196C14.462 3.505 13.772 3 12.97 3h-2.875c-.801 0-1.49.505-1.648 1.206l-.252 1.127h6.675zm-6.424 14.46.253 1.128c.157.701.847 1.206 1.647 1.206h2.876c.8 0 1.49-.505 1.647-1.206l.253-1.127zm1.213-3.547q.259-.223.258-.619 0-.396-.258-.62-.25-.213-.675-.213t-.675.214q-.258.223-.258.619t.258.62q.25.213.675.213t.675-.214m-.675-2.286q.426 0 .675-.214.259-.223.258-.619 0-.396-.258-.62-.25-.213-.675-.213t-.675.214Q7.8 11.604 7.8 12t.258.62q.25.213.675.213m.675-2.714c.173-.147.258-.356.258-.619q0-.396-.258-.62-.25-.212-.675-.213-.426 0-.675.214c-.172.147-.258.356-.258.619q0 .396.258.62.25.213.675.213t.675-.214m2.125 5.214q.426 0 .675-.214.259-.223.258-.619 0-.396-.258-.62-.25-.213-.675-.213t-.675.214q-.258.223-.258.619t.258.62q.25.213.675.213m.675-2.714q.259-.223.258-.619 0-.396-.258-.62-.25-.213-.675-.213t-.675.214q-.258.223-.258.619t.258.62q.25.213.675.213t.675-.214m-.675-2.286q.426 0 .675-.214c.173-.147.258-.356.258-.619q0-.396-.258-.62-.25-.212-.675-.213-.426 0-.675.214c-.172.147-.258.356-.258.619q0 .396.258.62.25.213.675.213m3.475 4.786q.259-.223.258-.619 0-.396-.258-.62-.25-.213-.675-.213t-.675.214q-.258.223-.258.619t.258.62q.25.213.675.213t.675-.214m-.675-2.286q.426 0 .675-.214.259-.223.258-.619 0-.396-.258-.62-.25-.213-.675-.213t-.675.214q-.258.223-.258.619t.258.62q.25.213.675.213m.675-2.714c.173-.147.258-.356.258-.619q0-.396-.258-.62-.25-.212-.675-.213-.426 0-.675.214c-.172.147-.258.356-.258.619q0 .396.258.62.25.213.675.213t.675-.214"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
+            d: "M13.439 2.25a2.75 2.75 0 0 1 2.667 2.083l.606 2.423A3 3 0 0 1 18.5 9.5v5a3 3 0 0 1-1.788 2.743l-.606 2.424a2.75 2.75 0 0 1-2.668 2.083h-2.876a2.75 2.75 0 0 1-2.668-2.083l-.607-2.424A3 3 0 0 1 5.5 14.5v-5a3 3 0 0 1 1.787-2.744l.607-2.423a2.75 2.75 0 0 1 2.668-2.083zm-4.09 17.053c.139.556.639.947 1.213.947h2.877a1.25 1.25 0 0 0 1.212-.947l.389-1.553H8.96zM10.562 3.75a1.25 1.25 0 0 0-1.213.947L8.96 6.25h6.08l-.389-1.553a1.25 1.25 0 0 0-1.213-.947z"
+        })
     }));
-}, h = s;
+}, f = n;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,18 +92,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: e, size: t = 24 } = _param, q = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: o, size: t = 24 } = _param, l = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
+    return i.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, q), {
+    }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 fill: c,
@@ -113,5 +114,15 @@ const n = (_param)=>{
                 d: "M16.035 5.429c1.173.298 2.032 1.261 2.032 2.404q.344.105.561.36c.25.294.372.72.372 1.244 0 .523-.122.955-.372 1.245q-.216.254-.561.359v1.855q.344.105.561.36c.25.294.372.72.372 1.244 0 .523-.122.955-.372 1.245q-.216.254-.561.359v.063c0 1.174-.908 2.16-2.13 2.428l-.313 1.395C15.362 21.16 14.213 22 12.878 22h-2.876c-1.335 0-2.484-.841-2.746-2.01l-.323-1.446C5.81 18.218 5 17.277 5 16.167V7.833c0-1.143.859-2.106 2.032-2.404l.318-1.42C7.612 2.842 8.76 2 10.096 2h2.875c1.335 0 2.484.841 2.746 2.01zm-.783-.096-.267-1.193c-.192-.856-1.035-1.473-2.014-1.473h-2.876c-.978 0-1.821.617-2.013 1.473l-.267 1.193zm-7.53 13.333.267 1.194c.192.856 1.034 1.473 2.013 1.473h2.876c.979 0 1.821-.617 2.013-1.473l.268-1.193zM7.8 6c-1.134 0-2.053.82-2.053 1.833v8.334C5.747 17.179 6.666 18 7.8 18h7.467c1.134 0 2.053-.82 2.053-1.833V7.833C17.32 6.821 16.4 6 15.267 6z"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, l), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: c,
+            d: "M13.439 2.25a2.75 2.75 0 0 1 2.667 2.083l.53 2.121A3.25 3.25 0 0 1 18.75 9.5v5a3.25 3.25 0 0 1-2.113 3.045l-.53 2.122a2.75 2.75 0 0 1-2.668 2.083h-2.877a2.75 2.75 0 0 1-2.668-2.083l-.532-2.122A3.25 3.25 0 0 1 5.25 14.5v-5c0-1.395.878-2.585 2.112-3.046l.532-2.121a2.75 2.75 0 0 1 2.668-2.083zm-4.09 17.053c.139.556.639.947 1.213.947h2.877a1.25 1.25 0 0 0 1.212-.947l.389-1.553H8.96zM8.5 7.75A1.75 1.75 0 0 0 6.75 9.5v5c0 .966.784 1.75 1.75 1.75h7a1.75 1.75 0 0 0 1.75-1.75v-5a1.75 1.75 0 0 0-1.75-1.75zm2.062-4a1.25 1.25 0 0 0-1.213.947L8.96 6.25h6.08l-.389-1.553a1.25 1.25 0 0 0-1.213-.947z"
+        })
     }));
-}, v = n;
+}, p = s;

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

@@ -93,74 +93,84 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const m = (_param)=>{
-    var { color: i, size: l = 24 } = _param, e = _object_without_properties(_param, [
+    var { color: r, size: l = 24 } = _param, h = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
-    return h.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = r !== null && r !== void 0 ? r : o ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: e } = (0, _hooks.useTheme)();
+    return e.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
+                d: "M9.408 10.12q-.25.213-.675.213t-.675-.214C7.887 9.972 7.8 9.763 7.8 9.5q0-.395.258-.62.25-.212.675-.213.426 0 .675.214.26.223.259.62 0 .395-.259.618M9.408 12.62q-.25.213-.675.213t-.675-.214Q7.801 12.396 7.8 12q0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M8.733 15.333q.426 0 .675-.214.26-.223.259-.619 0-.396-.259-.62-.25-.212-.675-.213-.425 0-.675.214-.257.222-.258.62 0 .395.258.618.25.214.675.214M12.208 15.12q-.249.213-.675.213-.424 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M12.208 12.62q-.249.213-.675.213-.424 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M12.208 10.12q-.249.213-.675.213-.424 0-.675-.214c-.171-.147-.258-.356-.258-.619q0-.395.258-.62.25-.212.675-.213.426 0 .675.214.26.223.259.62 0 .395-.259.618M15.008 15.12q-.249.213-.675.213-.425 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M15.008 12.62q-.249.213-.675.213-.425 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M15.008 10.12q-.249.213-.675.213-.425 0-.675-.214c-.171-.147-.258-.356-.258-.619q0-.395.258-.62.25-.212.675-.213.426 0 .675.214.26.223.259.62 0 .395-.259.618"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M18.067 7.686c0-1.088-.864-2.004-2.036-2.273l-.314-1.403C15.455 2.84 14.306 2 12.97 2h-2.876c-1.334 0-2.483.841-2.745 2.01l-.315 1.403C5.863 5.682 5 6.598 5 7.686v8.628c0 1.088.863 2.005 2.035 2.273l.315 1.403C7.612 21.16 8.76 22 10.096 22h2.875c1.335 0 2.484-.841 2.746-2.01l.314-1.403c1.172-.268 2.036-1.185 2.036-2.273v-.21q.344-.105.561-.36c.25-.289.372-.72.372-1.244 0-.523-.122-.95-.372-1.245a1.16 1.16 0 0 0-.561-.359v-1.792q.344-.105.561-.36c.25-.289.372-.72.372-1.244 0-.523-.122-.95-.372-1.245a1.16 1.16 0 0 0-.561-.359zm-9.619-3.48C8.605 3.505 9.295 3 10.095 3h2.876c.801 0 1.49.505 1.648 1.206l.252 1.127H8.195zm6.872 2.069c.91 0 1.648.632 1.648 1.411v8.628c0 .78-.738 1.412-1.648 1.412H7.747c-.91 0-1.648-.633-1.648-1.412V7.686c0-.78.738-1.411 1.648-1.411zM8.196 18.667h6.675l-.252 1.127C14.46 20.495 13.772 21 12.97 21h-2.876c-.8 0-1.49-.505-1.647-1.206z"
+            })
+        ]
+    })) : e.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, h), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
                 d: "m12.17 11.458.547-.548a.516.516 0 0 1 .729.729l-.595.595a.96.96 0 0 1-.679.284h-.004a.96.96 0 0 1-.71-.315l-1.087-1.086a.51.51 0 0 1 0-.729c.201-.2.528-.2.73 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M15.31 5.095a.706.706 0 0 0-.705-.705H9.63a.706.706 0 0 0-.705.705v3.622A4.5 4.5 0 0 0 7.52 11.97a4.5 4.5 0 0 0 1.405 3.252v3.676c0 .388.317.705.705.705h4.977a.706.706 0 0 0 .705-.705V15.13a4.44 4.44 0 0 0 1.311-3.161 4.44 4.44 0 0 0-1.311-3.16zm-4.975 11.037c.548.224 1.145.341 1.736.341a4.6 4.6 0 0 0 1.83-.38v2.098h-3.566zM13.9 7.845a4.6 4.6 0 0 0-1.83-.38 4.6 4.6 0 0 0-1.735.34V5.8H13.9zm1.312 4.124c0 1.706-1.41 3.094-3.141 3.094s-3.142-1.388-3.142-3.094 1.41-3.094 3.142-3.094 3.141 1.388 3.141 3.094M3.709 13.96a.756.756 0 1 1 1.512.003.756.756 0 0 1-1.512-.002m.748.003c0 .012.02.012.02 0a.01.01 0 0 0-.01-.01.01.01 0 0 0-.01.01"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M3.188 4.399H5.74c.803 0 .95.983 1.039 1.571.094.63.149 1.438.149 2.217v7.63c0 .78-.055 1.587-.15 2.217-.088.588-.235 1.571-1.038 1.571H3.188c-.803 0-.95-.988-1.039-1.578A16 16 0 0 1 2 15.817v-7.63c0-.772.054-1.577.149-2.21.088-.59.236-1.578 1.039-1.578m2.33 11.418v-7.63c0-1.025-.098-1.913-.199-2.378H3.612c-.082.388-.202 1.25-.202 2.378v7.63c0 1.128.12 1.99.202 2.378h1.707c.101-.465.198-1.352.198-2.378M20.595 6.914c.484.811.85 1.688 1.087 2.608a9.86 9.86 0 0 1-.943 7.311.706.706 0 0 1-1.23-.688 8.46 8.46 0 0 0 .808-6.27 8.5 8.5 0 0 0-.933-2.237.7.7 0 0 1-.079-.534.706.706 0 0 1 1.29-.19"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M18.576 8.74a.706.706 0 0 0-1.26.632 5.86 5.86 0 0 1-.025 5.3.7.7 0 0 0-.045.538.7.7 0 0 0 .671.49.7.7 0 0 0 .627-.382 7.268 7.268 0 0 0 .032-6.579"
             })
         ]
-    })) : h.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : e.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, h), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "m12.17 11.458.547-.548a.516.516 0 0 1 .729.729l-.595.595a.96.96 0 0 1-.679.283h-.004a.96.96 0 0 1-.71-.314l-1.087-1.086a.51.51 0 0 1 0-.73c.201-.2.528-.2.73 0z"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M15.31 5.095a.706.706 0 0 0-.705-.705H9.63a.706.706 0 0 0-.705.705v3.622a4.5 4.5 0 0 0-1.405 3.252 4.5 4.5 0 0 0 1.405 3.252v3.675c0 .39.316.706.705.706h4.976a.706.706 0 0 0 .706-.706V15.13a4.44 4.44 0 0 0 1.311-3.161 4.44 4.44 0 0 0-1.311-3.161zm-4.975 11.037a4.6 4.6 0 0 0 1.736.34 4.6 4.6 0 0 0 1.83-.38v2.1h-3.566zM13.9 7.845a4.6 4.6 0 0 0-1.83-.38 4.6 4.6 0 0 0-1.735.34V5.8H13.9zm1.312 4.124c0 1.706-1.41 3.094-3.141 3.094s-3.142-1.388-3.142-3.094 1.41-3.094 3.142-3.094 3.14 1.388 3.14 3.094M3.709 13.96a.756.756 0 1 1 1.511.002.756.756 0 0 1-1.511-.001m.748.003c0 .012.02.012.02 0a.01.01 0 0 0-.01-.01.01.01 0 0 0-.01.01"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M3.187 4.399H5.74c.803 0 .95.983 1.039 1.57.094.631.149 1.44.149 2.218v7.63c0 .779-.055 1.587-.15 2.217-.088.588-.235 1.571-1.038 1.571H3.187c-.802 0-.95-.988-1.038-1.579a16 16 0 0 1-.15-2.21V8.188c0-.772.055-1.578.15-2.21.088-.59.236-1.578 1.038-1.578m2.33 11.418v-7.63c0-1.025-.097-1.913-.198-2.378H3.611c-.081.387-.2 1.25-.2 2.378v7.63c0 1.128.119 1.99.2 2.378H5.32c.101-.465.198-1.352.198-2.378M20.595 6.914c.484.811.85 1.688 1.087 2.608a9.86 9.86 0 0 1-.943 7.311.706.706 0 0 1-1.231-.688 8.46 8.46 0 0 0 .809-6.27 8.5 8.5 0 0 0-.933-2.237.7.7 0 0 1-.079-.534.706.706 0 0 1 1.29-.19"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
+                fill: c,
                 d: "M18.576 8.74a.706.706 0 0 0-1.26.632 5.86 5.86 0 0 1-.025 5.3.7.7 0 0 0-.045.538.7.7 0 0 0 .671.49.7.7 0 0 0 .627-.382 7.25 7.25 0 0 0 .032-6.579"
             })
         ]
-    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
-        children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
-                d: "M9.408 10.12q-.25.213-.675.213t-.675-.214C7.887 9.972 7.8 9.763 7.8 9.5q0-.395.258-.62.25-.212.675-.213.426 0 .675.214.26.223.259.62 0 .395-.259.618M9.408 12.62q-.25.213-.675.213t-.675-.214Q7.801 12.396 7.8 12q0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M8.733 15.333q.426 0 .675-.214.26-.223.259-.619 0-.396-.259-.62-.25-.212-.675-.213-.425 0-.675.214-.257.222-.258.62 0 .395.258.618.25.214.675.214M12.208 15.12q-.249.213-.675.213-.424 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M12.208 12.62q-.249.213-.675.213-.424 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M12.208 10.12q-.249.213-.675.213-.424 0-.675-.214c-.171-.147-.258-.356-.258-.619q0-.395.258-.62.25-.212.675-.213.426 0 .675.214.26.223.259.62 0 .395-.259.618M15.008 15.12q-.249.213-.675.213-.425 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M15.008 12.62q-.249.213-.675.213-.425 0-.675-.214-.257-.223-.258-.619 0-.396.258-.62.25-.212.675-.213.426 0 .675.214.26.222.259.62 0 .395-.259.618M15.008 10.12q-.249.213-.675.213-.425 0-.675-.214c-.171-.147-.258-.356-.258-.619q0-.395.258-.62.25-.212.675-.213.426 0 .675.214.26.223.259.62 0 .395-.259.618"
-            }),
-            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: a,
-                d: "M18.067 7.686c0-1.088-.864-2.004-2.036-2.273l-.314-1.403C15.455 2.84 14.306 2 12.97 2h-2.876c-1.334 0-2.483.841-2.745 2.01l-.315 1.403C5.863 5.682 5 6.598 5 7.686v8.628c0 1.088.863 2.005 2.035 2.273l.315 1.403C7.612 21.16 8.76 22 10.096 22h2.875c1.335 0 2.484-.841 2.746-2.01l.314-1.403c1.172-.268 2.036-1.185 2.036-2.273v-.21q.344-.105.561-.36c.25-.289.372-.72.372-1.244 0-.523-.122-.95-.372-1.245a1.16 1.16 0 0 0-.561-.359v-1.792q.344-.105.561-.36c.25-.289.372-.72.372-1.244 0-.523-.122-.95-.372-1.245a1.16 1.16 0 0 0-.561-.359zm-9.619-3.48C8.605 3.505 9.295 3 10.095 3h2.876c.801 0 1.49.505 1.648 1.206l.252 1.127H8.195zm6.872 2.069c.91 0 1.648.632 1.648 1.411v8.628c0 .78-.738 1.412-1.648 1.412H7.747c-.91 0-1.648-.633-1.648-1.412V7.686c0-.78.738-1.411 1.648-1.411zM8.196 18.667h6.675l-.252 1.127C14.46 20.495 13.772 21 12.97 21h-2.876c-.8 0-1.49-.505-1.647-1.206z"
-            })
-        ]
+    }, h), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: c,
+            d: "M13.439 2.25a2.75 2.75 0 0 1 2.667 2.083l.53 2.121A3.25 3.25 0 0 1 18.75 9.5v5a3.25 3.25 0 0 1-2.113 3.045l-.53 2.122a2.75 2.75 0 0 1-2.668 2.083h-2.877a2.75 2.75 0 0 1-2.668-2.083l-.532-2.122A3.25 3.25 0 0 1 5.25 14.5v-5c0-1.395.878-2.585 2.112-3.046l.532-2.121a2.75 2.75 0 0 1 2.668-2.083zm-4.09 17.053c.139.556.639.947 1.213.947h2.877a1.25 1.25 0 0 0 1.212-.947l.389-1.553H8.96zM8.5 7.75A1.75 1.75 0 0 0 6.75 9.5v5c0 .966.784 1.75 1.75 1.75h7a1.75 1.75 0 0 0 1.75-1.75v-5a1.75 1.75 0 0 0-1.75-1.75zm2.062-4a1.25 1.25 0 0 0-1.213.947L8.96 6.25h6.08l-.389-1.553a1.25 1.25 0 0 0-1.213-.947z"
+        })
     }));
 }, p = m;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return p;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: e, size: o = 24 } = _param, t = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const c = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = e !== null && e !== void 0 ? e : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), o = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _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,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: o,
             d: "M20.725 4.5c.703 0 1.275.555 1.275 1.235v12.53c0 .68-.572 1.235-1.275 1.235H3.275C2.572 19.5 2 18.945 2 18.265V5.735c0-.68.572-1.235 1.275-1.235zM2.834 5.735v2.04h18.332v-2.04a.433.433 0 0 0-.44-.427H3.274a.437.437 0 0 0-.441.427m18.332 12.527V8.584H2.834v9.678c0 .236.196.427.44.427h17.451c.242 0 .441-.19.441-.427M9.308 13.017 6.479 10.53a.43.43 0 0 0-.592.029.395.395 0 0 0 .029.572l2.49 2.19-2.493 2.235a.397.397 0 0 0-.023.572.428.428 0 0 0 .592.02l2.829-2.533a.4.4 0 0 0 .134-.299.4.4 0 0 0-.137-.299m8.39-.082c.23 0 .418.182.418.404a.41.41 0 0 1-.419.404h-6.704a.41.41 0 0 1-.419-.404.41.41 0 0 1 .419-.404zM5.676 6.603c0 .307.259.56.58.56.322 0 .58-.253.58-.56a.57.57 0 0 0-.58-.563.57.57 0 0 0-.58.563m2.322.56a.57.57 0 0 1-.58-.56c0-.31.258-.563.58-.563s.578.25.578.563a.57.57 0 0 1-.578.56m-4.061-.56c0 .307.259.56.58.56.322 0 .581-.253.581-.56a.57.57 0 0 0-.58-.563.57.57 0 0 0-.581.563"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: o,
+            d: "M18.877 16.583a.75.75 0 0 1 1.247.834 9.75 9.75 0 0 1-7.44 4.307.8.8 0 0 1-.291.016q-.195.009-.392.009h-.002a10 10 0 0 1-.384-.009.8.8 0 0 1-.303-.016 9.74 9.74 0 0 1-7.42-4.308.75.75 0 0 1 1.249-.832 8.24 8.24 0 0 0 4.952 3.442c-.457-.9-.838-1.838-1.136-2.805a.75.75 0 0 1 1.434-.442 16.2 16.2 0 0 0 1.532 3.469l.077.002h.002l.075-.002a16.2 16.2 0 0 0 1.534-3.469.75.75 0 0 1 1.434.442c-.298.966-.68 1.904-1.138 2.804a8.3 8.3 0 0 0 1.992-.746 8.25 8.25 0 0 0 2.978-2.696M4.5 9.25a.75.75 0 0 1 .702.486l.654 1.745.417-1.663a.75.75 0 0 1 1.455.364l-1 4a.75.75 0 0 1-1.43.082L4.5 12.136l-.798 2.128a.75.75 0 0 1-1.43-.082l-1-4a.75.75 0 0 1 1.456-.364l.415 1.663.655-1.745.049-.104A.75.75 0 0 1 4.5 9.25M12 9.25a.75.75 0 0 1 .702.486l.655 1.745.416-1.663a.75.75 0 0 1 1.455.364l-1 4a.75.75 0 0 1-1.43.082L12 12.136l-.798 2.128a.75.75 0 0 1-1.43-.082l-1-4a.75.75 0 0 1 1.456-.364l.415 1.663.655-1.745.049-.104A.75.75 0 0 1 12 9.25M19.5 9.25a.75.75 0 0 1 .702.486l.654 1.745.416-1.663a.75.75 0 0 1 1.456.364l-1 4a.75.75 0 0 1-1.43.082l-.798-2.128-.798 2.128a.75.75 0 0 1-1.43-.082l-1-4a.75.75 0 0 1 1.456-.364l.415 1.663.655-1.745.049-.104a.75.75 0 0 1 .653-.382M12.001 2.25q.195 0 .392.009a.8.8 0 0 1 .29.015 9.75 9.75 0 0 1 7.441 4.309.75.75 0 0 1-1.247.834 8.25 8.25 0 0 0-4.97-3.447c.457.901.84 1.84 1.138 2.81a.75.75 0 0 1-1.434.44 16.2 16.2 0 0 0-1.534-3.47h-.154a16.2 16.2 0 0 0-1.532 3.47.75.75 0 0 1-1.434-.44q.449-1.454 1.136-2.807A8.24 8.24 0 0 0 5.14 7.416a.75.75 0 0 1-1.248-.832 9.74 9.74 0 0 1 7.419-4.309.8.8 0 0 1 .303-.016q.192-.008.384-.008z"
+        })
     }));
-}, v = n;
+}, p = s;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return v;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../../hooks.js");
 const _themevariantcontext = require("../../theme-variant-context.js");
 const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
 function _define_property(obj, key, value) {
@@ -91,21 +92,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
+const s = (_param)=>{
     var { color: c, size: a = 24 } = _param, e = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = c !== null && c !== void 0 ? c : t ? _skincontractcssmistica.vars.colors.inverse : _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,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, e), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: r,
             d: "M20.385 4.615c.804 0 1.456.63 1.456 1.404v11.955c0 .776-.655 1.403-1.456 1.403H3.615c-.805 0-1.46-.63-1.46-1.403V6.019c0-.776.655-1.404 1.46-1.404zm.227 1.404a.227.227 0 0 0-.227-.222H3.615a.225.225 0 0 0-.23.222v1.73h17.227zm0 2.913H3.385v9.042c0 .12.103.218.23.218h16.77a.22.22 0 0 0 .227-.218zM5.93 15.54a.58.58 0 0 0-.034.837c.12.126.286.19.449.19.148 0 .3-.05.417-.156l2.779-2.474a.578.578 0 0 0-.003-.874L6.76 10.635a.63.63 0 0 0-.868.04.576.576 0 0 0 .042.837l2.283 1.994zm5.129-1.423a.606.606 0 0 1-.617-.591c0-.328.275-.591.617-.591h6.588c.339 0 .616.266.616.59a.6.6 0 0 1-.616.592zM6.942 6.744a.56.56 0 0 0-.568-.549.556.556 0 0 0-.57.55c0 .302.253.548.57.548a.56.56 0 0 0 .568-.549m1.14-.549c.317 0 .569.247.569.55a.56.56 0 0 1-.569.548.56.56 0 0 1-.568-.549c0-.305.254-.549.568-.549m-2.851.55a.56.56 0 0 0-.569-.55.56.56 0 0 0-.569.55c0 .302.253.548.569.548a.56.56 0 0 0 .569-.549"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
+            d: "M18.877 16.583a.75.75 0 0 1 1.247.834 9.75 9.75 0 0 1-7.44 4.307.8.8 0 0 1-.291.016q-.195.009-.392.009h-.002a10 10 0 0 1-.384-.009.8.8 0 0 1-.303-.016 9.74 9.74 0 0 1-7.42-4.308.75.75 0 0 1 1.249-.832 8.24 8.24 0 0 0 4.952 3.442c-.457-.9-.838-1.838-1.136-2.805a.75.75 0 0 1 1.434-.442 16.2 16.2 0 0 0 1.532 3.469l.077.002h.002l.075-.002a16.2 16.2 0 0 0 1.534-3.469.75.75 0 0 1 1.434.442c-.298.966-.68 1.904-1.138 2.804a8.3 8.3 0 0 0 1.992-.746 8.25 8.25 0 0 0 2.978-2.696M4.5 9.25a.75.75 0 0 1 .702.486l.654 1.745.417-1.663a.75.75 0 0 1 1.455.364l-1 4a.75.75 0 0 1-1.43.082L4.5 12.136l-.798 2.128a.75.75 0 0 1-1.43-.082l-1-4a.75.75 0 0 1 1.456-.364l.415 1.663.655-1.745.049-.104A.75.75 0 0 1 4.5 9.25M12 9.25a.75.75 0 0 1 .702.486l.655 1.745.416-1.663a.75.75 0 0 1 1.455.364l-1 4a.75.75 0 0 1-1.43.082L12 12.136l-.798 2.128a.75.75 0 0 1-1.43-.082l-1-4a.75.75 0 0 1 1.456-.364l.415 1.663.655-1.745.049-.104A.75.75 0 0 1 12 9.25M19.5 9.25a.75.75 0 0 1 .702.486l.654 1.745.416-1.663a.75.75 0 0 1 1.456.364l-1 4a.75.75 0 0 1-1.43.082l-.798-2.128-.798 2.128a.75.75 0 0 1-1.43-.082l-1-4a.75.75 0 0 1 1.456-.364l.415 1.663.655-1.745.049-.104a.75.75 0 0 1 .653-.382M12.001 2.25q.195 0 .392.009a.8.8 0 0 1 .29.015 9.75 9.75 0 0 1 7.441 4.309.75.75 0 0 1-1.247.834 8.25 8.25 0 0 0-4.97-3.447c.457.901.84 1.84 1.138 2.81a.75.75 0 0 1-1.434.44 16.2 16.2 0 0 0-1.534-3.47h-.154a16.2 16.2 0 0 0-1.532 3.47.75.75 0 0 1-1.434-.44q.449-1.454 1.136-2.807A8.24 8.24 0 0 0 5.14 7.416a.75.75 0 0 1-1.248-.832 9.74 9.74 0 0 1 7.419-4.309.8.8 0 0 1 .303-.016q.192-.008.384-.008z"
+        })
     }));
-}, v = n;
+}, M = s;

package/dist/generated/mistica-icons/icon-webcam-filled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconProps } from '../../utils/types';
+declare const IconWebcamFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconWebcamFilled;