@telefonica/mistica 14.41.0 → 14.42.0

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

@@ -10,36 +10,39 @@ function _export(target, all) {
 }
 _export(exports, {
     alignMoreThanOneChildren: function() {
-        return i;
+        return r;
     },
     alignVariant: function() {
-        return l;
+        return y;
     },
     baseContainer: function() {
-        return a;
+        return h;
     },
     container: function() {
-        return v;
+        return i;
     },
     fullWidthContainer: function() {
-        return y;
+        return a;
     },
     link: function() {
-        return h;
+        return v;
     },
     linkAlignment: function() {
         return t;
     },
+    linkWithTwoButtons: function() {
+        return k;
+    },
     margins: function() {
-        return e;
+        return x;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
 require("./button-layout.css.ts.vanilla.css-mistica.js");
-var i = "kfxylhg", l = {
-    right: "_1y2v1nfgs",
-    left: "_1y2v1nfgq",
-    center: "_1y2v1nfgr",
-    "full-width": "kfxylhf _1y2v1nfgr"
-}, a = "kfxylh5 _1y2v1nfgi", v = "kfxylh6", y = "kfxylh7", h = "kfxylh2 _1y2v1nfgi _1y2v1nfh5", t = "kfxylh3", e = "kfxylh0";
+var r = "kfxylhh", y = {
+    right: "kfxylhd _1y2v1nfgs",
+    left: "kfxylhe _1y2v1nfgq",
+    center: "kfxylhf _1y2v1nfgr",
+    "full-width": "kfxylhg _1y2v1nfgr"
+}, h = "kfxylh6 _1y2v1nfgi _1y2v1nfgx", i = "kfxylh7", a = "kfxylh8", v = "kfxylh3 kfxylh2 _1y2v1nfgi _1y2v1nfh5", t = "kfxylh4", k = "kfxylh2 _1y2v1nfgi _1y2v1nfh5", x = "kfxylh0";

package/dist/button-layout.css.d.ts

@@ -1,5 +1,6 @@
 export declare const margins: string;
 export declare const link: string;
+export declare const linkWithTwoButtons: string;
 export declare const linkAlignment: string;
 export declare const baseContainer: string;
 export declare const container: string;

package/dist/button-layout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return T;
+        return S;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -113,33 +113,33 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const s = [
+const l = [
     _button.ButtonSecondary,
     _button.ButtonDanger,
     _button.ButtonPrimary
-], w = (param)=>{
-    let { children: n, align: t = "full-width", link: o, withMargins: l = !1, dataAttributes: u } = param;
-    const c = _react.Children.count(n), d = _react.Children.toArray(n).sort((m, f)=>{
-        const h = s.indexOf(m.type), p = s.indexOf(f.type);
+], D = (param)=>{
+    let { children: o, align: t = "full-width", link: e, withMargins: u = !1, dataAttributes: c } = param;
+    const d = _react.Children.count(o), n = _react.Children.toArray(o).sort((m, f)=>{
+        const h = l.indexOf(m.type), p = l.indexOf(f.type);
         return h - p;
     }), r = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_buttonlayoutcssmistica.baseContainer, _buttonlayoutcssmistica.alignVariant[t], t === "full-width" ? _buttonlayoutcssmistica.fullWidthContainer : _buttonlayoutcssmistica.container, {
-            [_buttonlayoutcssmistica.alignMoreThanOneChildren]: c > 1
+            [_buttonlayoutcssmistica.alignMoreThanOneChildren]: d > 1
         })
-    }, (0, _dom.getPrefixedDataAttributes)(u, "ButtonLayout")), {
+    }, (0, _dom.getPrefixedDataAttributes)(c, "ButtonLayout")), {
         children: [
-            o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(_buttonlayoutcssmistica.link, {
-                    [_buttonlayoutcssmistica.linkAlignment]: t === "left"
+            e ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(n.length > 1 ? _buttonlayoutcssmistica.linkWithTwoButtons : _buttonlayoutcssmistica.link, {
+                    [_buttonlayoutcssmistica.linkAlignment]: (t === "left" || t === "full-width") && n.length > 1
                 }),
                 "data-link": "true",
-                children: o
+                children: e
             }) : null,
-            d
+            n
         ]
     }));
-    return l ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+    return u ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: _buttonlayoutcssmistica.margins,
         children: r
     }) : r;
-}, T = w;
+}, S = D;

package/dist/button.js

@@ -14,13 +14,13 @@ _export(exports, {
         return Ae;
     },
     ButtonLink: function() {
-        return Re;
+        return xe;
     },
     ButtonLinkDanger: function() {
-        return ke;
+        return Re;
     },
     ButtonPrimary: function() {
-        return xe;
+        return ke;
     },
     ButtonSecondary: function() {
         return Be;
@@ -166,7 +166,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const _ = (param)=>{
+const x = (param)=>{
     let { content: e, defaultIconSize: t, renderText: r } = param;
     const s = (0, _utils.flattenChildren)(e), u = s.length, c = [];
     let l = [];
@@ -196,10 +196,10 @@ const _ = (param)=>{
     }), c;
 }, fe = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: "0.5em",
-        height: "1.25em",
-        viewBox: "0 0 8 20",
+        height: "0.5em",
+        viewBox: "0 0 8 8",
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            d: "M6.32595 11.0107L3.03801 7.7086L3.03292 7.70375L3.032 7.70291L3.02931 7.70047L3.02848 7.69974L3.02248 7.69436C2.88533 7.57121 2.71386 7.53733 2.56343 7.55395C2.41648 7.57018 2.27272 7.63567 2.16886 7.73711C2.06893 7.83185 2.01209 7.97816 2.00175 8.11707C1.99083 8.26377 2.02925 8.43959 2.16869 8.57393L5.24446 11.5515L2.15859 14.512L2.15375 14.5171L2.1529 14.518L2.15046 14.5207L2.14974 14.5215L2.14435 14.5275C2.02121 14.6647 1.98733 14.8361 2.00394 14.9866C2.02017 15.1335 2.08567 15.2773 2.18711 15.3811C2.28184 15.4811 2.42816 15.5379 2.56706 15.5483C2.71377 15.5592 2.88958 15.5208 3.02392 15.3813L6.32595 12.0922C6.6246 11.7936 6.6246 11.3094 6.32595 11.0107Z",
+            d: "M6.32595 3.46071L3.03801 0.158595L3.03292 0.153747L3.032 0.152903L3.02931 0.150463L3.02848 0.149738L3.02248 0.144353C2.88533 0.021206 2.71386 -0.0126731 2.56343 0.00394249C2.41648 0.0201739 2.27272 0.0856702 2.16886 0.18711C2.06893 0.281844 2.01209 0.42816 2.00175 0.567065C1.99083 0.71377 2.02925 0.889583 2.16869 1.02392L5.24446 4.00145L2.15859 6.96199L2.15375 6.96708L2.1529 6.968L2.15046 6.97069L2.14974 6.97152L2.14435 6.97752C2.02121 7.11467 1.98733 7.28614 2.00394 7.43657C2.02017 7.58352 2.08567 7.72728 2.18711 7.83114C2.28184 7.93107 2.42816 7.98791 2.56706 7.99825C2.71377 8.00917 2.88958 7.97075 3.02392 7.83132L6.32595 4.5422V4.5422C6.6246 4.24355 6.6246 3.75935 6.32595 3.46071V3.46071Z",
             fill: "currentColor"
         })
     }), X = (param)=>{
@@ -218,14 +218,30 @@ const _ = (param)=>{
                             marginRight: _buttoncssmistica.ICON_MARGIN_PX
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
-                            size: o,
+                            size: (0, _css.pxToRem)(o),
                             color: "currentColor"
                         })
                     }),
-                    _({
-                        content: t,
-                        defaultIconSize: o,
-                        renderText: l
+                    /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                        style: {
+                            display: "flex",
+                            alignItems: "baseline"
+                        },
+                        children: [
+                            x({
+                                content: t,
+                                defaultIconSize: o,
+                                renderText: l
+                            }),
+                            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    marginLeft: _buttoncssmistica.CHEVRON_MARGIN_LEFT_LINK
+                                },
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, {})
+                            })
+                        ]
                     }),
                     m && !h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
@@ -234,17 +250,9 @@ const _ = (param)=>{
                             marginLeft: _buttoncssmistica.ICON_MARGIN_PX
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-                            size: o,
+                            size: (0, _css.pxToRem)(o),
                             color: "currentColor"
                         })
-                    }),
-                    h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                        style: {
-                            display: "flex",
-                            alignItems: "center",
-                            marginLeft: _buttoncssmistica.CHEVRON_MARGIN_LEFT_LINK
-                        },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(fe, {})
                     })
                 ]
             }),
@@ -255,7 +263,7 @@ const _ = (param)=>{
                     paddingLeft: i,
                     paddingRight: _buttoncssmistica.ICON_MARGIN_PX + 2 * (r ? _buttoncssmistica.X_SMALL_PADDING_PX : _buttoncssmistica.X_PADDING_PX)
                 } : void 0,
-                children: _({
+                children: x({
                     content: s,
                     defaultIconSize: o,
                     renderText: l
@@ -282,7 +290,7 @@ const _ = (param)=>{
                     }),
                     s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingLeft: 8,
-                        children: _({
+                        children: x({
                             content: s,
                             defaultIconSize: o,
                             renderText: l
@@ -310,7 +318,7 @@ const _ = (param)=>{
             category: _analytics.eventCategories.userInteraction,
             action: `${e.type}_button_tapped`,
             label: (0, _common.getTextFromChildren)(e.children)
-        }, C = (y)=>e.small ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
+        }, N = (y)=>e.small ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
             size: 14,
             lineHeight: 20,
             weight: r.button.weight,
@@ -347,7 +355,7 @@ const _ = (param)=>{
             children: e.children,
             loadingText: f,
             small: e.small,
-            renderText: C,
+            renderText: N,
             textContentStyle: _buttoncssmistica.textContent,
             StartIcon: e.StartIcon,
             EndIcon: e.EndIcon
@@ -398,7 +406,7 @@ const _ = (param)=>{
         s
     ]);
     var _t_trackingEvent;
-    const C = ()=>l === "google-analytics-4" ? {
+    const N = ()=>l === "google-analytics-4" ? {
             name: _analytics.eventNames.userInteraction,
             component_type: e === "danger" ? "danger_link" : "link",
             component_copy: (0, _common.getTextFromChildren)(t.children)
@@ -406,11 +414,11 @@ const _ = (param)=>{
             category: _analytics.eventCategories.userInteraction,
             action: _analytics.eventActions.linkTapped,
             label: (0, _common.getTextFromChildren)(t.children)
-        }, b = (w)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+        }, b = (_)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
             weight: c.button.weight,
             truncate: 1,
             color: "inherit",
-            children: w
+            children: _
         }), y = e === "danger" && f && u ? "dangerDark" : e, L = {
         className: (0, _classnames.default)(u ? _buttoncssmistica.inverseLinkVariants[y] : _buttoncssmistica.linkVariants[y], {
             [_buttoncssmistica.isLoading]: i
@@ -426,7 +434,7 @@ const _ = (param)=>{
             marginTop: -_buttoncssmistica.PADDING_Y_LINK,
             marginBottom: -_buttoncssmistica.PADDING_Y_LINK
         } : void 0),
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? C() : void 0,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? N() : void 0,
         dataAttributes: t.dataAttributes,
         "aria-label": t["aria-label"],
         "aria-controls": t["aria-controls"],
@@ -451,9 +459,9 @@ const _ = (param)=>{
     if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
         ref: r
     }, L), {
-        onPress: (w)=>{
-            const x = t.onPress(w);
-            x && (o(!0), x.finally(()=>o(!1)));
+        onPress: (_)=>{
+            const B = t.onPress(_);
+            B && (o(!0), B.finally(()=>o(!1)));
         }
     }));
     if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
@@ -470,7 +478,7 @@ const _ = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Re = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+}), xe = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -482,7 +490,7 @@ const _ = (param)=>{
         ref: r,
         type: "default"
     }));
-}), ke = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+}), Re = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -495,7 +503,7 @@ const _ = (param)=>{
         ref: r,
         type: "danger"
     }));
-}), xe = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+}), ke = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
     var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
         "dataAttributes"
     ]);

package/dist/carousel.d.ts

@@ -6,6 +6,18 @@ type PageBulletsProps = {
     onPress?: (index: number) => void;
 };
 export declare const PageBullets: React.FC<PageBulletsProps>;
+type GoToPage = (pageIndex: number, animate?: boolean) => void;
+type CarouselControls = {
+    goPrev: () => void;
+    goNext: () => void;
+    goToPage: GoToPage;
+    bulletsProps: PageBulletsProps;
+};
+export declare const CarouselContextProvider: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const useCarouselContext: () => CarouselControls;
+export declare const CarouselContextConsummer: React.Consumer<CarouselControls>;
 type DesktopItemsPerPage = {
     small?: number;
     medium?: number;
@@ -63,6 +75,7 @@ type SlideshowProps = {
         time: number;
         loop?: boolean;
     };
+    initialPageIndex?: number;
     onPageChange?: (newPageIndex: number) => void;
     dataAttributes?: DataAttributes;
     inverseBullets?: boolean;