@telefonica/mistica 16.41.0 → 16.42.0

package/dist/generated/mistica-icons/icon-outgoing-call-regular.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return u;
+        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,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: o, size: c = 24 } = _param, r = _object_without_properties(_param, [
+const h = (_param)=>{
+    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
-        width: c,
-        height: c,
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = r !== null && r !== void 0 ? r : 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: l,
+        height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, r), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: a,
             d: "M21.84 17.508c-.016-.963-.467-1.89-1.341-2.764a5.5 5.5 0 0 0-1.05-.832c-.785-.485-1.603-.662-2.435-.521-.804.137-1.58.574-2.302 1.297-.093.09-.166.168-.236.246a3.6 3.6 0 0 1-.549-.32c-.784-.537-1.73-1.456-2.37-2.095l-.08-.08c-.645-.64-1.56-1.583-2.099-2.37a3.6 3.6 0 0 1-.319-.55q.127-.11.246-.232c.726-.723 1.16-1.499 1.297-2.303.14-.829-.036-1.65-.512-2.42a5.4 5.4 0 0 0-.838-1.067c-.874-.871-1.804-1.322-2.764-1.342-.998-.014-1.975.426-2.916 1.325-.328.314-.63.731-.762.916-.869 1.26-.874 3.143-.012 5.3.838 2.11 2.454 4.398 4.673 6.63q.027.036.061.065l.076.075c2.25 2.25 4.56 3.885 6.69 4.734 1.072.429 2.072.644 2.974.644.913 0 1.697-.22 2.386-.7.152-.11.552-.4.858-.72.899-.938 1.344-1.921 1.325-2.916m-1.26.023c.014.652-.314 1.33-.975 2.022-.227.238-.571.487-.72.594-.89.616-2.383.571-4.12-.12-1.97-.785-4.135-2.326-6.266-4.454l-.045-.045-.03-.034c-2.13-2.129-3.67-4.294-4.455-6.263-.7-1.754-.745-3.219-.098-4.149q.329-.457.572-.691c.692-.661 1.375-.992 2.022-.975.625.011 1.263.339 1.894.969q.375.368.647.824c.325.523.44 1.036.35 1.56-.09.543-.41 1.09-.944 1.624-.146.146-.241.233-.412.367a.6.6 0 0 0-.16.185c-.232.42-.075 1.003.496 1.838.6.874 1.569 1.874 2.244 2.546l.081.081c.678.675 1.68 1.647 2.55 2.244.834.571 1.42.728 1.834.493a.6.6 0 0 0 .185-.157q.17-.217.367-.412c.535-.535 1.084-.851 1.624-.944.519-.084 1.045.031 1.578.359.296.176.568.392.809.639.633.635.96 1.274.972 1.899m-6.501-8.869 2.45-2.16.003-.002a.63.63 0 0 0 .048-.89l-.451-.505 3.597-.28.01.003-.761 3.568-.468-.515a.63.63 0 0 0-.88-.053l-2.462 2.114a.4.4 0 0 1-.05.026c-.023.01-.046.02-.05.025-.045-.003-.073-.028-.124-.093l-.924-1.03a.12.12 0 0 1-.028-.096c.006-.03.02-.058.09-.112m-.998 1.054.888.983c.238.313.597.515.99.546.377.036.75-.09 1.027-.347l1.997-1.717.132.145c.314.35.776.493 1.207.376.434-.115.762-.471.86-.928l.79-3.689a1.25 1.25 0 0 0-.277-1.092 1.26 1.26 0 0 0-.947-.423l-.1.003-3.74.288a1.2 1.2 0 0 0-1.042.742c-.166.42-.073.9.243 1.253l.112.123-1.93 1.7q-.058.043-.109.09c-.566.51-.61 1.38-.1 1.947"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M5.32 2.554c.535-.31 1.071-.374 1.565-.235.517.146.88.487 1.092.724.178.2.564.746.922 1.265.376.545.772 1.134.996 1.472.29.437.469.91.45 1.413-.02.508-.237.943-.543 1.306l-.016.018-.016.017-.543.567-.027.03-.03.025-.003.002c0 .013 0 .04.01.08.035.164.15.393.336.677l.15.207c.778 1.038 2.101 2.246 3.432 3.392.274.174.496.28.657.314a.4.4 0 0 0 .087.008l.005-.004.025-.03.028-.027.568-.545.016-.016.018-.014c.347-.295.764-.526 1.267-.556.5-.03.968.146 1.404.427l1.487.977c.525.352 1.076.73 1.278.906.24.207.587.568.74 1.084.145.493.084 1.03-.224 1.566l-.148.23a16 16 0 0 1-1.109 1.356 25 25 0 0 1-.557.599q-.023.023-.036.037l-.008.008-.027.028q-.032.034-.086.08c-.07.061-.167.139-.293.22-.253.166-.619.35-1.108.466-.986.236-2.391.185-4.277-.678-1.58-.664-3.607-2.188-5.417-3.958-1.815-1.774-3.509-3.89-4.36-5.798l-.003-.007-.003-.008c-.717-1.702-.854-3.013-.727-3.974.113-.858.45-1.477.796-1.784l.013-.013.037-.035.134-.128c.114-.109.275-.26.464-.431a16 16 0 0 1 1.356-1.111zm1.157 1.21c-.061-.018-.187-.041-.412.092l-.102.067c-.407.29-.861.68-1.222 1.005-.178.16-.329.302-.436.404l-.124.119-.032.03-.007.008-.002.002-.038.037-.043.032c.061-.045-.19.164-.28.84-.085.641-.016 1.677.616 3.183l.149.315c.786 1.591 2.247 3.414 3.89 5.02 1.646 1.61 3.39 2.92 4.695 3.536l.254.114.023.01c1.653.76 2.72.736 3.323.591a2 2 0 0 0 .638-.262c.061-.04.102-.074.123-.092l.068-.068.119-.124c.1-.107.242-.259.403-.437.325-.36.712-.814 1-1.22.205-.29.175-.44.156-.505-.033-.112-.13-.241-.282-.374-.114-.098-.566-.413-1.132-.793-.542-.363-1.13-.747-1.465-.962-.271-.175-.424-.195-.502-.19-.073.005-.19.037-.378.194l-.532.512c-.441.484-1.019.547-1.497.448-.452-.093-.882-.336-1.207-.545l-.044-.029-.039-.034c-1.41-1.214-2.993-2.642-3.878-3.919l-.004-.007-.005-.006c-.213-.321-.462-.748-.56-1.199-.105-.482-.043-1.066.449-1.51l.5-.523c.146-.175.182-.298.185-.389.004-.097-.026-.264-.2-.526-.22-.331-.61-.912-.98-1.448-.29-.42-.543-.777-.693-.976l-.113-.142c-.134-.151-.266-.247-.382-.28"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M19 3.25q.12.002.23.04.029.008.056.017l.006.002.12.065q.064.04.118.095a.8.8 0 0 1 .128.178q.02.032.034.066.01.028.018.056c.023.073.04.15.04.23v4a.75.75 0 0 1-1.5 0V5.81l-3.72 3.72a.75.75 0 1 1-1.06-1.06l3.72-3.72H15a.75.75 0 0 1 0-1.5z"
+            })
+        ]
     }));
-}, u = i;
+}, p = h;

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

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

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

@@ -0,0 +1,117 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return p;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+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 c = (_param)=>{
+    var { color: l, size: o = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = l !== null && l !== void 0 ? l : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M10 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M14 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M18.75 2.5a2.75 2.75 0 0 1 2.75 2.75v13.5a2.75 2.75 0 0 1-2.75 2.75H5.25a2.75 2.75 0 0 1-2.75-2.75V5.25A2.75 2.75 0 0 1 5.25 2.5zM12 5.75a6.25 6.25 0 1 0 0 12.5 6.25 6.25 0 0 0 0-12.5"
+            })
+        ]
+    }));
+}, p = c;

package/dist/generated/mistica-icons/icon-outlet-light.d.ts

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

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

@@ -0,0 +1,121 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return p;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+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 h = (_param)=>{
+    var { color: e, size: o = 24 } = _param, i = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = e !== null && e !== void 0 ? e : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M10 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M14 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M12 5.25a6.75 6.75 0 1 1 0 13.5 6.75 6.75 0 0 1 0-13.5m0 1.5a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: t,
+                d: "M18.75 2.25a3 3 0 0 1 3 3v13.5a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3zm-13.5 1.5a1.5 1.5 0 0 0-1.5 1.5v13.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V5.25a1.5 1.5 0 0 0-1.5-1.5z"
+            })
+        ]
+    }));
+}, p = h;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return m;
+        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) {
@@ -91,27 +92,47 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const c = (_param)=>{
-    var { color: t, size: a = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: i, size: l = 24 } = _param, t = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const s = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = t !== null && t !== void 0 ? t : s ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
-        width: a,
-        height: a,
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), a = i !== null && i !== void 0 ? i : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: h } = (0, _hooks.useTheme)();
+    return h.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), {
+    }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M16.105 9.746a1.026 1.026 0 1 0 0 2.052 1.026 1.026 0 0 0 0-2.052M6.87 10.772a1.026 1.026 0 1 1 2.052 0 1.026 1.026 0 0 1-2.053 0M12 11.798a1.026 1.026 0 1 0 0 2.052 1.026 1.026 0 0 0 0-2.052"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: a,
                 d: "M7.285 18.596h9.43a3.72 3.72 0 0 0 2.858-1.338l2.565-3.079a3.72 3.72 0 0 0 0-4.762l-2.565-3.079A3.72 3.72 0 0 0 16.715 5h-9.43a3.72 3.72 0 0 0-2.858 1.338L1.862 9.417a3.72 3.72 0 0 0 0 4.762l2.565 3.079a3.72 3.72 0 0 0 2.858 1.338m9.43-1.282h-9.43c-.723 0-1.41-.322-1.872-.877l-2.565-3.079a2.44 2.44 0 0 1 0-3.12L5.413 7.16a2.44 2.44 0 0 1 1.872-.877h9.43c.723 0 1.41.32 1.872.877l2.566 3.078a2.44 2.44 0 0 1 0 3.12l-2.566 3.079a2.44 2.44 0 0 1-1.872.877"
             })
         ]
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, t), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M10 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2M14 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M12 5.25a6.75 6.75 0 1 1 0 13.5 6.75 6.75 0 0 1 0-13.5m0 1.5a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: a,
+                d: "M18.75 2.25a3 3 0 0 1 3 3v13.5a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3zm-13.5 1.5a1.5 1.5 0 0 0-1.5 1.5v13.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V5.25a1.5 1.5 0 0 0-1.5-1.5z"
+            })
+        ]
     }));
-}, m = c;
+}, u = m;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const s = (_param)=>{
-    var { color: c, size: l = 24 } = _param, e = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: c, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = c !== null && c !== void 0 ? c : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = c !== null && c !== void 0 ? c : i ? _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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, e), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "m12.231 17.525 7.681-1.33c.33-.068.642.167.692.515.056.344-.16.67-.49.72l-7.737 1.347c-.04 1.591-1.003 2.703-2.667 2.997a4 4 0 0 1-.7.067c-.667 0-1.26-.184-1.742-.543-.644-.476-1.062-1.255-1.221-2.252-.292-1.801.479-3.157 2.022-3.667L6.352 4.645l-2.476-.487c-.322-.059-.538-.384-.482-.728.064-.342.386-.569.709-.502l2.885.56c.249.048.442.258.481.519l1.793 11.16a3.1 3.1 0 0 1 .754.058l-.787-4.924a1.3 1.3 0 0 1 .039-.586 1.2 1.2 0 0 1-.207-.476l-.78-4.865c-.094-.594.267-1.146.796-1.247l5.544-.96a.97.97 0 0 1 .77.215c.202.168.33.409.378.686l.757 4.706 1.044-.185c.28-.05.569.02.81.202.258.193.434.493.49.83l.908 5.657c.047.345-.026.687-.21.955-.171.253-.42.418-.7.468l-6.86 1.188c.086.202.159.409.223.636M9.491 4.332l.72 4.532 5.118-.888-.73-4.53-1.438.253.224 1.38c.031.227-.112.443-.33.477l-1.445.252c-.026.008-.04.008-.065.008a.37.37 0 0 1-.232-.075.5.5 0 0 1-.168-.278l-.216-1.38zm6.074 7.4-1.939.336a.2.2 0 0 1-.064.009.4.4 0 0 1-.233-.076.43.43 0 0 1-.16-.277l-.327-2.042-2.42.425.899 5.628 7.255-1.263-.9-5.628-2.111.362.33 2.05a.416.416 0 0 1-.33.476"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M20.024 4.252q.034.001.067.007a.7.7 0 0 1 .232.065l.012.005 2 1a.75.75 0 0 1-.67 1.342l-1.41-.705-7.501 11.253.013.013A2.5 2.5 0 1 1 8.5 19q.001-.207.036-.409l-2.952-1.967a.75.75 0 0 1 .832-1.248l2.803 1.869.013-.013A2.5 2.5 0 0 1 11 16.5q.206.002.407.036l7.969-11.952a.8.8 0 0 1 .12-.138q.024-.02.048-.038a1 1 0 0 1 .07-.05l.058-.03.067-.03a.8.8 0 0 1 .285-.046"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M8.507 4.035a1.8 1.8 0 0 1 1.354.238l3.306 2.105a1.8 1.8 0 0 1 .805 1.836c-.041.233-.13.456-.258.656l-3.093 4.81a1.8 1.8 0 0 1-2.482.546l-3.305-2.104a1.8 1.8 0 0 1-.548-2.492L7.38 4.82l.103-.144a1.8 1.8 0 0 1 1.024-.641"
+            })
+        ]
     }));
-}, f = s;
+}, g = m;

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "default", {
     }
 });
 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,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const i = (_param)=>{
-    var { color: r, size: l = 24 } = _param, a = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: r, size: l = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const e = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), t = r !== null && r !== void 0 ? r : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = r !== null && r !== void 0 ? r : 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: l,
         height: l,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: t,
+            fill: e,
             d: "m12.063 17.094 6.544-1.205c.18-.043.353.097.39.3.026.201-.094.395-.276.424l-6.57 1.219c.016.6-.118 1.137-.394 1.56-.355.554-.935.915-1.69 1.055a2.7 2.7 0 0 1-.556.053c-.522 0-.984-.148-1.35-.443-.496-.392-.829-1.035-.95-1.862-.24-1.568.401-2.69 1.71-3.075L7.444 5.352l-2.172-.45c-.182-.041-.3-.232-.266-.428v-.005c.032-.194.205-.324.387-.29l2.408.496a.37.37 0 0 1 .267.302l1.511 10.022c.353-.024.687.015.981.119l-.701-4.642a1.04 1.04 0 0 1 .066-.518.73.73 0 0 1-.207-.421l-.649-4.294a.84.84 0 0 1 .12-.597.6.6 0 0 1 .408-.281l4.605-.856a.59.59 0 0 1 .508.154c.139.124.23.296.255.487l.649 4.298q.005.008.001.021l-.002.016 1.043-.192c.207-.045.421.03.587.177.162.15.269.358.3.583l.754 4.995c.073.496-.2.963-.614 1.036l-5.921 1.093c.141.266.234.586.3.917m-.982-12.25-1.377.244.667 4.33 4.58-.812-.642-4.33-1.363.244.207 1.374a.37.37 0 0 1-.273.428l-1.205.223h-.052a.337.337 0 0 1-.328-.305zm-.496 5.32c-.039.01-.084.089-.066.193l.758 4.993c.005.065.06.17.119.147l6.175-1.137c.039-.01.087-.09.073-.193l-.76-4.993c-.007-.06-.055-.148-.107-.148h-.014l-1.819.332.294 1.988a.34.34 0 0 1-.052.274.38.38 0 0 1-.221.155l-1.612.295q-.007 0-.019.002l-.033.005c-.162 0-.3-.133-.328-.31l-.3-1.986zM8.55 19.456c.353.281.829.37 1.41.26 1.167-.214 1.684-1.012 1.49-2.304-.102-.64-.33-1.108-.683-1.388-.255-.206-.573-.303-.956-.303-.139 0-.293.008-.453.037-1.17.22-1.684 1.018-1.49 2.312.102.641.327 1.108.682 1.386m5.98-8.355s-.248-1.618-.246-1.618l-.95.176.24 1.619zm-2.247-6.471s-.541.094-.541.097l.152 1.028.542-.104z"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: l,
+        height: l,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M20.017 4.252a.7.7 0 0 1 .153.02q.052.01.105.03l.043.02.017.007 2 1a.75.75 0 0 1-.67 1.342l-1.41-.705-7.362 11.044q.026.023.051.046a2.75 2.75 0 1 1-4.636 1.385l-2.724-1.817a.75.75 0 0 1 .832-1.248l2.593 1.73.046-.05a2.75 2.75 0 0 1 2.504-.748l7.817-11.724.022-.031.015-.02a.75.75 0 0 1 .258-.204.8.8 0 0 1 .204-.067q.04-.006.08-.008zM11 17.75a1.25 1.25 0 1 0 0 2.502 1.25 1.25 0 0 0 0-2.502"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M8.454 3.79a2.05 2.05 0 0 1 1.54.272l3.307 2.104a2.05 2.05 0 0 1 .624 2.838l-3.094 4.812a2.05 2.05 0 0 1-2.825.62L4.7 12.333a2.05 2.05 0 0 1-.624-2.838l3.094-4.81a2.05 2.05 0 0 1 1.284-.894m.322 1.465a.55.55 0 0 0-.277.155l-.068.085-3.094 4.81a.553.553 0 0 0 .168.762L8.81 13.17l.096.049a.55.55 0 0 0 .662-.216l3.095-4.81a.55.55 0 0 0-.168-.762L9.189 5.327a.55.55 0 0 0-.413-.072"
+            })
+        ]
     }));
-}, g = i;
+}, g = m;

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return f;
+        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) {
@@ -91,21 +92,37 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const n = (_param)=>{
-    var { color: l, size: r = 24 } = _param, a = _object_without_properties(_param, [
+const m = (_param)=>{
+    var { color: t, size: a = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const t = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), s = l !== null && l !== void 0 ? l : 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 i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = t !== null && t !== void 0 ? t : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
+    return n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: a,
+        height: a,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, a), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: s,
+            fill: e,
             d: "M13.106 17.871c.08.172.284.247.456.166l6.74-3.143a.34.34 0 0 0 .167-.456l-2.897-6.214-7.364 3.434zm-4.887-.474a1.574 1.574 0 1 1 0 3.147 1.574 1.574 0 0 1 0-3.148M5.75 3c.267 0 .51.155.622.396L9.64 10.41 18.235 6.4l3.478 7.457c.4.86.03 1.879-.83 2.28l-6.74 3.143c-.86.4-1.88.03-2.281-.83l-3.478-7.457.011-.005-3.082-6.617H2.686a.686.686 0 0 1 0-1.372z"
         })
+    })) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("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: e,
+                d: "M20.017 4.252a.7.7 0 0 1 .153.02q.052.01.105.03l.043.02.017.007 2 1a.75.75 0 0 1-.67 1.342l-1.41-.705-7.362 11.044q.026.023.051.046a2.75 2.75 0 1 1-4.636 1.385l-2.724-1.817a.75.75 0 0 1 .832-1.248l2.593 1.73.046-.05a2.75 2.75 0 0 1 2.504-.748l7.817-11.724.022-.031.015-.02a.75.75 0 0 1 .258-.204.8.8 0 0 1 .204-.067q.04-.006.08-.008zM11 17.75a1.25 1.25 0 1 0 0 2.502 1.25 1.25 0 0 0 0-2.502"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M8.454 3.79a2.05 2.05 0 0 1 1.54.272l3.307 2.104a2.05 2.05 0 0 1 .624 2.838l-3.094 4.812a2.05 2.05 0 0 1-2.825.62L4.7 12.333a2.05 2.05 0 0 1-.624-2.838l3.094-4.81a2.05 2.05 0 0 1 1.284-.894m.322 1.465a.55.55 0 0 0-.277.155l-.068.085-3.094 4.81a.553.553 0 0 0 .168.762L8.81 13.17l.096.049a.55.55 0 0 0 .662-.216l3.095-4.81a.55.55 0 0 0-.168-.762L9.189 5.327a.55.55 0 0 0-.413-.072"
+            })
+        ]
     }));
-}, f = n;
+}, u = m;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return H;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -93,40 +93,56 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const s = (_param)=>{
-    var { color: n, size: e = 24 } = _param, o = _object_without_properties(_param, [
+    var { color: h, size: e = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const h = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = n !== null && n !== void 0 ? n : h ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
-    return i.match(/^o2-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const n = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = h !== null && h !== void 0 ? h : n ? _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: c,
-            d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97 0 1.76.83 1.76 1.853m-6.172 5.588c0 1.53-1.187 2.777-2.646 2.777H9.713V6.664h2.997c1.459 0 2.646 1.246 2.646 2.777m-2.641-3.887H8.66v12.403a.54.54 0 0 0 .528.555.54.54 0 0 0 .528-.555v-4.63h2.998c2.04 0 3.702-1.744 3.702-3.886s-1.662-3.887-3.702-3.887"
+            d: "M15.166 2.522c1.037.263 1.891.711 2.541 1.333 1.112 1.05 1.675 2.675 1.678 4.821 0 2.118-.513 3.776-1.524 4.927-.602.7-1.39 1.221-2.33 1.55-.889.31-1.975.467-3.23.467h-2.028v5.392c0 .457-.364.83-.813.83H5.432a.82.82 0 0 1-.812-.83V2.984c0-.46.364-.829.812-.829H11.5c1.47 0 2.703.123 3.666.367m-1.96 8.658c.246-.073.459-.201.655-.4.367-.373.557-1.093.557-2.079 0-.624-.086-1.454-.512-1.871-.154-.143-.398-.263-.709-.339-.403-.098-.95-.148-1.622-.148H10.27v4.974h1.431c.846 0 1.286-.072 1.505-.137"
         })
-    })) : i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : 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"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             fill: c,
             d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97 0 1.76.83 1.76 1.853m-6.172 5.588c0 1.53-1.187 2.777-2.646 2.777H9.713V6.664h2.997c1.459 0 2.646 1.246 2.646 2.777m-2.641-3.887H8.66v12.403a.54.54 0 0 0 .528.555.54.54 0 0 0 .528-.555v-4.63h2.998c2.04 0 3.702-1.744 3.702-3.886s-1.662-3.887-3.702-3.887"
         })
-    })) : /* @__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: c,
-            d: "M15.166 2.522c1.037.263 1.891.711 2.541 1.333 1.112 1.05 1.675 2.675 1.678 4.821 0 2.118-.513 3.776-1.524 4.927-.602.7-1.39 1.221-2.33 1.55-.889.31-1.975.467-3.23.467h-2.028v5.392c0 .457-.364.83-.813.83H5.432a.82.82 0 0 1-.812-.83V2.984c0-.46.364-.829.812-.829H11.5c1.47 0 2.703.123 3.666.367m-1.96 8.658c.246-.073.459-.201.655-.4.367-.373.557-1.093.557-2.079 0-.624-.086-1.454-.512-1.871-.154-.143-.398-.263-.709-.339-.403-.098-.95-.148-1.622-.148H10.27v4.974h1.431c.846 0 1.286-.072 1.505-.137"
+            d: "M21.528 3.853v16.294c0 1.019-.79 1.853-1.766 1.853H4.245c-.97 0-1.765-.83-1.765-1.853V3.853C2.48 2.834 3.27 2 4.245 2h15.522c.97 0 1.76.83 1.76 1.853m-6.172 5.588c0 1.53-1.187 2.777-2.646 2.777H9.713V6.664h2.997c1.459 0 2.646 1.246 2.646 2.777m-2.641-3.887H8.66v12.403a.54.54 0 0 0 .528.555.54.54 0 0 0 .528-.555v-4.63h2.998c2.04 0 3.702-1.744 3.702-3.886s-1.662-3.887-3.702-3.887"
         })
+    })) : /* @__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.667 8.75c.04 0 .167.024.318.252.149.222.265.573.265.998s-.116.775-.265.998c-.151.228-.279.252-.318.252H10.75v-2.5z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: c,
+                d: "M19 2.5A2.5 2.5 0 0 1 21.5 5v14a2.5 2.5 0 0 1-2.5 2.5H5A2.5 2.5 0 0 1 2.5 19V5A2.5 2.5 0 0 1 5 2.5zm-9 4.75a.75.75 0 0 0-.75.75v8a.75.75 0 0 0 1.5 0v-3.25h1.917c.697 0 1.236-.424 1.566-.92.335-.501.517-1.15.517-1.83s-.182-1.329-.517-1.83c-.33-.496-.87-.92-1.566-.92z"
+            })
+        ]
     }));
-}, p = s;
+}, H = s;