@telefonica/mistica 16.55.0 → 16.56.1-beta.1

package/dist/logo-telefonica-shell.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return f;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _logocssmistica = require("./logo.css-mistica.js");
+const _logocommon = require("./logo-common.js");
+const _css = require("./utils/css.js");
+const f = (param)=>{
+    let { size: r, type: o, children: e } = param;
+    const s = o === "imagotype" ? "0 0 195 72" : o === "vertical" ? "0 0 73 72" : "0 0 72 72";
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
+        className: _logocssmistica.svg,
+        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(r)),
+        viewBox: s,
+        role: "presentation",
+        children: e
+    });
+};

package/dist/logo-telefonica.d.ts

@@ -1,3 +1,3 @@
 import type { LogoImageProps } from './logo-common';
-declare const TelefonicaLogoImage: ({ size, type, isDarkMode, themeVariant, color: colorProp, }: LogoImageProps) => JSX.Element;
+declare const TelefonicaLogoImage: ({ type, isDarkMode, themeVariant, color: colorProp, }: LogoImageProps) => JSX.Element;
 export default TelefonicaLogoImage;

package/dist/logo-telefonica.js

@@ -5,29 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return c;
+        return L;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _logocssmistica = require("./logo.css-mistica.js");
 const _telefonica = require("./skins/telefonica.js");
-const _css = require("./utils/css.js");
-const _logocommon = require("./logo-common.js");
-const c = (param)=>{
-    let { size: a, type: p, isDarkMode: h, themeVariant: e, color: r } = param;
-    const { colors: H } = (0, _telefonica.getTelefonicaSkin)(), t = r || (h ? H.brand : ({
+const L = (param)=>{
+    let { type: V, isDarkMode: d, themeVariant: M, color: Z } = param;
+    const { colors: H } = (0, _telefonica.getTelefonicaSkin)(), a = Z || (d ? H.brand : ({
         default: H.brand,
         alternative: H.brand,
         brand: H.neutralHighBrand,
         media: H.neutralHighBrand,
         negative: H.neutralHighNegative
-    })[e]);
-    return p === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(a)),
-        viewBox: "0 0 73 72",
-        fill: t,
-        role: "presentation",
+    })[M]);
+    return V === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: a,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M20.6921 19.2599C24.3945 19.2599 27.3958 16.2916 27.3958 12.63C27.3958 8.96833 24.3945 6 20.6921 6C16.9898 6 13.9885 8.96833 13.9885 12.63C13.9885 16.2916 16.9898 19.2599 20.6921 19.2599Z"
@@ -81,12 +74,8 @@ const c = (param)=>{
                 d: "M38.5062 58.7624H39.7996L38.6045 60.1904H37.5598L38.5062 58.7624Z"
             })
         ]
-    }) : p === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(a)),
-        viewBox: "0 0 195 72",
-        fill: t,
-        role: "presentation",
+    }) : V === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: a,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M12.5551 28.1101C16.1753 28.1101 19.1101 25.1753 19.1101 21.555C19.1101 17.9348 16.1753 15 12.5551 15C8.9348 15 6 17.9348 6 21.555C6 25.1753 8.9348 28.1101 12.5551 28.1101Z"
@@ -140,12 +129,8 @@ const c = (param)=>{
                 d: "M129.412 27.4879H133.194L129.702 31.706H126.648L129.412 27.4879Z"
             })
         ]
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(a)),
-        viewBox: "0 0 72 72",
-        fill: t,
-        role: "presentation",
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: a,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M20.4652 19.2599C24.1268 19.2599 27.0951 16.2916 27.0951 12.63C27.0951 8.96833 24.1268 6 20.4652 6C16.8035 6 13.8352 8.96833 13.8352 12.63C13.8352 16.2916 16.8035 19.2599 20.4652 19.2599Z"

package/dist/logo-tu-shell.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { ByBreakpoint } from './utils/types';
+type Props = {
+    size: ByBreakpoint<number>;
+    children: React.ReactNode;
+};
+declare const TuLogoShell: ({ size, children }: Props) => JSX.Element;
+export default TuLogoShell;

package/dist/logo-tu-shell.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return n;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _logocssmistica = require("./logo.css-mistica.js");
+const _logocommon = require("./logo-common.js");
+const _css = require("./utils/css.js");
+const n = (param)=>{
+    let { size: o, children: r } = param;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
+        className: _logocssmistica.svg,
+        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(o)),
+        viewBox: "0 0 72 72",
+        role: "presentation",
+        children: r
+    });
+};

package/dist/logo-tu.d.ts

@@ -1,3 +1,3 @@
 import type { LogoImageProps } from './logo-common';
-declare const TuLogoImage: ({ size, isDarkMode, themeVariant, color: colorProp }: LogoImageProps) => JSX.Element;
+declare const TuLogoImage: ({ isDarkMode, themeVariant, color: colorProp }: LogoImageProps) => JSX.Element;
 export default TuLogoImage;

package/dist/logo-tu.js

@@ -5,30 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return p;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _logocssmistica = require("./logo.css-mistica.js");
 const _tu = require("./skins/tu.js");
-const _css = require("./utils/css.js");
-const _logocommon = require("./logo-common.js");
-const p = (param)=>{
-    let { size: a, isDarkMode: o, themeVariant: e, color: t } = param;
-    const { colors: C } = (0, _tu.getTuSkin)(), n = t || (o ? C.inverse : ({
+const g = (param)=>{
+    let { isDarkMode: a, themeVariant: e, color: n } = param;
+    const { colors: C } = (0, _tu.getTuSkin)(), t = n || (a ? C.inverse : ({
         default: C.backgroundBrand,
         alternative: C.backgroundBrand,
         brand: C.neutralHighBrand,
         media: C.neutralHighBrand,
         negative: C.neutralHighNegative
     })[e]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(a)),
-        viewBox: "0 0 72 72",
-        fill: n,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            d: "M36 4C18.3263 4 4 18.3272 4 36C4 53.6728 18.3272 68 36 68C53.6728 68 68 53.6728 68 36C68 18.3272 53.6728 4 36 4ZM55.8772 41.6009C55.8772 43.5342 55.3842 45.257 54.4088 46.7228C53.4333 48.1886 52.0518 49.3518 50.264 50.1991C49.4684 50.5667 48.6149 50.857 47.7088 51.0675C45.8456 51.5 43.8991 51.5 42.036 51.0675C41.1298 50.857 40.2763 50.5675 39.4807 50.1991C37.693 49.3526 36.3114 48.1895 35.336 46.7228C34.3605 45.257 33.8675 43.5342 33.8675 41.6009V33.9974C33.8675 31.9053 33.0009 31.6412 32.2123 31.6412H25.3842L25.3798 41.9404C25.3877 43.2421 25.9368 44.2711 26.7597 45.1465C27.4991 45.9333 29.0526 46.1781 29.0526 46.1781C30.2316 46.3518 31.1386 47.3649 31.1386 48.5921C31.1386 49.8193 30.2325 50.8325 29.0526 51.0061V51.0167C27.9895 51.257 26.9035 51.3825 25.8132 51.3886C23.2211 51.3886 21.2886 50.6956 19.9018 49.2649C18.5167 47.8333 17.8342 45.8509 17.8342 43.1974V31.6412H15.8474C14.7246 31.6412 13.7553 30.7842 13.6939 29.664C13.6763 29.3439 13.7307 29.0386 13.843 28.7623C13.9947 28.3877 14.2737 28.0789 14.6088 27.8544L15.5368 27.2325C18.1184 25.5035 20.193 23.1158 21.5447 20.3184L21.8193 19.7553C21.9939 19.3982 22.2667 19.0912 22.6219 18.9132C22.8781 18.7851 23.1658 18.7132 23.4719 18.7132C24.5184 18.7132 25.3667 19.5544 25.3816 20.5974H25.3833V27.8202H37.4465C37.4518 27.8202 37.457 27.8202 37.4623 27.8202C39.4482 27.8202 41.0588 29.4298 41.0588 31.4167C41.0588 31.4202 41.0588 31.4228 41.0588 31.4263V41.4439C41.0588 42.9851 41.5035 44.2439 42.4088 45.2053C42.4158 45.2123 42.4228 45.2202 42.4298 45.2272C43.75 46.614 45.993 46.614 47.314 45.2272C47.3211 45.2202 47.3281 45.2123 47.3351 45.2053C48.2403 44.243 48.6851 42.9842 48.6851 41.4439V31.5123C48.6851 29.5623 50.2018 27.9018 52.15 27.8325C54.1956 27.7597 55.8772 29.3965 55.8772 31.4263V41.6035V41.6009Z"
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
+            fill: t,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                d: "M36 4C18.3263 4 4 18.3272 4 36C4 53.6728 18.3272 68 36 68C53.6728 68 68 53.6728 68 36C68 18.3272 53.6728 4 36 4ZM55.8772 41.6009C55.8772 43.5342 55.3842 45.257 54.4088 46.7228C53.4333 48.1886 52.0518 49.3518 50.264 50.1991C49.4684 50.5667 48.6149 50.857 47.7088 51.0675C45.8456 51.5 43.8991 51.5 42.036 51.0675C41.1298 50.857 40.2763 50.5675 39.4807 50.1991C37.693 49.3526 36.3114 48.1895 35.336 46.7228C34.3605 45.257 33.8675 43.5342 33.8675 41.6009V33.9974C33.8675 31.9053 33.0009 31.6412 32.2123 31.6412H25.3842L25.3798 41.9404C25.3877 43.2421 25.9368 44.2711 26.7597 45.1465C27.4991 45.9333 29.0526 46.1781 29.0526 46.1781C30.2316 46.3518 31.1386 47.3649 31.1386 48.5921C31.1386 49.8193 30.2325 50.8325 29.0526 51.0061V51.0167C27.9895 51.257 26.9035 51.3825 25.8132 51.3886C23.2211 51.3886 21.2886 50.6956 19.9018 49.2649C18.5167 47.8333 17.8342 45.8509 17.8342 43.1974V31.6412H15.8474C14.7246 31.6412 13.7553 30.7842 13.6939 29.664C13.6763 29.3439 13.7307 29.0386 13.843 28.7623C13.9947 28.3877 14.2737 28.0789 14.6088 27.8544L15.5368 27.2325C18.1184 25.5035 20.193 23.1158 21.5447 20.3184L21.8193 19.7553C21.9939 19.3982 22.2667 19.0912 22.6219 18.9132C22.8781 18.7851 23.1658 18.7132 23.4719 18.7132C24.5184 18.7132 25.3667 19.5544 25.3816 20.5974H25.3833V27.8202H37.4465C37.4518 27.8202 37.457 27.8202 37.4623 27.8202C39.4482 27.8202 41.0588 29.4298 41.0588 31.4167C41.0588 31.4202 41.0588 31.4228 41.0588 31.4263V41.4439C41.0588 42.9851 41.5035 44.2439 42.4088 45.2053C42.4158 45.2123 42.4228 45.2202 42.4298 45.2272C43.75 46.614 45.993 46.614 47.314 45.2272C47.3211 45.2202 47.3281 45.2123 47.3351 45.2053C48.2403 44.243 48.6851 42.9842 48.6851 41.4439V31.5123C48.6851 29.5623 50.2018 27.9018 52.15 27.8325C54.1956 27.7597 55.8772 29.3965 55.8772 31.4263V41.6035V41.6009Z"
+            })
         })
     });
 };

package/dist/logo-vivo-shell.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { LogoType } from './logo-common';
+import type { ByBreakpoint } from './utils/types';
+type Props = {
+    size: ByBreakpoint<number>;
+    type: LogoType;
+    children: React.ReactNode;
+};
+declare const VivoLogoShell: ({ size, type, children }: Props) => JSX.Element;
+export default VivoLogoShell;

package/dist/logo-vivo-shell.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return f;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _logocssmistica = require("./logo.css-mistica.js");
+const _logocommon = require("./logo-common.js");
+const _css = require("./utils/css.js");
+const f = (param)=>{
+    let { size: o, type: r, children: s } = param;
+    const t = r === "imagotype" ? "0 0 195 72" : "0 0 72 72";
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
+        className: _logocssmistica.svg,
+        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(o)),
+        viewBox: t,
+        role: "presentation",
+        children: s
+    });
+};

package/dist/logo-vivo.d.ts

@@ -1,3 +1,3 @@
 import type { LogoImageProps } from './logo-common';
-declare const VivoLogoImage: ({ size, type, themeVariant, isDarkMode, color: colorProp, }: LogoImageProps) => JSX.Element;
+declare const VivoLogoImage: ({ type, isDarkMode, themeVariant, color: colorProp }: LogoImageProps) => JSX.Element;
 export default VivoLogoImage;

package/dist/logo-vivo.js

@@ -5,29 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return g;
+        return o;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _logocssmistica = require("./logo.css-mistica.js");
 const _vivo = require("./skins/vivo.js");
-const _css = require("./utils/css.js");
-const _logocommon = require("./logo-common.js");
-const g = (param)=>{
-    let { size: t, type: i, themeVariant: s, isDarkMode: d, color: L } = param;
-    const { colors: a } = (0, _vivo.getVivoSkin)(), r = L || (d ? a.brand : ({
+const o = (param)=>{
+    let { type: r, isDarkMode: L, themeVariant: e, color: i } = param;
+    const { colors: a } = (0, _vivo.getVivoSkin)(), t = i || (L ? a.brand : ({
         default: a.brand,
         alternative: a.brand,
         brand: a.neutralHighBrand,
         media: a.neutralHighBrand,
         negative: a.neutralHighNegative
-    })[s]);
-    return i === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(t)),
-        viewBox: "0 0 72 72",
-        fill: r,
-        role: "presentation",
+    })[e]);
+    return r === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: t,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M24.7302 55.7681V54.5346C24.7302 54.3255 24.6222 53.5308 23.8252 53.0943L14.7817 47.9903C13.8238 47.4665 13.0106 48.0844 12.8085 48.6288L12.1998 49.9864C11.8736 50.7169 12.2181 51.5943 12.9831 51.9228L19.4217 55.1272V55.1754L12.9831 58.3752C12.2204 58.706 11.8736 59.5835 12.1998 60.3117L12.8085 61.6692C13.0106 62.2159 13.8238 62.8315 14.7817 62.3101L23.8252 57.206C24.6222 56.7719 24.7302 55.9771 24.7302 55.7681Z"
@@ -48,12 +41,8 @@ const g = (param)=>{
                 d: "M57.9111 22.8788C57.9111 24.5074 57.3346 27.048 55.5406 28.842C54.9089 29.4737 54.3645 29.8504 53.9258 30.1329C53.0827 30.6773 52.4717 31.0586 52.8117 31.9683C53.1448 32.8641 54.1876 32.5862 55.1731 32.3634C55.49 32.2875 61.676 30.8082 61.7541 30.8036C63.4149 30.489 65.0205 31.541 65.411 33.1673C65.4133 33.1742 65.9072 35.2393 65.9118 35.2576C66.3046 36.884 65.3513 38.5493 63.7296 39.0248C63.6607 39.0547 56.9004 40.681 56.889 40.6833C55.6049 41.0095 54.8538 41.6481 54.8538 42.8862C54.8538 43.4398 55.1731 44.0416 55.5681 44.54C55.5681 44.54 62.9118 53.6433 62.9509 53.7122C63.9501 55.0766 63.6951 56.9763 62.3973 58.0307C62.3927 58.0352 60.7434 59.3721 60.7273 59.3836C59.4318 60.438 57.5184 60.2978 56.3882 59.0391C56.3308 58.9908 51.7688 53.3837 51.2841 52.7888C50.7995 52.1938 50.1907 51.2888 49.3454 51.2888C48.5024 51.2888 47.8937 52.1938 47.409 52.7888C46.9266 53.3837 42.3624 58.9908 42.3049 59.0391C41.1748 60.2978 39.2613 60.438 37.9635 59.3836C37.9497 59.3721 36.2935 58.0307 36.2935 58.0307C34.9957 56.9763 34.7407 55.0743 35.74 53.7122C35.7767 53.641 43.1227 44.54 43.1227 44.54C43.5155 44.0416 43.8371 43.4398 43.8371 42.8862C43.8371 41.6481 43.0859 41.0118 41.8019 40.6833C41.7904 40.681 35.0302 39.0547 34.9613 39.0248C33.3395 38.5493 32.3863 36.8817 32.7768 35.2576C32.7814 35.2393 33.2775 33.1673 33.2775 33.1673C33.668 31.541 35.2714 30.4912 36.9344 30.8036C37.0125 30.8059 43.1985 32.2875 43.5155 32.3634C44.5032 32.5862 45.5438 32.8641 45.8769 31.9683C46.2168 31.0563 45.6058 30.6773 44.7651 30.1329C44.3264 29.8504 43.7797 29.4714 43.1503 28.842C41.3563 27.048 40.7774 24.5074 40.7774 22.8788C40.7774 18.2066 44.6732 14.421 49.3431 14.421C54.0153 14.4187 57.9111 18.2066 57.9111 22.8788Z"
             })
         ]
-    }) : i === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(t)),
-        viewBox: "0 0 195 72",
-        fill: r,
-        role: "presentation",
+    }) : r === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: t,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M23.3761 61.4297H26.5561C27.0861 61.4297 29.1472 61.1549 30.266 59.0938L43.4176 35.7743C44.7721 33.301 43.1821 31.2006 41.7688 30.6903L38.2748 29.1199C36.3904 28.2759 34.133 29.1592 33.2693 31.1417L25.0054 47.7481H24.8876L16.6433 31.1417C15.7992 29.1788 13.5222 28.2759 11.6575 29.1199L8.16346 30.6903C6.75015 31.2006 5.16018 33.301 6.5146 35.7743L19.6858 59.0938C20.8047 61.1549 22.8462 61.4297 23.3761 61.4297Z"
@@ -74,12 +63,8 @@ const g = (param)=>{
                 d: "M178.919 19.5409C178.919 21.5627 178.192 24.7427 175.974 26.9608C175.189 27.746 174.502 28.2171 173.952 28.5704C172.912 29.2574 172.146 29.7285 172.559 30.867C172.971 31.9859 174.266 31.6326 175.503 31.3577C175.896 31.2596 183.61 29.4144 183.708 29.4144C185.769 29.0219 187.771 30.337 188.262 32.3588C188.262 32.3588 188.871 34.9499 188.89 34.9695C189.381 36.9913 188.184 39.0721 186.162 39.6609C186.083 39.7002 177.662 41.722 177.643 41.722C176.053 42.1342 175.11 42.9194 175.11 44.4701C175.11 45.1571 175.503 45.903 175.994 46.5312C175.994 46.5312 185.141 57.8769 185.18 57.9554C186.417 59.6632 186.103 62.0187 184.493 63.3338C184.493 63.3338 182.432 65.0023 182.413 65.0219C180.803 66.3371 178.408 66.1604 177.014 64.5901C176.936 64.5312 171.263 57.5432 170.655 56.7973C170.046 56.0514 169.3 54.9325 168.24 54.9325C167.18 54.9325 166.434 56.0514 165.826 56.7973C165.217 57.5432 159.544 64.5116 159.466 64.5901C158.053 66.1604 155.677 66.3371 154.068 65.0219C154.048 65.0023 151.987 63.3338 151.987 63.3338C150.378 62.0187 150.044 59.6435 151.3 57.9554C151.339 57.8769 160.487 46.5312 160.487 46.5312C160.977 45.903 161.37 45.1571 161.37 44.4701C161.37 42.9194 160.428 42.1342 158.838 41.722C158.818 41.722 150.397 39.7002 150.319 39.6609C148.297 39.0721 147.119 36.9913 147.59 34.9695C147.59 34.9499 148.218 32.3785 148.218 32.3588C148.709 30.337 150.711 29.0219 152.772 29.4144C152.87 29.4144 160.565 31.2596 160.977 31.3577C162.214 31.6326 163.51 31.9859 163.922 30.867C164.354 29.7285 163.588 29.2574 162.528 28.5704C161.978 28.2171 161.311 27.746 160.526 26.9608C158.288 24.723 157.562 21.5627 157.562 19.5409C157.562 13.7307 162.41 9 168.24 9C174.07 9 178.919 13.711 178.919 19.5409Z"
             })
         ]
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(t)),
-        viewBox: "0 0 72 72",
-        fill: r,
-        role: "presentation",
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
+        fill: t,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             d: "M46.8016 17.1117C46.8016 19.2508 46.0737 22.5899 43.8127 24.9457C43.0178 25.7738 42.3281 26.2722 41.777 26.6429C40.714 27.3592 39.9446 27.8575 40.3732 29.0552C40.7938 30.2313 42.1074 29.8665 43.3494 29.574C43.7492 29.4753 51.549 27.5301 51.6472 27.5253C53.7419 27.1136 55.7661 28.4943 56.2571 30.6297C56.2594 30.6381 56.8833 33.3526 56.8891 33.3766C57.3836 35.5121 56.182 37.7017 54.137 38.3264C54.0492 38.3673 45.5261 40.5028 45.5111 40.5064C43.8924 40.9361 42.945 41.7727 42.945 43.399C42.945 44.126 43.3483 44.9157 43.8462 45.5705C43.8462 45.5705 53.1064 57.5285 53.1538 57.6212C54.4143 59.4123 54.0931 61.9101 52.4548 63.2944C52.449 63.3004 50.3694 65.0579 50.3486 65.0735C48.7137 66.459 46.3014 66.276 44.8779 64.6221C44.804 64.5571 39.0538 57.1926 38.4426 56.4114C37.8326 55.6314 37.0654 54.4421 35.999 54.4421C34.9326 54.4421 34.1689 55.6302 33.5566 56.4114C32.9477 57.1926 27.194 64.5583 27.1224 64.6221C25.6978 66.2748 23.2854 66.459 21.6494 65.0735C21.6321 65.0579 19.5501 63.3004 19.5444 63.2944C17.9084 61.9101 17.586 59.4123 18.8454 57.6212C18.8927 57.5285 28.153 45.5705 28.153 45.5705C28.6498 44.9157 29.0541 44.126 29.0541 43.399C29.0541 41.7727 28.1079 40.9361 26.4881 40.5064C26.4731 40.5028 17.9511 38.3673 17.8633 38.3264C15.8183 37.7017 14.6179 35.5121 15.1101 33.3766C15.1147 33.3526 15.7409 30.6381 15.7421 30.6297C16.2331 28.4943 18.2561 27.1124 20.352 27.5253C20.4502 27.5301 28.2489 29.4753 28.6486 29.574C29.8929 29.8665 31.2054 30.2313 31.626 29.0552C32.0546 27.8587 31.2851 27.3592 30.2234 26.6429C29.6711 26.2722 28.9814 25.775 28.1865 24.9457C25.9243 22.5887 25.1964 19.2508 25.1964 17.1117C25.1987 10.9751 30.1101 6 36.0002 6C41.8902 6 46.8016 10.9751 46.8016 17.1117Z"
         })

package/dist/logo.css-mistica.js

@@ -10,18 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     get logoContainer () {
-        return t;
+        return e;
     },
     get svg () {
-        return r;
+        return a;
     },
     get vars () {
-        return _;
+        return t;
     }
 });
-/* empty css                                */ var _ = {
-    size: "var(--v16_55_140ft6x0)",
-    sizeMobile: "var(--v16_55_140ft6x1)",
-    sizeTablet: "var(--v16_55_140ft6x2)",
-    sizeDesktop: "var(--v16_55_140ft6x3)"
-}, r = "v16_55_140ft6x4", t = "v16_55_140ft6x5";
+/* empty css                                */ var t = {
+    size: "var(--v16_56_1-beta_1_140ft6x0)",
+    sizeMobile: "var(--v16_56_1-beta_1_140ft6x1)",
+    sizeTablet: "var(--v16_56_1-beta_1_140ft6x2)",
+    sizeDesktop: "var(--v16_56_1-beta_1_140ft6x3)"
+}, a = "v16_56_1-beta_1_140ft6x4", e = "v16_56_1-beta_1_140ft6x5";