@telefonica/mistica 14.16.1 → 14.17.1

package/dist/skins/vivo-new.js

@@ -289,6 +289,17 @@ const e = {
             button: {
                 weight: "regular"
             },
+            tabsLabel: {
+                weight: "regular",
+                size: {
+                    mobile: 18,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
             link: {
                 weight: "regular"
             },
@@ -315,16 +326,6 @@ const e = {
             },
             text10: {
                 weight: "regular"
-            },
-            tabsLabel: {
-                size: {
-                    mobile: 18,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
             }
         }
     });

package/dist/skins/vivo.js

@@ -289,6 +289,17 @@ const e = {
             button: {
                 weight: "medium"
             },
+            tabsLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
             link: {
                 weight: "medium"
             },
@@ -315,16 +326,6 @@ const e = {
             },
             text10: {
                 weight: "light"
-            },
-            tabsLabel: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
             }
         }
     });

package/dist/spinner.css-mistica.js

@@ -13,15 +13,15 @@ _export(exports, {
         return t;
     },
     spinnerDefaultPath: function() {
-        return a;
+        return f;
     },
     spinnerIos: function() {
-        return e;
+        return v;
     },
     spinnerIosSvgPath: function() {
-        return f;
+        return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./spinner.css.ts.vanilla.css-mistica.js");
-var t = "_1fthc594 _1y2v1nf6m", a = "_1fthc595", e = "_1y2v1nf6m", f = "_1fthc597";
+var t = "_1fthc594 _1y2v1nf6m _1y2v1nf66", f = "_1fthc595", v = "_1y2v1nf6m _1y2v1nf66", a = "_1fthc597";

package/dist/tabs.js

@@ -114,7 +114,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const f = (0, _platform.isRunningAcceptanceTest)() ? 0 : 300, q = (i)=>{
+const d = (0, _platform.isRunningAcceptanceTest)() ? 0 : 300, q = (i)=>{
     switch(i){
         case 2:
             return "tabs2";
@@ -125,13 +125,13 @@ const f = (0, _platform.isRunningAcceptanceTest)() ? 0 : 300, q = (i)=>{
     }
 }, C = (param)=>{
     let { selectedIndex: i , onChange: y , tabs: b , dataAttributes: T  } = param;
-    const { textPresets: o  } = (0, _hooks.useTheme)(), n = (0, _hooks.useAriaId)(), { ref: A  } = (0, _hooks.useElementDimensions)(), u = _react.useRef(null), h = _react.useRef(null), [p, L] = _react.useState(!1), N = (l, c)=>{
-        const t = document.querySelector(`[id='${n}'] [data-tabindex="${l}"]`), r = document.querySelector(`[id='${n}'] [data-tabindex="${c}"]`), e = u.current, a = h.current;
-        t && r && e && a && (L(!0), e.style.display = "block", e.style.width = `${t.offsetWidth}px`, e.style.transform = `translate(${t.offsetLeft - a.scrollLeft}px, 0)`, Promise.resolve().then(()=>{
-            e.style.width = `${r.offsetWidth}px`, e.style.transform = `translate(${r.offsetLeft - a.scrollLeft}px, 0)`, e.style.transition = `transform ${f}ms, width ${f}ms`;
+    const { textPresets: r  } = (0, _hooks.useTheme)(), n = (0, _hooks.useAriaId)(), { ref: A  } = (0, _hooks.useElementDimensions)(), u = _react.useRef(null), h = _react.useRef(null), [p, L] = _react.useState(!1), N = (l, c)=>{
+        const t = document.querySelector(`[id='${n}'] [data-tabindex="${l}"]`), o = document.querySelector(`[id='${n}'] [data-tabindex="${c}"]`), e = u.current, a = h.current;
+        t && o && e && a && (L(!0), e.style.display = "block", e.style.width = `${t.offsetWidth}px`, e.style.transform = `translate(${t.offsetLeft - a.scrollLeft}px, 0)`, Promise.resolve().then(()=>{
+            e.style.width = `${o.offsetWidth}px`, e.style.transform = `translate(${o.offsetLeft - a.scrollLeft}px, 0)`, e.style.transition = `transform ${d}ms, width ${d}ms`;
         }), setTimeout(()=>{
             e.style.transition = "", e.style.display = "none", L(!1);
-        }, f));
+        }, d));
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         id: n,
@@ -150,7 +150,7 @@ const f = (0, _platform.isRunningAcceptanceTest)() ? 0 : 300, q = (i)=>{
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _tabscssmistica.tabsContainer,
                             children: b.map((param, e)=>{
-                                let { text: l , trackingEvent: c , icon: t , "aria-controls": r  } = param;
+                                let { text: l , trackingEvent: c , icon: t , "aria-controls": o  } = param;
                                 const a = e === i;
                                 return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.BaseTouchable, {
                                     dataAttributes: {
@@ -163,7 +163,7 @@ const f = (0, _platform.isRunningAcceptanceTest)() ? 0 : 300, q = (i)=>{
                                     },
                                     trackingEvent: c,
                                     role: "tab",
-                                    "aria-controls": r,
+                                    "aria-controls": o,
                                     "aria-selected": a ? "true" : "false",
                                     children: [
                                         t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -171,11 +171,11 @@ const f = (0, _platform.isRunningAcceptanceTest)() ? 0 : 300, q = (i)=>{
                                             children: t
                                         }),
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
-                                            desktopSize: o.tabsLabel.size.desktop,
-                                            mobileSize: o.tabsLabel.size.mobile,
-                                            desktopLineHeight: o.tabsLabel.lineHeight.desktop,
-                                            mobileLineHeight: o.tabsLabel.lineHeight.mobile,
-                                            weight: "medium",
+                                            desktopSize: r.tabsLabel.size.desktop,
+                                            mobileSize: r.tabsLabel.size.mobile,
+                                            desktopLineHeight: r.tabsLabel.lineHeight.desktop,
+                                            mobileLineHeight: r.tabsLabel.lineHeight.mobile,
+                                            weight: r.tabsLabel.weight,
                                             color: "inherit",
                                             wordBreak: !1,
                                             textAlign: "center",

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

@@ -1,12 +1,12 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./button.css.ts.vanilla.css-mistica.js";
-var _ = 104, r = 8, y = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, s = "rrbrpnl", e = "rrbrpni _1y2v1nf28", l = {
+var _ = 104, r = 2, y = 8, f = 24, a = 20, p = 16, b = 20, i = 14.5, s = 10.5, e = "rrbrpnl", I = "rrbrpni _1y2v1nf28", l = {
     primary: "rrbrpnp rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf21 _1y2v1nf3s",
     secondary: "rrbrpnq rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf25 _1y2v1nf5y",
     danger: "rrbrpnr rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3m"
-}, t = "rrbrpn0", g = "rrbrpng _1y2v1nf7p _1y2v1nf84 _1y2v1nf68 _1y2v1nf8g _1y2v1nf5z _1y2v1nfah _1y2v1nfaa _1y2v1nf27 _1y2v1nf5y _1y2v1nfas _1y2v1nf9m", I = "rrbrpn7 _1y2v1nf65 _1y2v1nf60 _1y2v1nfau _1y2v1nfc3 _1y2v1nf6d _1y2v1nf6j", o = "rrbrpn4 _1y2v1nf66 _1y2v1nf8x _1y2v1nfas", N = "rrbrpn5", d = "rrbrpn9 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", L = "rrbrpnk _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", m = {
+}, t = "rrbrpn0", N = "rrbrpng _1y2v1nf7p _1y2v1nf84 _1y2v1nf68 _1y2v1nf8g _1y2v1nf5z _1y2v1nfah _1y2v1nfaa _1y2v1nf27 _1y2v1nf5y _1y2v1nfas _1y2v1nf9m", g = "rrbrpn7 _1y2v1nf65 _1y2v1nf60 _1y2v1nfau _1y2v1nfc3 _1y2v1nf6d _1y2v1nf6j", o = "rrbrpn4 _1y2v1nf66 _1y2v1nf8x _1y2v1nfas", L = "rrbrpn5", d = "rrbrpn9 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", m = "rrbrpnk _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", S = {
     primary: "rrbrpnm rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3r",
     secondary: "rrbrpnn rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf23 _1y2v1nf5y",
     danger: "rrbrpno rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3m"
 };
-export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX, s as alignedLink, e as inverseLink, l as inverseVariants, t as isLoading, g as link, I as loadingContent, o as loadingFiller, N as small, d as textContent, L as textContentLink, m as variants };
+export { _ as BUTTON_MIN_WIDTH, r as CHEVRON_MARGIN_LEFT_LINK, y as ICON_MARGIN_PX, f as ICON_SIZE, a as SMALL_ICON_SIZE, p as SMALL_SPINNER_SIZE, b as SPINNER_SIZE, i as X_PADDING_PX, s as X_SMALL_PADDING_PX, e as alignedLink, I as inverseLink, l as inverseVariants, t as isLoading, N as link, g as loadingContent, o as loadingFiller, L as small, d as textContent, m as textContentLink, S as variants };