@telefonica/mistica 17.3.0 → 17.4.0

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                       */ var n = "v17_3_1num3qg2 v17_3_1num3qg1 v17_3_1y2v1nfr6 v17_3_1y2v1nfuk v17_3_1y2v1nfuz v17_3_1y2v1nfve", r = "v17_3_1num3qg3", f = "v17_3_1num3qg4 v17_3_1y2v1nfrx v17_3_1y2v1nfue v17_3_1y2v1nfr4 v17_3_1y2v1nfd4 v17_3_1y2v1nfsh", y = "v17_3_1num3qg7 v17_3_1num3qg6 v17_3_1y2v1nfr5 v17_3_1y2v1nfrx v17_3_1y2v1nfse";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_4_1num3qg2 v17_4_1num3qg1 v17_4_1y2v1nfra v17_4_1y2v1nfuo v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", r = "v17_4_1num3qg3", f = "v17_4_1num3qg4 v17_4_1y2v1nfs1 v17_4_1y2v1nfui v17_4_1y2v1nfr8 v17_4_1y2v1nfd8 v17_4_1y2v1nfsl", y = "v17_4_1num3qg7 v17_4_1num3qg6 v17_4_1y2v1nfr9 v17_4_1y2v1nfs1 v17_4_1y2v1nfsi";
 export { r as hidden, n as portal, y as progress, f as progressContainer };

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

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                          */ var e = "v17_3_flke8b1 v17_3_flke8b0 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp", r = 500, n = "v17_3_flke8b3", a = {
-    default: "v17_3_flke8b4",
-    brand: "v17_3_flke8b5"
-}, f = "v17_3_flke8b6", l = "v17_3_flke8b7 v17_3_1y2v1nfrw v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfrp v17_3_1y2v1nfrj", o = "v17_3_flke8b9 v17_3_flke8b8 v17_3_1y2v1nfho", k = "v17_3_flke8bb", b = "v17_3_flke8bc", d = "v17_3_flke8be", i = "v17_3_flke8bf";
-export { r as inOutAnimationMs, e as loadingScreen, l as loadingScreenChildren, o as loadingScreenText, k as loadingScreenTextAnimated, b as loadingScreenTextAnimatedOut, i as logo, d as pulseLogo, a as screenBackground, n as screenBackgroundAnimated, f as screenBackgroundFadeOut };
+/* empty css                                     */ /* empty css                                          */ var v = "v17_4_flke8b1 v17_4_flke8b0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", n = 500, r = "v17_4_flke8b3", a = {
+    default: "v17_4_flke8b4",
+    brand: "v17_4_flke8b5"
+}, f = "v17_4_flke8b6", l = "v17_4_flke8b7 v17_4_1y2v1nfs0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt v17_4_1y2v1nfrn", k = "v17_4_flke8b9 v17_4_flke8b8 v17_4_1y2v1nfhs", o = "v17_4_flke8bb", t = "v17_4_flke8bc", b = "v17_4_flke8be", d = "v17_4_flke8bf";
+export { n as inOutAnimationMs, v as loadingScreen, l as loadingScreenChildren, k as loadingScreenText, o as loadingScreenTextAnimated, t as loadingScreenTextAnimatedOut, d as logo, b as pulseLogo, a as screenBackground, r as screenBackgroundAnimated, f as screenBackgroundFadeOut };

package/dist-es/logo.css-mistica.js

@@ -1,7 +1,7 @@
 /* empty css                                */ var _ = {
-    size: "var(--v17_3_140ft6x0)",
-    sizeMobile: "var(--v17_3_140ft6x1)",
-    sizeTablet: "var(--v17_3_140ft6x2)",
-    sizeDesktop: "var(--v17_3_140ft6x3)"
-}, r = "v17_3_140ft6x4", t = "v17_3_140ft6x5";
+    size: "var(--v17_4_140ft6x0)",
+    sizeMobile: "var(--v17_4_140ft6x1)",
+    sizeTablet: "var(--v17_4_140ft6x2)",
+    sizeDesktop: "var(--v17_4_140ft6x3)"
+}, r = "v17_4_140ft6x4", t = "v17_4_140ft6x5";
 export { t as logoContainer, r as svg, _ as vars };

package/dist-es/menu.css-mistica.js

@@ -1,15 +1,15 @@
 /* empty css                                     */ /* empty css                                */ var k = {
-    top: "var(--v17_3_2k0k3u0)",
-    bottom: "var(--v17_3_2k0k3u1)",
-    left: "var(--v17_3_2k0k3u2)",
-    right: "var(--v17_3_2k0k3u4)",
-    width: "var(--v17_3_2k0k3u3)",
-    maxHeight: "var(--v17_3_2k0k3u5)",
-    transformOrigin: "var(--v17_3_2k0k3u6)"
-}, e = "v17_3_2k0k3u8 v17_3_2k0k3u7 v17_3_1y2v1nfhc v17_3_1y2v1nfil v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nf8x v17_3_1y2v1nfu3 v17_3_1y2v1nfra v17_3_1y2v1nfrg v17_3_1y2v1nfr5", r = {
-    enter: "v17_3_2k0k3u9",
-    enterActive: "v17_3_2k0k3ua",
-    exit: "v17_3_2k0k3ub",
-    exitActive: "v17_3_2k0k3uc"
-}, t = "v17_3_2k0k3ud", n = "v17_3_2k0k3ue", u = "v17_3_2k0k3uf", a = "v17_3_2k0k3ug", i = "v17_3_2k0k3uh", m = "v17_3_2k0k3uj v17_3_2k0k3ui v17_3_1y2v1nfhc v17_3_1y2v1nfil", o = "v17_3_2k0k3uk", f = "v17_3_2k0k3ul", y = "v17_3_2k0k3um";
+    top: "var(--v17_4_2k0k3u0)",
+    bottom: "var(--v17_4_2k0k3u1)",
+    left: "var(--v17_4_2k0k3u2)",
+    right: "var(--v17_4_2k0k3u4)",
+    width: "var(--v17_4_2k0k3u3)",
+    maxHeight: "var(--v17_4_2k0k3u5)",
+    transformOrigin: "var(--v17_4_2k0k3u6)"
+}, e = "v17_4_2k0k3u8 v17_4_2k0k3u7 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nf8z v17_4_1y2v1nfu7 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfr9", r = {
+    enter: "v17_4_2k0k3u9",
+    enterActive: "v17_4_2k0k3ua",
+    exit: "v17_4_2k0k3ub",
+    exitActive: "v17_4_2k0k3uc"
+}, t = "v17_4_2k0k3ud", n = "v17_4_2k0k3ue", u = "v17_4_2k0k3uf", a = "v17_4_2k0k3ug", i = "v17_4_2k0k3uh", m = "v17_4_2k0k3uj v17_4_2k0k3ui v17_4_1y2v1nfhg v17_4_1y2v1nfip", o = "v17_4_2k0k3uk", f = "v17_4_2k0k3ul", y = "v17_4_2k0k3um";
 export { y as assetContainer, o as itemContent, f as itemTextContent, e as menuContainer, t as menuItem, i as menuItemDisabled, a as menuItemEnabled, n as menuItemHovered, u as menuItemHoveredDestructive, m as menuSectionDivider, r as menuTransitionClasses, k as vars };

package/dist-es/mobile-navigation-menu.js

@@ -0,0 +1,90 @@
+'use client';
+import { jsx as e, jsxs as T } from "react/jsx-runtime";
+import * as n from "react";
+import { CSSTransition as A } from "react-transition-group";
+import C from "./focus-trap.js";
+import { Portal as O } from "./portal.js";
+import { useTheme as k } from "./hooks.js";
+import { isRunningAcceptanceTest as B } from "./utils/platform.js";
+import { backNavigationBar as y } from "./text-tokens.js";
+import { BURGER_MENU_ANIMATION_DURATION_MS as _, burgerMenuTransition as $, burgerMenu as I, burgerMenuContainer as S, burgerMenuContentContainer as d } from "./navigation-shared.css-mistica.js";
+const U = {
+    opening: {
+        close: "closing",
+        finishOpen: "opened"
+    },
+    opened: {
+        close: "closing"
+    },
+    closing: {
+        open: "opening",
+        finishClose: "closed"
+    },
+    closed: {
+        open: "opening"
+    }
+}, j = (o, l)=>U[o][l] || o, J = (param)=>{
+    let { open: o, id: l, topOffset: g, firstLevel: b, secondLevel: h, showSecondLevel: t = !1, onExited: N, "aria-label": R, focusTrapGroup: M, disableFocusTrap: v, setDisableFocusTrap: c } = param;
+    const { isDarkMode: x, texts: u, t: m } = k(), [r, i] = n.useReducer(j, "closed"), f = n.useRef(null), p = n.useRef(null), E = x ? 1 : 0.2, s = B() ? 0 : _;
+    return n.useEffect(()=>{
+        let a;
+        return t ? (i("open"), a = setTimeout(()=>i("finishOpen"), s)) : (i("close"), a = setTimeout(()=>i("finishClose"), s)), ()=>clearTimeout(a);
+    }, [
+        t,
+        s
+    ]), n.useEffect(()=>{
+        var _p_current_querySelector, _p_current;
+        r === "opening" && ((_p_current = p.current) === null || _p_current === void 0 ? void 0 : (_p_current_querySelector = _p_current.querySelector(`button[aria-label="${u.backNavigationBar || m(y)}"]`)) === null || _p_current_querySelector === void 0 ? void 0 : _p_current_querySelector.focus());
+    }, [
+        r,
+        m,
+        u
+    ]), /* @__PURE__ */ e(O, {
+        children: /* @__PURE__ */ e(C, {
+            disabled: v,
+            group: M,
+            children: /* @__PURE__ */ e(A, {
+                onEntered: ()=>c(!1),
+                onExiting: ()=>c(!0),
+                onExited: N,
+                classNames: $,
+                in: o,
+                nodeRef: f,
+                timeout: s,
+                mountOnEnter: !0,
+                unmountOnExit: !0,
+                children: /* @__PURE__ */ e("nav", {
+                    className: I,
+                    style: {
+                        boxShadow: `6px 0 4px -4px rgba(0, 0, 0, ${E})`,
+                        top: g
+                    },
+                    id: l,
+                    ref: f,
+                    "aria-label": R,
+                    children: /* @__PURE__ */ T("div", {
+                        className: S,
+                        children: [
+                            /* @__PURE__ */ e("div", {
+                                className: d,
+                                style: {
+                                    transform: `translate(${t ? "-100vw" : "0"})`
+                                },
+                                children: r !== "opened" && b
+                            }),
+                            /* @__PURE__ */ e("div", {
+                                className: d,
+                                ref: p,
+                                style: {
+                                    transform: `translate(${t ? "0" : "100vw"})`
+                                },
+                                children: r !== "closed" && h
+                            })
+                        ]
+                    })
+                })
+            })
+        })
+    });
+};
+export { J as MobileNavigationMenu };

package/dist-es/mosaic.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                  */ var r = "v17_3_1j2q6te0", t = "v17_3_1j2q6te1", a = "v17_3_1j2q6te2", o = "v17_3_1j2q6te3";
+/* empty css                                  */ var r = "v17_4_1j2q6te0", t = "v17_4_1j2q6te1", a = "v17_4_1j2q6te2", o = "v17_4_1j2q6te3";
 export { a as fourItemsContainer, o as horizontalMosaicPageContainer, t as singleItemRowContainer, r as squareContainer };

package/dist-es/navigation-bar.css-mistica.js

@@ -1,20 +1,11 @@
-/* empty css                                     */ /* empty css                                          */ var n = 184, y = 300, r = 400, d = "v17_3_1vcy5dz1 v17_3_1vcy5dz0 v17_3_1y2v1nfr4 v17_3_1y2v1nfs6 v17_3_1y2v1nfsm", e = "v17_3_1vcy5dz4 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", a = "v17_3_1vcy5dz5 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", c = "v17_3_1vcy5dz6 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", f = "v17_3_1vcy5dz7 v17_3_1vcy5dz3 v17_3_1vcy5dz2 v17_3_1y2v1nfr5", t = "v17_3_1vcy5dz9 v17_3_1vcy5dz8 v17_3_1y2v1nfr6 v17_3_1y2v1nfuk v17_3_1y2v1nfuz v17_3_1y2v1nfve", z = {
-    default: "v17_3_1vcy5dzc v17_3_1vcy5dzb v17_3_1vcy5dza v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrx",
-    noBorder: "v17_3_1vcy5dzd v17_3_1vcy5dzb v17_3_1vcy5dza v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrx",
-    menuOpen: "v17_3_1vcy5dze v17_3_1vcy5dzb v17_3_1vcy5dza v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrx"
-}, o = "v17_3_1vcy5dzf", i = "v17_3_1vcy5dzg", u = "v17_3_1vcy5dzi v17_3_1vcy5dzh v17_3_1y2v1nfr4 v17_3_1y2v1nfra", p = "v17_3_1vcy5dzj v17_3_1y2v1nfr4", s = "v17_3_1vcy5dzl v17_3_1vcy5dzk v17_3_1y2v1nfr5 v17_3_1y2v1nfuk v17_3_1y2v1nfvt v17_3_1y2v1nfra v17_3_1y2v1nfrp", M = "v17_3_1vcy5dzn v17_3_1vcy5dzm v17_3_1y2v1nfh3 v17_3_1y2v1nfic v17_3_1y2v1nfjl v17_3_1y2v1nfku v17_3_1y2v1nfts v17_3_1y2v1nfh2", k = "v17_3_1vcy5dzp v17_3_1vcy5dzo v17_3_1y2v1nfju v17_3_1y2v1nfl3 v17_3_1y2v1nfst v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfts v17_3_1y2v1nfh2 v17_3_1y2v1nfr4", g = {
-    default: "v17_3_1vcy5dzq",
-    brand: "v17_3_1vcy5dzr"
-}, l = {
-    default: "v17_3_1vcy5dzs",
-    alternative: "v17_3_1vcy5dzt",
-    brand: "v17_3_1vcy5dzu",
-    negative: "v17_3_1vcy5dzv",
-    media: "v17_3_1vcy5dzw"
-}, C = "v17_3_1vcy5dzy v17_3_1vcy5dzx v17_3_1y2v1nfrp v17_3_1y2v1nfrx v17_3_1y2v1nfra", x = "v17_3_1vcy5dzz v17_3_1y2v1nfh3 v17_3_1y2v1nfic v17_3_1y2v1nfjl v17_3_1y2v1nfku v17_3_1y2v1nfts v17_3_1y2v1nfh2", S = "v17_3_1vcy5dz10", b = "v17_3_1vcy5dz12 v17_3_1vcy5dz11 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrk", h = "v17_3_1vcy5dz14 v17_3_1vcy5dz12 v17_3_1vcy5dz11 v17_3_1y2v1nfra v17_3_1y2v1nfrp v17_3_1y2v1nfrk v17_3_1vcy5dz13 v17_3_1y2v1nfrw", A = "v17_3_1vcy5dz17 v17_3_1vcy5dz16 v17_3_1y2v1nfst v17_3_1vcy5dz15", m = "v17_3_1vcy5dz18 v17_3_1vcy5dz15", j = {
-    enter: "v17_3_1vcy5dz19",
-    enterActive: "v17_3_1vcy5dz1a",
-    exit: "v17_3_1vcy5dz1b",
-    exitActive: "v17_3_1vcy5dz1c"
-}, B = "v17_3_1vcy5dz1f v17_3_1vcy5dz1e v17_3_1y2v1nfra v17_3_1y2v1nfrw", N = "v17_3_1vcy5dz1h v17_3_1vcy5dz1g v17_3_1y2v1nfra v17_3_1y2v1nfrj", I = "v17_3_1vcy5dz1i", O = "v17_3_1vcy5dz1j v17_3_1y2v1nfr6 v17_3_1y2v1nfuz v17_3_1y2v1nfve v17_3_1y2v1nfvt v17_3_1y2v1nf8j", T = "v17_3_1vcy5dz1k v17_3_1y2v1nfse v17_3_1y2v1nfr4", w = "v17_3_1vcy5dz1m v17_3_1vcy5dz1l v17_3_1y2v1nfuj v17_3_1y2v1nfrx v17_3_1y2v1nfse v17_3_1y2v1nfr5 v17_3_1y2v1nfuk", E = "v17_3_1vcy5dz1r", R = "v17_3_1vcy5dz1t v17_3_1vcy5dz1s v17_3_1y2v1nfrx", U = "v17_3_1vcy5dz1u v17_3_1y2v1nfr5 v17_3_1y2v1nfuz v17_3_1y2v1nfve", W = "v17_3_1vcy5dz1w v17_3_1vcy5dz1v v17_3_1y2v1nfr6 v17_3_1y2v1nfuz v17_3_1y2v1nfve", D = "v17_3_1vcy5dz1y v17_3_1vcy5dz1x v17_3_1y2v1nf8x v17_3_1y2v1nfr5 v17_3_1y2v1nfuz v17_3_1y2v1nfve", F = "v17_3_1vcy5dz20 v17_3_1vcy5dz1z v17_3_1y2v1nfk6 v17_3_1y2v1nflf v17_3_1y2v1nfhu v17_3_1y2v1nfj3 v17_3_1y2v1nf8x v17_3_1y2v1nfr6 v17_3_1y2v1nfuj", H = "v17_3_1vcy5dz22 v17_3_1vcy5dz21 v17_3_1y2v1nfhu v17_3_1y2v1nfj3 v17_3_1y2v1nfr4", L = "v17_3_1vcy5dz23", V = "v17_3_1vcy5dz24";
-export { y as BURGER_MENU_ANIMATION_DURATION_MS, r as DESKTOP_MENU_ANIMATION_DURATION_MS, n as DESKTOP_SMALL_MENU_WIDTH, d as burgerIconContainer, O as burgerMenu, I as burgerMenuButton, T as burgerMenuContainer, w as burgerMenuContentContainer, j as burgerMenuTransition, H as desktopMenu, D as desktopMenuBackgroundContainer, V as desktopMenuColumnItem, W as desktopMenuContainer, L as desktopMenuContentFadeIn, o as desktopMenuFirstSection, i as desktopMenuLastSection, M as desktopMenuSectionArrow, s as desktopMenuSectionArrowContainer, u as desktopMenuSectionContainer, p as desktopMenuSectionWithArrowWrapper, U as desktopMenuWrapper, S as desktopOnly, F as desktopSmallMenuContainer, a as iconCloseHidden, e as iconCloseOpen, f as iconMenuHidden, c as iconMenuOpen, E as lineHeightFix, N as logoContainer, B as mainNavBarSectionsContainer, R as mainNavigationBarContentWrapper, z as navbarBorderColorVariants, x as navigationBarAction, C as navigationBarContent, b as navigationBarContentRight, h as navigationBarContentRightExpanded, k as section, g as selectedSectionVariants, A as spacer, m as spacerLarge, l as textWrapperVariants, t as topFixed };
+/* empty css                                     */ /* empty css                                             */ /* empty css                                          */ var y = 184, r = 400, e = "v17_4_1vcy5dz0", a = "v17_4_1vcy5dz1", t = "v17_4_1vcy5dz3 v17_4_1vcy5dz2 v17_4_1y2v1nfr8 v17_4_1y2v1nfre", d = "v17_4_1vcy5dz4 v17_4_1y2v1nfr8", f = "v17_4_1vcy5dz6 v17_4_1vcy5dz5 v17_4_1y2v1nfr9 v17_4_1y2v1nfuo v17_4_1y2v1nfvx v17_4_1y2v1nfre v17_4_1y2v1nfrt", c = "v17_4_1vcy5dz8 v17_4_1vcy5dz7 v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6", o = "v17_4_1vcy5dza v17_4_1vcy5dz9 v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nfsx v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_1y2v1nfr8", i = {
+    default: "v17_4_1vcy5dzb",
+    brand: "v17_4_1vcy5dzc"
+}, z = {
+    default: "v17_4_1vcy5dzd",
+    alternative: "v17_4_1vcy5dze",
+    brand: "v17_4_1vcy5dzf",
+    negative: "v17_4_1vcy5dzg",
+    media: "v17_4_1vcy5dzh"
+}, p = "v17_4_1vcy5dzi v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6", s = "v17_4_1vcy5dzj v17_4_1tpqlymg", u = "v17_4_1vcy5dzm v17_4_1vcy5dzl v17_4_1y2v1nfre v17_4_1y2v1nfs0", M = "v17_4_1vcy5dzr", k = "v17_4_1vcy5dzt v17_4_1vcy5dzs v17_4_1y2v1nfs1", S = "v17_4_1vcy5dzu v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", l = "v17_4_1vcy5dzw v17_4_1vcy5dzv v17_4_1y2v1nfra v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", m = "v17_4_1vcy5dzy v17_4_1vcy5dzx v17_4_1y2v1nf8z v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", g = "v17_4_1vcy5dz10 v17_4_1vcy5dzz v17_4_1y2v1nfka v17_4_1y2v1nflj v17_4_1y2v1nfhy v17_4_1y2v1nfj7 v17_4_1y2v1nf8z v17_4_1y2v1nfra v17_4_1y2v1nfun", h = "v17_4_1vcy5dz12 v17_4_1vcy5dz11 v17_4_1y2v1nfhy v17_4_1y2v1nfj7 v17_4_1y2v1nfr8", C = "v17_4_1vcy5dz13", A = "v17_4_1vcy5dz14";
+export { r as DESKTOP_MENU_ANIMATION_DURATION_MS, y as DESKTOP_SMALL_MENU_WIDTH, h as desktopMenu, m as desktopMenuBackgroundContainer, A as desktopMenuColumnItem, l as desktopMenuContainer, C as desktopMenuContentFadeIn, e as desktopMenuFirstSection, a as desktopMenuLastSection, c as desktopMenuSectionArrow, f as desktopMenuSectionArrowContainer, t as desktopMenuSectionContainer, d as desktopMenuSectionWithArrowWrapper, S as desktopMenuWrapper, g as desktopSmallMenuContainer, M as lineHeightFix, u as mainNavBarSectionsContainer, k as mainNavigationBarContentWrapper, p as navigationBarAction, o as section, i as selectedSectionVariants, s as spacerLarge, z as textWrapperVariants };