@telefonica/mistica 15.20.1 → 16.0.0

package/dist/generated/mistica-icons/icon-face-neutral-light.js

@@ -0,0 +1,160 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        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) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const m = (_param)=>{
+    var { color: l, size: e = 24 } = _param, i = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = l !== null && l !== void 0 ? l : n ? _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"
+    }, i), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: a,
+            d: "M21.15 12a9.15 9.15 0 1 0-18.3 0 9.15 9.15 0 0 0 18.3 0m.85 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M8 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2m8 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m1 2.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1 0-1h9a.5.5 0 0 1 .5.5"
+        })
+    })) : r.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25M8.607 8.5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M7.375 13.875c0-.345.28-.625.625-.625h8a.625.625 0 1 1 0 1.25H8a.625.625 0 0 1-.625-.625"
+            })
+        ]
+    })) : r.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25M8.607 8.5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M7.375 13.875c0-.345.28-.625.625-.625h8a.625.625 0 1 1 0 1.25H8a.625.625 0 0 1-.625-.625"
+            })
+        ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M21.838 11.997c0-6.706-3.628-9.846-9.846-9.846-6.219 0-9.84 3.14-9.84 9.846s3.621 9.84 9.84 9.84 9.845-3.134 9.845-9.84m-9.846 9.02c-5.986 0-9.02-3.034-9.02-9.02 0-5.989 3.034-9.025 9.02-9.025 5.988 0 9.025 3.036 9.025 9.025 0 5.986-3.037 9.02-9.025 9.02M9.008 10.44c-.327 0-.599-.101-.787-.292-.185-.187-.277-.448-.277-.775 0-.667.398-1.068 1.064-1.068.667 0 1.065.4 1.065 1.068q0 .49-.277.775c-.188.19-.46.292-.788.292m5.185-.292c.188.19.46.292.787.292.328 0 .6-.101.787-.292q.278-.285.278-.775c0-.667-.398-1.068-1.065-1.068s-1.064.4-1.064 1.068q0 .492.277.775"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M7.1 13.5c0-.22.18-.4.4-.4h9.105a.4.4 0 0 1 0 .8H7.5a.4.4 0 0 1-.4-.4"
+            })
+        ]
+    }));
+}, M = m;

package/dist/generated/mistica-icons/{icon-not-conexion-regular.d.ts → icon-face-neutral-regular.d.ts}

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

package/dist/generated/mistica-icons/icon-face-neutral-regular.js

@@ -0,0 +1,148 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return u;
+    }
+});
+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) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const m = (_param)=>{
+    var { color: o, size: e = 24 } = _param, t = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = o !== null && o !== void 0 ? o : n ? _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: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: r,
+            d: "M12 2c5.52 0 10.002 4.48 10.002 10 0 5.518-4.482 10-10.001 10C6.48 22 2 17.517 2 12 2 6.48 6.481 2 12 2m0 1.332c-4.784 0-8.667 3.884-8.667 8.668s3.883 8.666 8.668 8.666c4.783 0 8.667-3.883 8.667-8.666s-3.884-8.668-8.667-8.668M8.005 14.404a.665.665 0 0 1-.67-.663.67.67 0 0 1 .664-.67l7.999-.039a.666.666 0 1 1 .006 1.333zm7.999-5.742a1.334 1.334 0 1 1-.001 2.668 1.334 1.334 0 0 1 .001-2.668m-8.004 0a1.335 1.335 0 1 1-.003 2.67A1.335 1.335 0 0 1 8 8.661"
+        })
+    })) : i.match(/^blau/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: r,
+            d: "M12 2c5.52 0 10.002 4.481 10.002 10.001C22.002 17.52 17.52 22 12 22 6.48 22 2 17.519 2 12.001 2 6.481 6.481 2 12 2m0 1.333c-4.784 0-8.667 3.883-8.667 8.668 0 4.783 3.883 8.666 8.668 8.666 4.783 0 8.667-3.883 8.667-8.666 0-4.785-3.884-8.668-8.667-8.668M8.005 14.405a.665.665 0 0 1-.67-.663.67.67 0 0 1 .664-.67l7.999-.04a.666.666 0 1 1 .006 1.334zm7.999-5.742a1.334 1.334 0 1 1-.001 2.668 1.334 1.334 0 0 1 .001-2.668m-8.004 0a1.335 1.335 0 1 1-.003 2.669A1.335 1.335 0 0 1 8 8.662"
+        })
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: r,
+                d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25M8.607 8.5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M7.375 13.875c0-.345.28-.625.625-.625h8a.625.625 0 1 1 0 1.25H8a.625.625 0 0 1-.625-.625"
+            })
+        ]
+    })) : /* @__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: r,
+            d: "M22 12.003C22 18.815 18.313 22 11.996 22S2 18.815 2 12.003C2 5.19 5.68 2 11.997 2s10.002 3.19 10.002 10.003M11.996 20.75c5.888 0 8.753-2.862 8.753-8.747 0-5.888-2.862-8.753-8.753-8.753-5.885 0-8.747 2.862-8.747 8.753 0 5.885 2.862 8.747 8.747 8.747m2.163-10.552c-.208-.213-.31-.503-.31-.86 0-.733.455-1.188 1.184-1.188.73 0 1.183.455 1.183 1.189 0 .359-.105.65-.313.86-.207.213-.51.327-.87.327-.362 0-.664-.114-.874-.328m-5.194.328c-.36 0-.663-.114-.874-.328-.207-.21-.31-.5-.31-.86 0-.733.456-1.188 1.184-1.188.732 0 1.184.455 1.184 1.189 0 .359-.106.65-.31.86-.21.213-.512.327-.874.327M7.6 14.206a.572.572 0 0 1 0-1.143l9.047-.007a.572.572 0 1 1 0 1.143z"
+        })
+    }));
+}, u = m;

package/dist/generated/mistica-icons/{icon-garaje-regular.d.ts → icon-face-sad-filled.d.ts}

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

package/dist/generated/mistica-icons/{icon-smiley-sad-filled.js → icon-face-sad-filled.js}

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return h;
+        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,61 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: l, size: o = 24 } = _param, i = _object_without_properties(_param, [
+const s = (_param)=>{
+    var { color: r, size: e = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), t = l !== null && l !== void 0 ? l : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = r !== null && r !== void 0 ? r : l ? _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"
-    }, i), {
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: i,
+            d: "M12 2c5.519 0 9.999 4.48 9.999 10s-4.48 10-10 10S2 17.519 2 12 6.48 2 12 2m4.006 6.18a1.336 1.336 0 1 0 0 2.672 1.336 1.336 0 0 0 0-2.671m-8.013 0a1.336 1.336 0 1 0 .001 2.672 1.336 1.336 0 0 0 0-2.671m.36 7.447s.745-1.858 3.662-1.858c2.922 0 3.627 1.846 3.627 1.846a.666.666 0 1 0 1.263-.43s-.86-2.75-4.89-2.75c-3.998 0-4.917 2.737-4.917 2.737a.668.668 0 0 0 1.254.455"
+        })
+    })) : t.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: i,
+            d: "M12 2c5.519 0 9.999 4.48 9.999 10s-4.48 10-10 10S2 17.519 2 12 6.48 2 12 2m4.006 6.18a1.336 1.336 0 1 0 0 2.672 1.336 1.336 0 0 0 0-2.671m-8.013 0a1.336 1.336 0 1 0 .001 2.672 1.336 1.336 0 0 0 0-2.671m.36 7.447s.745-1.858 3.662-1.858c2.922 0 3.627 1.846 3.627 1.846a.666.666 0 1 0 1.263-.43s-.86-2.75-4.89-2.75c-3.998 0-4.917 2.737-4.917 2.737a.668.668 0 0 0 1.254.455"
+        })
+    })) : 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"
+    }, c), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: i,
+            d: "M12 2c5.519 0 9.999 4.48 9.999 10s-4.48 10-10 10S2 17.519 2 12 6.48 2 12 2M7.624 9.482a.982.982 0 1 0 1.963.001.982.982 0 0 0-1.963 0m6.696 0a.982.982 0 1 0 1.964.001.982.982 0 0 0-1.964 0m-7.007 6.482a.5.5 0 0 0 .65-.278v.002c.177-.407.485-.773.81-1.068.602-.547 1.609-1.12 3.226-1.12s2.624.573 3.226 1.12c.326.296.633.66.81 1.068v-.001a.5.5 0 0 0 .928-.373 3 3 0 0 0-.252-.472 4.7 4.7 0 0 0-.813-.962c-.773-.703-2.016-1.38-3.899-1.38s-3.126.677-3.899 1.38c-.718.653-1.01 1.302-1.059 1.418a.51.51 0 0 0 .272.666"
+        })
+    })) : 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"
+    }, c), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: i,
+            d: "M12 2c5.519 0 9.999 4.48 9.999 10s-4.48 10-10 10S2 17.519 2 12 6.48 2 12 2M7.624 9.482a.982.982 0 1 0 1.963.001.982.982 0 0 0-1.963 0m6.696 0a.982.982 0 1 0 1.964.001.982.982 0 0 0-1.964 0m-7.007 6.482a.5.5 0 0 0 .65-.278v.002c.177-.407.485-.773.81-1.068.602-.547 1.609-1.12 3.226-1.12s2.624.573 3.226 1.12c.326.296.633.66.81 1.068v-.001a.5.5 0 0 0 .928-.373 3 3 0 0 0-.252-.472 4.7 4.7 0 0 0-.813-.962c-.773-.703-2.016-1.38-3.899-1.38s-3.126.677-3.899 1.38c-.718.653-1.01 1.302-1.059 1.418a.51.51 0 0 0 .272.666"
+        })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+            fill: i,
             d: "M21.841 12c0-6.705-3.627-9.845-9.846-9.845-6.218 0-9.84 3.14-9.84 9.846s3.622 9.84 9.84 9.84c6.219 0 9.846-3.134 9.846-9.84M5.928 16.05c2.333-2.614 6.003-2.485 6.157-2.48 3.714.04 5.893 2.412 5.986 2.513a.613.613 0 0 1-.457 1.025.6.6 0 0 1-.456-.201l-.003-.003c-.08-.085-1.977-2.073-5.1-2.107h-.03c-.328.001-3.33.004-5.178 2.07a.613.613 0 0 1-.868.05.613.613 0 0 1-.05-.867m3.084-5.502c-.356 0-.653-.112-.86-.322-.201-.207-.305-.493-.305-.846 0-.723.445-1.17 1.165-1.17.717 0 1.165.447 1.165 1.17 0 .353-.103.639-.305.846-.207.21-.504.322-.86.322m6.832-.322c-.207.21-.504.322-.86.322-.358 0-.655-.112-.857-.322-.202-.207-.305-.493-.305-.846 0-.723.445-1.17 1.165-1.17.717 0 1.165.447 1.165 1.17 0 .353-.104.639-.308.846"
         })
     }));
-}, h = n;
+}, p = s;

package/dist/generated/mistica-icons/{icon-garaje-filled.d.ts → icon-face-sad-light.d.ts}

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

package/dist/generated/mistica-icons/{icon-smiley-sad-light.js → icon-face-sad-light.js}

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return g;
     }
 });
 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,69 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const l = (_param)=>{
-    var { color: c, size: o = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: r, size: a = 24 } = _param, c = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseVariant)(), i = c !== null && c !== void 0 ? c : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: o,
-        height: o,
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : s ? _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: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, c), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M12 21.15a9.15 9.15 0 1 0 0-18.3 9.15 9.15 0 0 0 0 18.3m0 .85C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M9 9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M17 9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0M7.964 15.686a.5.5 0 0 1-.65.278.51.51 0 0 1-.276-.656 3.763 3.763 0 0 1 .385-.667c.164-.23.386-.495.678-.761.773-.703 2.016-1.38 3.899-1.38s3.126.677 3.899 1.38c.434.395.837.884 1.064 1.432v.001l.001.001a.5.5 0 0 1-.278.65c-.267.107-.544-.035-.655-.288a3.5 3.5 0 0 0-.805-1.056c-.602-.547-1.609-1.12-3.226-1.12s-2.624.573-3.226 1.12c-.326.296-.632.66-.81 1.068z"
+            })
+        ]
+    })) : i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m-3.393 5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M7.268 16.08a.625.625 0 0 0 .81-.344c.033-.073.264-.555.78-1.024.58-.527 1.558-1.087 3.142-1.087s2.562.56 3.142 1.088c.31.282.608.631.778 1.02l.001.003a.625.625 0 0 0 1.16-.468l-.002-.004a3.3 3.3 0 0 0-.262-.489 4.9 4.9 0 0 0-.834-.988c-.795-.722-2.067-1.412-3.983-1.412s-3.188.69-3.983 1.412a4.9 4.9 0 0 0-.834.988 3 3 0 0 0-.262.49.635.635 0 0 0 .347.815m9.79-.861.02.046zm-1.137.517v-.002l-.001-.001z"
+            })
+        ]
+    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m-3.393 5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M7.268 16.08a.625.625 0 0 0 .81-.344c.033-.073.264-.555.78-1.024.58-.527 1.558-1.087 3.142-1.087s2.562.56 3.142 1.088c.31.282.608.631.778 1.02l.001.003a.625.625 0 0 0 1.16-.468l-.002-.004a3.3 3.3 0 0 0-.262-.489 4.9 4.9 0 0 0-.834-.988c-.795-.722-2.067-1.412-3.983-1.412s-3.188.69-3.983 1.412a4.9 4.9 0 0 0-.834.988 3 3 0 0 0-.262.49.635.635 0 0 0 .347.815m9.79-.861.02.046zm-1.137.517v-.002l-.001-.001z"
+            })
+        ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: i,
+            fill: t,
             d: "M21.838 11.997c0-6.706-3.628-9.846-9.846-9.846-6.219 0-9.84 3.14-9.84 9.846s3.621 9.84 9.84 9.84 9.845-3.134 9.845-9.84m-9.846 9.02c-5.986 0-9.02-3.034-9.02-9.02 0-5.989 3.034-9.025 9.02-9.025 5.988 0 9.025 3.036 9.025 9.025 0 5.986-3.037 9.02-9.025 9.02m.08-7.25c3.634.04 5.752 2.35 5.841 2.449a.41.41 0 0 1-.61.549l-.003-.003c-.084-.088-2.033-2.138-5.25-2.174h-.017c-.264-.002-3.408-.028-5.344 2.138a.412.412 0 0 1-.613-.547c2.184-2.443 5.577-2.415 5.965-2.412zM9.009 10.44c-.327 0-.599-.101-.787-.292-.185-.187-.277-.448-.277-.775 0-.67.398-1.068 1.064-1.068.667 0 1.065.4 1.065 1.068q0 .492-.277.775c-.188.19-.46.292-.788.292m5.185-.292c.188.19.46.292.787.292.328 0 .6-.101.787-.292.185-.187.278-.448.278-.775 0-.667-.398-1.068-1.065-1.068s-1.064.398-1.064 1.068q0 .492.277.775"
         })
     }));
-}, d = l;
+}, g = m;

package/dist/generated/mistica-icons/icon-face-sad-regular.d.ts

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

package/dist/generated/mistica-icons/{icon-smiley-sad-regular.js → icon-face-sad-regular.js}

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return d;
+        return g;
     }
 });
 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,57 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: c, size: r = 24 } = _param, s = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: o, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseVariant)(), l = 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({
-        width: r,
-        height: r,
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = o !== null && o !== void 0 ? o : l ? _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"
-    }, s), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: l,
+            fill: c,
+            d: "M12 2c5.519 0 10 4.481 10 10s-4.481 10-10 10S2 17.519 2 12 6.48 2 12 2m0 1.334c-4.782 0-8.665 3.883-8.665 8.666S7.218 20.666 12 20.666s8.665-3.883 8.665-8.666S16.782 3.334 12 3.334m4.007 4.846a1.336 1.336 0 1 1-.002 2.671 1.336 1.336 0 0 1 .002-2.671m-7.654 7.447a.666.666 0 1 1-1.255-.454s.92-2.739 4.917-2.739c4.03 0 4.89 2.751 4.89 2.751a.667.667 0 1 1-1.263.43s-.704-1.846-3.627-1.846c-2.917 0-3.662 1.858-3.662 1.858m-.36-7.447a1.336 1.336 0 1 1-.002 2.672 1.336 1.336 0 0 1 .003-2.672"
+        })
+    })) : t.match(/^blau/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: c,
+            d: "M12 2c5.519 0 10 4.481 10 10s-4.481 10-10 10S2 17.519 2 12 6.48 2 12 2m0 1.334c-4.782 0-8.665 3.883-8.665 8.666S7.218 20.666 12 20.666s8.665-3.883 8.665-8.666S16.782 3.334 12 3.334m4.007 4.846a1.336 1.336 0 1 1-.002 2.671 1.336 1.336 0 0 1 .002-2.671m-7.654 7.447a.666.666 0 1 1-1.255-.454s.92-2.739 4.917-2.739c4.03 0 4.89 2.751 4.89 2.751a.667.667 0 1 1-1.263.43s-.704-1.846-3.627-1.846c-2.917 0-3.662 1.858-3.662 1.858m-.36-7.447a1.336 1.336 0 1 1-.002 2.672 1.336 1.336 0 0 1 .003-2.672"
+        })
+    })) : t.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: c,
+                d: "M12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-18.75c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S16.825 3.25 12 3.25m-3.393 5a.982.982 0 1 0-.001 1.963.982.982 0 0 0 .001-1.963m6.697 0a.982.982 0 1 0-.002 1.963.982.982 0 0 0 .002-1.963"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M7.268 16.08a.625.625 0 0 0 .81-.344c.033-.073.264-.555.78-1.024.58-.527 1.558-1.087 3.142-1.087s2.562.56 3.142 1.088c.31.282.608.631.778 1.02l.001.003a.625.625 0 0 0 1.16-.468l-.002-.004a3.3 3.3 0 0 0-.262-.489 4.9 4.9 0 0 0-.834-.988c-.795-.722-2.067-1.412-3.983-1.412s-3.188.69-3.983 1.412a4.9 4.9 0 0 0-.834.988 3 3 0 0 0-.262.49.635.635 0 0 0 .347.815m9.79-.861.02.046zm-1.137.517v-.002l-.001-.001z"
+            })
+        ]
+    })) : /* @__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: c,
             d: "M21.841 12.001c0-6.706-3.627-9.846-9.846-9.846-6.218 0-9.84 3.14-9.84 9.846s3.622 9.84 9.84 9.84c6.219 0 9.846-3.134 9.846-9.84m-9.846 8.61c-5.792 0-8.61-2.817-8.61-8.61 0-5.798 2.818-8.616 8.61-8.616 5.799 0 8.617 2.82 8.617 8.616 0 5.793-2.821 8.61-8.617 8.61m.09-7.041c3.714.039 5.894 2.414 5.986 2.515a.615.615 0 0 1-.913.823l-.003-.002c-.08-.085-1.977-2.074-5.1-2.107h-.03c-.328 0-3.33.004-5.178 2.07a.616.616 0 0 1-.919-.818c2.333-2.616 6.003-2.487 6.157-2.481m-3.073-3.023c-.356 0-.652-.112-.86-.322-.204-.207-.305-.493-.305-.846 0-.723.448-1.17 1.165-1.17.72 0 1.165.447 1.165 1.17 0 .353-.103.639-.305.846-.207.21-.504.322-.86.322m5.112-.322c.207.21.504.322.86.322s.653-.112.857-.322c.205-.207.308-.493.308-.846 0-.723-.445-1.17-1.165-1.17-.717 0-1.165.447-1.165 1.17 0 .35.1.636.305.846"
         })
     }));
-}, d = n;
+}, g = h;

package/dist/generated/mistica-icons/{icon-not-photo-camera-regular.d.ts → icon-face-slightly-sad-filled.d.ts}

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