@telefonica/mistica 16.55.0 → 16.56.1-beta.1

package/dist/icons/icon-error.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get innerAnimation () {
-        return i;
+        return e;
     },
     get outerAnimation () {
-        return a;
+        return _;
     }
 });
-/* empty css                                      */ var a = "v16_55_1ao3f5e1", i = "v16_55_1ao3f5e2";
+/* empty css                                      */ var _ = "v16_56_1-beta_1_1ao3f5e1", e = "v16_56_1-beta_1_1ao3f5e2";

package/dist/image.css-mistica.js

@@ -10,30 +10,30 @@ function _export(target, all) {
 }
 _export(exports, {
     get FADE_IN_DURATION_MS () {
-        return _;
+        return a;
     },
     get circularBorderRadius () {
-        return e;
+        return i;
     },
     get defaultBorderRadius () {
-        return o;
+        return f;
     },
     get image () {
-        return i;
+        return e;
     },
     get imageWithBorder () {
-        return a;
+        return v;
     },
     get vars () {
-        return t;
+        return r;
     },
     get withBorderRadius () {
-        return f;
+        return d;
     },
     get withoutBorderRadius () {
-        return d;
+        return b;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var _ = 300, t = {
-    mediaBorderRadius: "var(--v16_55_17tt25r0)"
-}, a = "v16_55_17tt25r1", i = "v16_55_17tt25r3 v16_55_17tt25r2 v16_55_1y2v1nfte v16_55_1y2v1nftt v16_55_1y2v1nfq6 v16_55_1y2v1nfqr v16_55_1y2v1nfr8 v16_55_1y2v1nfv2 v16_55_1y2v1nfsj v16_55_1y2v1nfsk v16_55_1y2v1nfsw", d = "v16_55_17tt25r4", e = "v16_55_17tt25r5", f = "v16_55_17tt25r6", o = "v16_55_17tt25r7";
+/* empty css                                     */ /* empty css                                 */ var a = 300, r = {
+    mediaBorderRadius: "var(--v16_56_1-beta_1_17tt25r0)"
+}, v = "v16_56_1-beta_1_17tt25r1", e = "v16_56_1-beta_1_17tt25r3 v16_56_1-beta_1_17tt25r2 v16_56_1-beta_1_1y2v1nfte v16_56_1-beta_1_1y2v1nftt v16_56_1-beta_1_1y2v1nfq6 v16_56_1-beta_1_1y2v1nfqr v16_56_1-beta_1_1y2v1nfr8 v16_56_1-beta_1_1y2v1nfv2 v16_56_1-beta_1_1y2v1nfsj v16_56_1-beta_1_1y2v1nfsk v16_56_1-beta_1_1y2v1nfsw", b = "v16_56_1-beta_1_17tt25r4", i = "v16_56_1-beta_1_17tt25r5", d = "v16_56_1-beta_1_17tt25r6", f = "v16_56_1-beta_1_17tt25r7";

package/dist/inline.css-mistica.js

@@ -10,37 +10,37 @@ function _export(target, all) {
 }
 _export(exports, {
     get fullWidth () {
-        return r;
+        return b;
     },
     get inline () {
-        return _;
+        return e;
     },
     get marginInline () {
-        return k;
+        return v;
     },
     get noFullWidth () {
-        return n;
+        return t;
     },
     get stringSpace () {
-        return b;
+        return r;
     },
     get stringSpaceWithWrap () {
-        return f;
+        return n;
     },
     get vars () {
         return a;
     },
     get wrap () {
-        return e;
+        return k;
     }
 });
 /* empty css                                  */ var a = {
-    space: "var(--v16_55_kkfbnv0)",
-    spaceMobile: "var(--v16_55_kkfbnv1)",
-    spaceTablet: "var(--v16_55_kkfbnv2)",
-    spaceDesktop: "var(--v16_55_kkfbnv3)",
-    verticalSpace: "var(--v16_55_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_55_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_55_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_55_kkfbnv7)"
-}, k = "v16_55_kkfbnv8", _ = "v16_55_kkfbnv9", r = "v16_55_kkfbnva", e = "v16_55_kkfbnvb", n = "v16_55_kkfbnvc", b = "v16_55_kkfbnvd", f = "v16_55_kkfbnve";
+    space: "var(--v16_56_1-beta_1_kkfbnv0)",
+    spaceMobile: "var(--v16_56_1-beta_1_kkfbnv1)",
+    spaceTablet: "var(--v16_56_1-beta_1_kkfbnv2)",
+    spaceDesktop: "var(--v16_56_1-beta_1_kkfbnv3)",
+    verticalSpace: "var(--v16_56_1-beta_1_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_56_1-beta_1_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_56_1-beta_1_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_56_1-beta_1_kkfbnv7)"
+}, v = "v16_56_1-beta_1_kkfbnv8", e = "v16_56_1-beta_1_kkfbnv9", b = "v16_56_1-beta_1_kkfbnva", k = "v16_56_1-beta_1_kkfbnvb", t = "v16_56_1-beta_1_kkfbnvc", r = "v16_56_1-beta_1_kkfbnvd", n = "v16_56_1-beta_1_kkfbnve";

package/dist/list.css-mistica.js

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     get asset () {
-        return i;
+        return j;
     },
     get assetContainer () {
-        return t;
+        return g;
     },
     get badge () {
-        return e;
+        return q;
     },
     get boxed () {
-        return y;
+        return t;
     },
     get center () {
-        return q;
+        return o;
     },
     get content () {
-        return b;
+        return u;
     },
     get detail () {
         return c;
@@ -34,7 +34,7 @@ _export(exports, {
         return h;
     },
     get disabled () {
-        return n;
+        return a;
     },
     get dualActionContainer () {
         return s;
@@ -61,7 +61,7 @@ _export(exports, {
         return x;
     },
     get pointer () {
-        return a;
+        return f;
     },
     get rightContent () {
         return d;
@@ -70,25 +70,25 @@ _export(exports, {
         return l;
     },
     get row () {
-        return f;
+        return b;
     },
     get rowBody () {
-        return o;
+        return i;
     },
     get rowContent () {
-        return g;
+        return y;
     },
     get rowContentPadding () {
-        return j;
+        return r;
     },
     get touchableBackground () {
-        return r;
+        return e;
     },
     get touchableBackgroundBrand () {
-        return u;
+        return n;
     },
     get ul () {
         return p;
     }
 });
-/* empty css                                     */ /* empty css                                */ var n = "v16_55_2buj9g0", f = "v16_55_2buj9g1 v16_55_1y2v1nfqr", y = "v16_55_2buj9g2", r = "v16_55_2buj9g3", u = "v16_55_2buj9g4", a = "v16_55_2buj9g5 v16_55_1y2v1nft7", g = "v16_55_2buj9g7 v16_55_2buj9g6 v16_55_1y2v1nffx v16_55_1y2v1nfh6 v16_55_1y2v1nfif v16_55_1y2v1nfjo v16_55_1y2v1nfqr v16_55_1y2v1nfsm v16_55_1y2v1nffw v16_55_1y2v1nfq6 v16_55_1y2v1nfr8 v16_55_1y2v1nfpy", j = "v16_55_2buj9g8 v16_55_1y2v1nfiu v16_55_1y2v1nfk3", b = "v16_55_2buj9g9 v16_55_1y2v1nfgc v16_55_1y2v1nfhl v16_55_1y2v1nfq4 v16_55_1y2v1nfqr v16_55_1y2v1nfsh", t = "v16_55_2buj9ga v16_55_1y2v1nfk3", i = "v16_55_2buj9gb v16_55_1y2v1nfq4 v16_55_1y2v1nfqm v16_55_1y2v1nfqo", o = "v16_55_2buj9gc v16_55_1y2v1nfq4 v16_55_1y2v1nfqa v16_55_1y2v1nfqq", q = "v16_55_2buj9gd v16_55_1y2v1nfq4 v16_55_1y2v1nfqj", e = "v16_55_2buj9gf v16_55_2buj9gd v16_55_1y2v1nfq4 v16_55_1y2v1nfqj v16_55_2buj9ge v16_55_1y2v1nfqd v16_55_1y2v1nfru v16_55_1y2v1nfr8 v16_55_1y2v1nfqm", d = "v16_55_2buj9gg", l = "v16_55_2buj9gh", h = "v16_55_2buj9gi", c = "v16_55_2buj9gj v16_55_2buj9gd v16_55_1y2v1nfq4 v16_55_1y2v1nfqj", s = "v16_55_2buj9gk v16_55_1y2v1nfq4 v16_55_1y2v1nfq9 v16_55_1y2v1nfr8", m = "v16_55_2buj9gn v16_55_2buj9gl v16_55_1y2v1nffx v16_55_1y2v1nfh6 v16_55_1y2v1nfif v16_55_1y2v1nfjo v16_55_1y2v1nfsm v16_55_1y2v1nffw v16_55_2buj9gm v16_55_1y2v1nfiu v16_55_1y2v1nfk3 v16_55_1y2v1nfq6 v16_55_1y2v1nfqp", k = "v16_55_2buj9gp v16_55_2buj9go v16_55_1y2v1nfq4", w = "v16_55_2buj9gr v16_55_2buj9gl v16_55_1y2v1nffx v16_55_1y2v1nfh6 v16_55_1y2v1nfif v16_55_1y2v1nfjo v16_55_1y2v1nfsm v16_55_1y2v1nffw v16_55_2buj9gq v16_55_1y2v1nfiu v16_55_1y2v1nfk3 v16_55_1y2v1nfq4 v16_55_1y2v1nfqj v16_55_1y2v1nfqo v16_55_1y2v1nfqs v16_55_1y2v1nfr8", p = "v16_55_2buj9gs", C = "v16_55_2buj9gt", x = "v16_55_2buj9gu", A = "v16_55_2buj9gv", B = "v16_55_2buj9gw";
+/* empty css                                     */ /* empty css                                */ var a = "v16_56_1-beta_1_2buj9g0", b = "v16_56_1-beta_1_2buj9g1 v16_56_1-beta_1_1y2v1nfqr", t = "v16_56_1-beta_1_2buj9g2", e = "v16_56_1-beta_1_2buj9g3", n = "v16_56_1-beta_1_2buj9g4", f = "v16_56_1-beta_1_2buj9g5 v16_56_1-beta_1_1y2v1nft7", y = "v16_56_1-beta_1_2buj9g7 v16_56_1-beta_1_2buj9g6 v16_56_1-beta_1_1y2v1nffx v16_56_1-beta_1_1y2v1nfh6 v16_56_1-beta_1_1y2v1nfif v16_56_1-beta_1_1y2v1nfjo v16_56_1-beta_1_1y2v1nfqr v16_56_1-beta_1_1y2v1nfsm v16_56_1-beta_1_1y2v1nffw v16_56_1-beta_1_1y2v1nfq6 v16_56_1-beta_1_1y2v1nfr8 v16_56_1-beta_1_1y2v1nfpy", r = "v16_56_1-beta_1_2buj9g8 v16_56_1-beta_1_1y2v1nfiu v16_56_1-beta_1_1y2v1nfk3", u = "v16_56_1-beta_1_2buj9g9 v16_56_1-beta_1_1y2v1nfgc v16_56_1-beta_1_1y2v1nfhl v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqr v16_56_1-beta_1_1y2v1nfsh", g = "v16_56_1-beta_1_2buj9ga v16_56_1-beta_1_1y2v1nfk3", j = "v16_56_1-beta_1_2buj9gb v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqm v16_56_1-beta_1_1y2v1nfqo", i = "v16_56_1-beta_1_2buj9gc v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqa v16_56_1-beta_1_1y2v1nfqq", o = "v16_56_1-beta_1_2buj9gd v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqj", q = "v16_56_1-beta_1_2buj9gf v16_56_1-beta_1_2buj9gd v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqj v16_56_1-beta_1_2buj9ge v16_56_1-beta_1_1y2v1nfqd v16_56_1-beta_1_1y2v1nfru v16_56_1-beta_1_1y2v1nfr8 v16_56_1-beta_1_1y2v1nfqm", d = "v16_56_1-beta_1_2buj9gg", l = "v16_56_1-beta_1_2buj9gh", h = "v16_56_1-beta_1_2buj9gi", c = "v16_56_1-beta_1_2buj9gj v16_56_1-beta_1_2buj9gd v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqj", s = "v16_56_1-beta_1_2buj9gk v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfq9 v16_56_1-beta_1_1y2v1nfr8", m = "v16_56_1-beta_1_2buj9gn v16_56_1-beta_1_2buj9gl v16_56_1-beta_1_1y2v1nffx v16_56_1-beta_1_1y2v1nfh6 v16_56_1-beta_1_1y2v1nfif v16_56_1-beta_1_1y2v1nfjo v16_56_1-beta_1_1y2v1nfsm v16_56_1-beta_1_1y2v1nffw v16_56_1-beta_1_2buj9gm v16_56_1-beta_1_1y2v1nfiu v16_56_1-beta_1_1y2v1nfk3 v16_56_1-beta_1_1y2v1nfq6 v16_56_1-beta_1_1y2v1nfqp", k = "v16_56_1-beta_1_2buj9gp v16_56_1-beta_1_2buj9go v16_56_1-beta_1_1y2v1nfq4", w = "v16_56_1-beta_1_2buj9gr v16_56_1-beta_1_2buj9gl v16_56_1-beta_1_1y2v1nffx v16_56_1-beta_1_1y2v1nfh6 v16_56_1-beta_1_1y2v1nfif v16_56_1-beta_1_1y2v1nfjo v16_56_1-beta_1_1y2v1nfsm v16_56_1-beta_1_1y2v1nffw v16_56_1-beta_1_2buj9gq v16_56_1-beta_1_1y2v1nfiu v16_56_1-beta_1_1y2v1nfk3 v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqj v16_56_1-beta_1_1y2v1nfqo v16_56_1-beta_1_1y2v1nfqs v16_56_1-beta_1_1y2v1nfr8", p = "v16_56_1-beta_1_2buj9gs", C = "v16_56_1-beta_1_2buj9gt", x = "v16_56_1-beta_1_2buj9gu", A = "v16_56_1-beta_1_2buj9gv", B = "v16_56_1-beta_1_2buj9gw";

package/dist/loading-bar.css-mistica.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get hidden () {
-        return r;
+        return a;
     },
     get portal () {
-        return n;
+        return t;
     },
     get progress () {
-        return f;
+        return n;
     },
     get progressContainer () {
-        return y;
+        return e;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var n = "v16_55_1num3qg2 v16_55_1num3qg1 v16_55_1y2v1nfq0 v16_55_1y2v1nfte v16_55_1y2v1nftt v16_55_1y2v1nfu8", r = "v16_55_1num3qg3", y = "v16_55_1num3qg4 v16_55_1y2v1nfqr v16_55_1y2v1nft8 v16_55_1y2v1nfpy v16_55_1y2v1nfbx v16_55_1y2v1nfrb", f = "v16_55_1num3qg7 v16_55_1num3qg6 v16_55_1y2v1nfpz v16_55_1y2v1nfqr v16_55_1y2v1nfr8";
+/* empty css                                     */ /* empty css                                       */ var t = "v16_56_1-beta_1_1num3qg2 v16_56_1-beta_1_1num3qg1 v16_56_1-beta_1_1y2v1nfq0 v16_56_1-beta_1_1y2v1nfte v16_56_1-beta_1_1y2v1nftt v16_56_1-beta_1_1y2v1nfu8", a = "v16_56_1-beta_1_1num3qg3", e = "v16_56_1-beta_1_1num3qg4 v16_56_1-beta_1_1y2v1nfqr v16_56_1-beta_1_1y2v1nft8 v16_56_1-beta_1_1y2v1nfpy v16_56_1-beta_1_1y2v1nfbx v16_56_1-beta_1_1y2v1nfrb", n = "v16_56_1-beta_1_1num3qg7 v16_56_1-beta_1_1num3qg6 v16_56_1-beta_1_1y2v1nfpz v16_56_1-beta_1_1y2v1nfqr v16_56_1-beta_1_1y2v1nfr8";

package/dist/loading-screen.css-mistica.js

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     get inOutAnimationMs () {
-        return n;
+        return v;
     },
     get loadingScreen () {
-        return e;
+        return a;
     },
     get loadingScreenChildren () {
-        return l;
+        return r;
     },
     get loadingScreenText () {
-        return d;
+        return f;
     },
     get loadingScreenTextAnimated () {
-        return k;
+        return l;
     },
     get loadingScreenTextAnimatedOut () {
-        return o;
+        return d;
     },
     get logo () {
-        return i;
+        return o;
     },
     get pulseLogo () {
-        return b;
+        return k;
     },
     get screenBackground () {
-        return r;
+        return t;
     },
     get screenBackgroundAnimated () {
-        return a;
+        return b;
     },
     get screenBackgroundFadeOut () {
-        return f;
+        return n;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var e = "v16_55_flke8b1 v16_55_flke8b0 v16_55_1y2v1nfq4 v16_55_1y2v1nfqa v16_55_1y2v1nfqj", n = 500, a = "v16_55_flke8b3", r = {
-    default: "v16_55_flke8b4",
-    brand: "v16_55_flke8b5"
-}, f = "v16_55_flke8b6", l = "v16_55_flke8b7 v16_55_1y2v1nfqq v16_55_1y2v1nfq4 v16_55_1y2v1nfqa v16_55_1y2v1nfqj v16_55_1y2v1nfqd", d = "v16_55_flke8b9 v16_55_flke8b8 v16_55_1y2v1nfgi", k = "v16_55_flke8bb", o = "v16_55_flke8bc", b = "v16_55_flke8be", i = "v16_55_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var a = "v16_56_1-beta_1_flke8b1 v16_56_1-beta_1_flke8b0 v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqa v16_56_1-beta_1_1y2v1nfqj", v = 500, b = "v16_56_1-beta_1_flke8b3", t = {
+    default: "v16_56_1-beta_1_flke8b4",
+    brand: "v16_56_1-beta_1_flke8b5"
+}, n = "v16_56_1-beta_1_flke8b6", r = "v16_56_1-beta_1_flke8b7 v16_56_1-beta_1_1y2v1nfqq v16_56_1-beta_1_1y2v1nfq4 v16_56_1-beta_1_1y2v1nfqa v16_56_1-beta_1_1y2v1nfqj v16_56_1-beta_1_1y2v1nfqd", f = "v16_56_1-beta_1_flke8b9 v16_56_1-beta_1_flke8b8 v16_56_1-beta_1_1y2v1nfgi", l = "v16_56_1-beta_1_flke8bb", d = "v16_56_1-beta_1_flke8bc", k = "v16_56_1-beta_1_flke8be", o = "v16_56_1-beta_1_flke8bf";

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

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

package/dist/logo-blau-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: s } = param;
+    const t = o === "imagotype" ? "0 0 138 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: t,
+        role: "presentation",
+        children: s
+    });
+};

package/dist/logo-blau.d.ts

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

package/dist/logo-blau.js

@@ -5,54 +5,43 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Z;
+        return g;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _logocssmistica = require("./logo.css-mistica.js");
 const _blau = require("./skins/blau.js");
-const _css = require("./utils/css.js");
-const _logocommon = require("./logo-common.js");
-const Z = (param)=>{
-    let { size: t, type: C, isDarkMode: V, themeVariant: s, color: p } = param;
-    const { colors: a } = (0, _blau.getBlauSkin)(), r = p || (V ? a.brand : ({
-        default: a.brand,
-        alternative: a.brand,
-        brand: a.neutralHighNegative,
-        media: a.neutralHighNegative,
-        negative: a.neutralHighNegative
-    })[s]), l = p || (V ? a.promo : ({
-        default: a.promo,
-        alternative: a.promo,
-        brand: a.promo,
-        media: a.promo,
-        negative: a.neutralHighNegative
-    })[s]);
-    return C === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(t)),
-        viewBox: "0 0 73 72",
-        fill: r,
-        role: "presentation",
+const g = (param)=>{
+    let { type: l, isDarkMode: C, themeVariant: i, color: o } = param;
+    const { colors: H } = (0, _blau.getBlauSkin)(), t = o || (C ? H.brand : ({
+        default: H.brand,
+        alternative: H.brand,
+        brand: H.neutralHighNegative,
+        media: H.neutralHighNegative,
+        negative: H.neutralHighNegative
+    })[i]), e = o || (C ? H.promo : ({
+        default: H.promo,
+        alternative: H.promo,
+        brand: H.promo,
+        media: H.promo,
+        negative: H.neutralHighNegative
+    })[i]);
+    return l === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: t,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M56.42 52.2003H18.2V63.0003H56.42V52.2003Z",
-                fill: l
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M38.8069 36.431H35.0651V31.658H38.8069C40.7615 31.658 41.5432 32.865 41.5432 34.0171C41.5432 35.2789 40.7615 36.431 38.8069 36.431ZM35.121 19.0948H37.9132C40.6496 19.0948 40.4821 23.0447 37.9132 23.0447H35.121V19.0948ZM49.6963 26.2267C52.7119 25.1844 54.3312 22.3864 54.3871 19.369C54.5546 13.7182 50.0316 9 44.3355 9H18.2V19.0398H21.8859V36.7602H18.2V46.8H44.2237C50.925 46.8 56.1188 42.3013 56.3981 35.8276C56.6773 30.89 54.2756 27.9275 49.6963 26.2267Z"
             })
         ]
-    }) : C === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(t)),
-        viewBox: "0 0 138 72",
-        fill: r,
-        role: "presentation",
+    }) : l === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: t,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M135.557 54.5729H6.16162V65.184H135.557V54.5729Z",
-                fill: l
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M37.7269 25.9921C42.1878 27.7129 44.5575 30.6343 44.2869 35.6127C44.0163 42.0913 38.9696 46.5732 32.3623 46.5732H6.83155V36.5296H10.4229V18.8042H6.83155V8.75793H32.47C38.0579 8.75793 42.5215 13.5131 42.3507 19.1299C42.2929 22.1512 40.6877 24.9701 37.7269 25.9921ZM26.1359 17.9477H22.7942V23.2703H26.1359C29.4277 23.2703 29.6484 17.9477 26.1359 17.9477ZM30.3393 34.0259C30.3393 32.4812 29.3437 30.9443 27.0449 30.9443H22.7915V37.1076H27.0423C29.2806 37.1102 30.3393 35.5917 30.3393 34.0259Z"
@@ -67,16 +56,12 @@ const Z = (param)=>{
                 d: "M134.858 17.3435H121.972V33.1222C121.972 35.2844 120.359 36.309 118.748 36.309C117.13 36.309 115.843 35.2345 115.843 33.1774V17.3435H102.949V33.2378C102.949 41.072 106.009 46.9043 114.661 47.1171C117.506 47.1696 120.467 46.2501 122.5 43.6571L122.773 46.5733L134.861 46.5917L134.858 17.3435Z"
             })
         ]
-    }) : /* @__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",
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: t,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M55.8 52.2003H18V63.0003H55.8V52.2003Z",
-                fill: l
+                fill: e
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M38.3805 36.431H34.6798V31.658H38.3805C40.3136 31.658 41.0868 32.865 41.0868 34.0171C41.0868 35.2789 40.3136 36.431 38.3805 36.431ZM34.7351 19.0948H37.4966C40.2029 19.0948 40.0373 23.0447 37.4966 23.0447H34.7351V19.0948ZM49.1503 26.2267C52.1327 25.1844 53.7342 22.3864 53.7895 19.369C53.9552 13.7182 49.4819 9 43.8483 9H18V19.0398H21.6454V36.7602H18V46.8H43.7377C50.3654 46.8 55.5022 42.3013 55.7784 35.8276C56.0545 30.89 53.6792 27.9275 49.1503 26.2267Z"

package/dist/logo-common.d.ts

@@ -2,7 +2,6 @@ import type { NonDeprecatedVariant } from './theme-variant-context';
 import type { ByBreakpoint } from './utils/types';
 export type LogoType = 'isotype' | 'imagotype' | 'vertical';
 export type LogoImageProps = {
-    size: ByBreakpoint<number>;
     type: LogoType;
     isDarkMode: boolean;
     themeVariant: NonDeprecatedVariant;

package/dist/logo-esimflag-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 EsimflagLogoShell: ({ size, type, children }: Props) => JSX.Element;
+export default EsimflagLogoShell;

package/dist/logo-esimflag-shell.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return c;
+    }
+});
+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 c = (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-esimflag.d.ts

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

package/dist/logo-esimflag.js

@@ -5,38 +5,27 @@ 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 _esimflag = require("./skins/esimflag.js");
-const _css = require("./utils/css.js");
-const _logocommon = require("./logo-common.js");
-const c = (param)=>{
-    let { size: a, type: H, isDarkMode: o, themeVariant: l, color: i } = param;
-    const { colors: L } = (0, _esimflag.getEsimflagSkin)(), r = i || (o ? L.inverse : ({
+const l = (param)=>{
+    let { type: H, isDarkMode: a, themeVariant: t, color: r } = param;
+    const { colors: L } = (0, _esimflag.getEsimflagSkin)(), V = r || (a ? L.inverse : ({
         default: L.backgroundBrand,
         alternative: L.backgroundBrand,
         brand: L.neutralHighBrand,
         media: L.neutralHighBrand,
         negative: L.neutralHighNegative
-    })[l]);
-    return H === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(a)),
-        viewBox: "0 0 72 72",
-        fill: r,
-        role: "presentation",
+    })[t]);
+    return H === "vertical" ? /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
+        fill: V,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             d: "M9.33603 12H50.819C51.9502 12 53.0447 12.4078 53.8875 13.1485L65.0953 22.9663C66.0739 23.8235 66.6338 25.0497 66.6338 26.3369V58.7085C66.6338 59.9736 65.5874 61 64.2978 61H9.33603C8.04641 61 7 59.9736 7 58.7085V14.2915C7 13.0264 8.04641 12 9.33603 12ZM42.3148 32.8561L57.779 32.8867V32.8894L59.1167 25.5518L40.6038 25.5157C41.687 27.674 42.312 30.1818 42.312 32.8589L26.5735 32.8284L28.0469 25.4824L40.6038 25.5074C38.3978 21.1131 34.2631 18.1531 29.5232 18.1448L24.3307 18.1337C22.9082 18.1281 21.6893 19.1046 21.415 20.4695L14.5228 54.858L19.7266 54.8691C21.1378 54.8719 22.3511 53.8954 22.6254 52.536L25.1113 40.1688L43.9919 40.2077C42.9228 38.0549 42.3091 35.5554 42.3148 32.8867V32.8561ZM56.4498 40.2326L43.9947 40.2077C44.5575 41.3423 45.2504 42.3909 46.0507 43.3036C48.1153 45.6894 50.8868 47.2651 53.978 47.5786H55.1121L56.4498 40.2326Z"
         })
-    }) : H === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(a)),
-        viewBox: "0 0 195 72",
-        fill: r,
-        role: "presentation",
+    }) : H === "imagotype" ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+        fill: V,
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
                 d: "M9.33603 11H50.819C51.9502 11 53.0447 11.4078 53.8875 12.1485L65.0953 21.9663C66.0739 22.8235 66.6338 24.0497 66.6338 25.3369V57.7085C66.6338 58.9736 65.5874 60 64.2978 60H9.33603C8.04641 60 7 58.9736 7 57.7085V13.2915C7 12.0264 8.04641 11 9.33603 11ZM42.3148 31.8561L57.779 31.8867V31.8894L59.1167 24.5518L40.6038 24.5157C41.687 26.674 42.312 29.1818 42.312 31.8589L26.5735 31.8284L28.0469 24.4824L40.6038 24.5074C38.3978 20.1131 34.2631 17.1531 29.5232 17.1448L24.3307 17.1337C22.9082 17.1281 21.6893 18.1046 21.415 19.4695L14.5228 53.858L19.7266 53.8691C21.1378 53.8719 22.3511 52.8954 22.6254 51.536L25.1113 39.1688L43.9919 39.2077C42.9228 37.0549 42.3091 34.5554 42.3148 31.8867V31.8561ZM56.4498 39.2326L43.9947 39.2077C44.5575 40.3423 45.2504 41.3909 46.0507 42.3036C48.1153 44.6894 50.8868 46.2651 53.978 46.5786H55.1121L56.4498 39.2326Z"
@@ -66,12 +55,8 @@ const c = (param)=>{
                 d: "M188 41.9652V57.5476C186.453 58.2772 184.623 58.8681 182.511 59.3203C180.398 59.7725 178.181 60 175.862 60C172.261 60 169.196 59.3814 166.667 58.1385C164.139 56.8985 162.227 55.1258 160.932 52.8205C159.637 50.5151 158.992 47.7854 158.992 44.6339C158.992 41.4825 159.685 38.5557 161.068 36.206C162.451 33.8563 164.43 32.0698 167.004 30.8436C169.578 29.6174 172.621 29.0043 176.13 29.0043C177.618 29.0043 179.032 29.0931 180.37 29.2678C181.707 29.4426 182.839 29.6757 183.761 29.9669C184.504 30.2 184.994 30.4774 185.234 30.7992C185.472 31.121 185.59 31.5593 185.59 32.1114V35.3516C183.984 34.9133 182.437 34.5942 180.949 34.3889C179.462 34.1864 178.107 34.0838 176.888 34.0838C173.138 34.0838 170.285 34.966 168.319 36.7331C166.356 38.5003 165.372 41.0442 165.372 44.3732C165.372 47.8741 166.294 50.5096 168.138 52.274C169.982 54.0411 172.615 54.9233 176.037 54.9233C178.715 54.9233 180.737 54.6597 182.106 54.1354V46.6951H175.279V43.6741C175.279 43.1192 175.426 42.6976 175.726 42.4035C176.023 42.1122 176.456 41.9652 177.021 41.9652H188Z"
             })
         ]
-    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
-        className: _logocssmistica.svg,
-        style: (0, _css.applyCssVars)((0, _logocommon.calcInlineVars)(a)),
-        viewBox: "0 0 72 72",
-        fill: r,
-        role: "presentation",
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
+        fill: V,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
             d: "M9.33603 12H50.819C51.9502 12 53.0447 12.4078 53.8875 13.1485L65.0953 22.9663C66.0739 23.8235 66.6338 25.0497 66.6338 26.3369V58.7085C66.6338 59.9736 65.5874 61 64.2978 61H9.33603C8.04641 61 7 59.9736 7 58.7085V14.2915C7 13.0264 8.04641 12 9.33603 12ZM42.3148 32.8561L57.779 32.8867V32.8894L59.1167 25.5518L40.6038 25.5157C41.687 27.674 42.312 30.1818 42.312 32.8589L26.5735 32.8284L28.0469 25.4824L40.6038 25.5074C38.3978 21.1131 34.2631 18.1531 29.5232 18.1448L24.3307 18.1337C22.9082 18.1281 21.6893 19.1046 21.415 20.4695L14.5228 54.858L19.7266 54.8691C21.1378 54.8719 22.3511 53.8954 22.6254 52.536L25.1113 40.1688L43.9919 40.2077C42.9228 38.0549 42.3091 35.5554 42.3148 32.8867V32.8561ZM56.4498 40.2326L43.9947 40.2077C44.5575 41.3423 45.2504 42.3909 46.0507 43.3036C48.1153 45.6894 50.8868 47.2651 53.978 47.5786H55.1121L56.4498 40.2326Z"
         })

package/dist/logo-movistar-new-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 MovistarNewLogoShell: ({ size, type, children }: Props) => JSX.Element;
+export default MovistarNewLogoShell;

package/dist/logo-movistar-new-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 203 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-movistar-new.d.ts

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