@telefonica/mistica 12.11.1 → 12.12.0

package/dist-es/card.js

@@ -78,29 +78,29 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 import * as y from "react";
-import M from "./tag.js";
+import R from "./tag.js";
 import b from "./stack.js";
 import T from "./box.js";
-import { Text2 as g, Text1 as j, Text4 as k } from "./text.js";
-import { Boxed as N } from "./boxed.js";
-import H from "./button-group.js";
-import { DisableBorderRadiusProvider as G } from "./image.js";
-import D, { useIsDismissable as q } from "./maybe-dismissable.js";
-import z from "./touchable.js";
+import { Text2 as C, Text1 as j, Text4 as k } from "./text.js";
+import { Boxed as B } from "./boxed.js";
+import A from "./button-group.js";
+import { DisableBorderRadiusProvider as H } from "./image.js";
+import N, { useIsDismissable as G } from "./maybe-dismissable.js";
+import { BaseTouchable as q } from "./touchable.js";
 import { vars as w } from "./skins/skin-contract.css-mistica.js";
-import { boxed as B, mediaCard as A, mediaCardContent as E, dataCard as F, snapCardTouchableHover as I, snapCardTouchableHoverTransparent as J, snapCard as K, actions as O } from "./card.css-mistica.js";
+import { boxed as D, mediaCard as z, mediaCardContent as E, dataCard as F, snapCardTouchableHover as I, snapCardTouchableHoverTransparent as J, snapCard as K, actions as O } from "./card.css-mistica.js";
 import { useTheme as Q } from "./hooks.js";
 import { sprinkles as U } from "./sprinkles.css-mistica.js";
-import { jsx as r, jsxs as s } from "./_virtual/jsx-runtime.js";
-var R = function(param) {
-    var e = param.headline, a = param.pretitle, o = param.pretitleLinesMax, n = param.title, h = param.titleLinesMax, t = param.subtitle, p = param.subtitleLinesMax, l = param.description, c = param.descriptionLinesMax, i = param.extra, d = param.button, m = param.buttonLink;
+import { jsx as r, jsxs as o } from "./_virtual/jsx-runtime.js";
+var S = function(param) {
+    var e = param.headline, a = param.pretitle, t = param.pretitleLinesMax, n = param.title, h = param.titleLinesMax, d = param.subtitle, p = param.subtitleLinesMax, s = param.description, c = param.descriptionLinesMax, i = param.extra, l = param.button, m = param.buttonLink;
     var u = function() {
-        return e ? typeof e == "string" ? /* @__PURE__ */ r(M, {
+        return e ? typeof e == "string" ? /* @__PURE__ */ r(R, {
             type: "promo",
             children: e
         }) : e : null;
     };
-    return /* @__PURE__ */ s("div", {
+    return /* @__PURE__ */ o("div", {
         className: U({
             display: "flex",
             flex: 1,
@@ -108,22 +108,22 @@ var R = function(param) {
             flexDirection: "column"
         }),
         children: [
-            /* @__PURE__ */ s(b, {
+            /* @__PURE__ */ o(b, {
                 space: 16,
                 children: [
-                    /* @__PURE__ */ s(b, {
+                    /* @__PURE__ */ o(b, {
                         space: 8,
                         children: [
-                            (e || a || n || t) && /* @__PURE__ */ r("header", {
-                                children: /* @__PURE__ */ s(b, {
+                            (e || a || n || d) && /* @__PURE__ */ r("header", {
+                                children: /* @__PURE__ */ o(b, {
                                     space: 8,
                                     children: [
                                         u(),
-                                        /* @__PURE__ */ s(b, {
+                                        /* @__PURE__ */ o(b, {
                                             space: 4,
                                             children: [
                                                 a && /* @__PURE__ */ r(j, {
-                                                    truncate: o,
+                                                    truncate: t,
                                                     as: "div",
                                                     regular: !0,
                                                     transform: "uppercase",
@@ -135,23 +135,23 @@ var R = function(param) {
                                                     regular: !0,
                                                     children: n
                                                 }),
-                                                /* @__PURE__ */ r(g, {
+                                                /* @__PURE__ */ r(C, {
                                                     truncate: p,
                                                     as: "div",
                                                     regular: !0,
-                                                    children: t
+                                                    children: d
                                                 })
                                             ]
                                         })
                                     ]
                                 })
                             }),
-                            l && /* @__PURE__ */ r(g, {
+                            s && /* @__PURE__ */ r(C, {
                                 truncate: c,
                                 as: "p",
                                 regular: !0,
                                 color: w.colors.textSecondary,
-                                children: l
+                                children: s
                             })
                         ]
                     }),
@@ -160,56 +160,58 @@ var R = function(param) {
                     })
                 ]
             }),
-            (d || m) && /* @__PURE__ */ r("div", {
+            (l || m) && /* @__PURE__ */ r("div", {
                 className: O,
-                children: /* @__PURE__ */ r(H, {
-                    primaryButton: d,
+                children: /* @__PURE__ */ r(A, {
+                    primaryButton: l,
                     link: m
                 })
             })
         ]
     });
-}, S = function(param) {
-    var e = param["aria-label"], a = param.className, o = param.children;
-    return q() ? /* @__PURE__ */ r("div", {
+}, M = function(param) {
+    var e = param["aria-label"], a = param.className, t = param.children;
+    return G() ? /* @__PURE__ */ r("div", {
         className: a,
-        children: o
+        children: t
     }) : /* @__PURE__ */ r("section", {
         className: a,
         "aria-label": e,
-        children: o
+        children: t
     });
 }, nr = /*#__PURE__*/ y.forwardRef(function(param, v) {
-    var e = param.media, a = param.headline, o = param.pretitle, n = param.pretitleLinesMax, h = param.subtitle, t = param.subtitleLinesMax, p = param.title, l = param.titleLinesMax, c = param.description, i = param.descriptionLinesMax, d = param.extra, m = param.button, u = param.buttonLink, C = param.dataAttributes, f = param["aria-label"], x = param.onClose;
-    return /* @__PURE__ */ r(D, {
+    var e = param.media, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.subtitle, d = param.subtitleLinesMax, p = param.title, s = param.titleLinesMax, c = param.description, i = param.descriptionLinesMax, l = param.extra, m = param.button, u = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], x = param.onClose;
+    return /* @__PURE__ */ r(N, {
         onClose: x,
         "aria-label": f,
-        children: /* @__PURE__ */ r(N, {
-            className: B,
-            dataAttributes: C,
+        children: /* @__PURE__ */ r(B, {
+            className: D,
+            dataAttributes: _objectSpread({
+                "component-name": "MediaCard"
+            }, g),
             ref: v,
             width: "100%",
             height: "100%",
-            children: /* @__PURE__ */ s(S, {
-                className: A,
+            children: /* @__PURE__ */ o(M, {
+                className: z,
                 "aria-label": f,
                 children: [
-                    /* @__PURE__ */ r(G, {
+                    /* @__PURE__ */ r(H, {
                         children: e
                     }),
                     /* @__PURE__ */ r("div", {
                         className: E,
-                        children: /* @__PURE__ */ r(R, {
+                        children: /* @__PURE__ */ r(S, {
                             headline: a,
-                            pretitle: o,
+                            pretitle: t,
                             pretitleLinesMax: n,
                             title: p,
-                            titleLinesMax: l,
+                            titleLinesMax: s,
                             subtitle: h,
-                            subtitleLinesMax: t,
+                            subtitleLinesMax: d,
                             description: c,
                             descriptionLinesMax: i,
-                            extra: d,
+                            extra: l,
                             button: m,
                             buttonLink: u
                         })
@@ -218,18 +220,20 @@ var R = function(param) {
             })
         })
     });
-}), sr = /*#__PURE__*/ y.forwardRef(function(param, v) {
-    var e = param.icon, a = param.headline, o = param.pretitle, n = param.pretitleLinesMax, h = param.title, t = param.titleLinesMax, p = param.subtitle, l = param.subtitleLinesMax, c = param.description, i = param.descriptionLinesMax, d = param.extra, m = param.button, u = param.buttonLink, C = param.dataAttributes, f = param["aria-label"], x = param.onClose;
-    return /* @__PURE__ */ r(D, {
+}), or = /*#__PURE__*/ y.forwardRef(function(param, v) {
+    var e = param.icon, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.title, d = param.titleLinesMax, p = param.subtitle, s = param.subtitleLinesMax, c = param.description, i = param.descriptionLinesMax, l = param.extra, m = param.button, u = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], x = param.onClose;
+    return /* @__PURE__ */ r(N, {
         "aria-label": f,
         onClose: x,
-        children: /* @__PURE__ */ r(N, {
-            className: B,
-            dataAttributes: C,
+        children: /* @__PURE__ */ r(B, {
+            className: D,
+            dataAttributes: _objectSpread({
+                "component-name": "DataCard"
+            }, g),
             ref: v,
             width: "100%",
             height: "100%",
-            children: /* @__PURE__ */ s(S, {
+            children: /* @__PURE__ */ o(M, {
                 className: F,
                 "aria-label": f,
                 children: [
@@ -237,17 +241,17 @@ var R = function(param) {
                         paddingBottom: 16,
                         children: e
                     }),
-                    /* @__PURE__ */ r(R, {
+                    /* @__PURE__ */ r(S, {
                         headline: a,
-                        pretitle: o,
+                        pretitle: t,
                         pretitleLinesMax: n,
                         title: h,
-                        titleLinesMax: t,
+                        titleLinesMax: d,
                         subtitle: p,
-                        subtitleLinesMax: l,
+                        subtitleLinesMax: s,
                         description: c,
                         descriptionLinesMax: i,
-                        extra: d,
+                        extra: l,
                         button: m,
                         buttonLink: u
                     })
@@ -255,8 +259,8 @@ var R = function(param) {
             })
         })
     });
-}), lr = /*#__PURE__*/ y.forwardRef(function(_param, d) {
-    var e = _param.icon, a = _param.title, o = _param.titleLinesMax, n = _param.subtitle, h = _param.subtitleLinesMax, t = _param.dataAttributes, p = _param["aria-label"], l = _param.extra, tmp = _param.isInverse, c = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_param, [
+}), sr = /*#__PURE__*/ y.forwardRef(function(_param, l) {
+    var e = _param.icon, a = _param.title, t = _param.titleLinesMax, n = _param.subtitle, h = _param.subtitleLinesMax, d = _param.dataAttributes, p = _param["aria-label"], s = _param.extra, tmp = _param.isInverse, c = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_param, [
         "icon",
         "title",
         "titleLinesMax",
@@ -268,37 +272,39 @@ var R = function(param) {
         "isInverse"
     ]);
     var ref = Q(), m = ref.isDarkMode, u = Boolean(i.to || i.href || i.onPress);
-    return /* @__PURE__ */ r(N, {
-        className: B,
-        dataAttributes: t,
-        ref: d,
+    return /* @__PURE__ */ r(B, {
+        className: D,
+        dataAttributes: _objectSpread({
+            "component-name": "SnapCard"
+        }, d),
+        ref: l,
         isInverse: c,
         width: "100%",
         height: "100%",
-        children: /* @__PURE__ */ r(z, _objectSpreadProps(_objectSpread({
+        children: /* @__PURE__ */ r(q, _objectSpreadProps(_objectSpread({
             maybe: !0
         }, i), {
             className: u && !c && !m ? I : J,
             "aria-label": p,
-            children: /* @__PURE__ */ s("section", {
+            children: /* @__PURE__ */ o("section", {
                 className: K,
                 children: [
-                    /* @__PURE__ */ s("div", {
+                    /* @__PURE__ */ o("div", {
                         children: [
                             e && /* @__PURE__ */ r(T, {
                                 paddingBottom: 16,
                                 children: e
                             }),
-                            /* @__PURE__ */ s(b, {
+                            /* @__PURE__ */ o(b, {
                                 space: 4,
                                 children: [
-                                    a && /* @__PURE__ */ r(g, {
-                                        truncate: o,
+                                    a && /* @__PURE__ */ r(C, {
+                                        truncate: t,
                                         as: "h1",
                                         regular: !0,
                                         children: a
                                     }),
-                                    n && /* @__PURE__ */ r(g, {
+                                    n && /* @__PURE__ */ r(C, {
                                         truncate: h,
                                         regular: !0,
                                         color: w.colors.textSecondary,
@@ -309,13 +315,13 @@ var R = function(param) {
                             })
                         ]
                     }),
-                    l && /* @__PURE__ */ r(T, {
+                    s && /* @__PURE__ */ r(T, {
                         paddingTop: 16,
-                        children: l
+                        children: s
                     })
                 ]
             })
         }))
     });
 });
-export { sr as DataCard, nr as MediaCard, lr as SnapCard };
+export { or as DataCard, nr as MediaCard, sr as SnapCard };

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

@@ -2,11 +2,11 @@ import "./sprinkles.css.ts.vanilla.js";
 import "./responsive-layout.css.ts.vanilla.js";
 import "./grid-layout.css.ts.vanilla.js";
 import "./carousel.css.ts.vanilla.js";
-var f = 16, y = "_1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba _1y2v1nf5l", b = "_1abcu72 _1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba _1y2v1nf5m", r = "_1abcu72 _1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba _1y2v1nf61", u = "_1abcu75 _1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba", e = "_1abcu7l _1abcu7b _1y2v1nf7b _1y2v1nfad", c = "_1y2v1nf7b _1y2v1nf7k", t = "_1y2v1nfap _1y2v1nf76", o = "_1abcu7o", s = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb8 _1y2v1nf77", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb8 _1y2v1nf77", i = "_1abcu7m", d = "_1abcu7n", m = "_1abcu7v _1abcu7b _1y2v1nf7b _1y2v1nfad", P = "_1abcu715 _1y2v1nf77 _1y2v1nfcv _1y2v1nf7b _1y2v1nf7k _1y2v1nf9i", w = "_1y2v1nf76", h = "_1abcu7x _1y2v1nf9i _1y2v1nf7t", p = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb9 _1y2v1nf77 _1y2v1nfch", A = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb9 _1y2v1nf77 _1y2v1nfc3", k = {
+var f = "_1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x _1y2v1nf37", y = "_1abcu72 _1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x _1y2v1nf38", u = "_1abcu72 _1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x _1y2v1nf3n", r = "_1abcu75 _1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x", e = "_1abcu7l _1abcu7b _1y2v1nf4y _1y2v1nf80", c = "_1y2v1nf4y _1y2v1nf57", b = "_1y2v1nf8c _1y2v1nf4t", t = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8v _1y2v1nf4u", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8v _1y2v1nf4u", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf4y _1y2v1nf80", x = "_1abcu715 _1y2v1nf4u _1y2v1nfai _1y2v1nf4y _1y2v1nf57 _1y2v1nf75", w = "_1y2v1nf4t", g = "_1abcu7x _1y2v1nf75 _1y2v1nf5g", m = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8w _1y2v1nf4u _1y2v1nfa4", p = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8w _1y2v1nf4u _1y2v1nf9q", P = {
     itemsPerPageMobile: "var(--_1abcu7f)",
     itemsPerPageDesktop: "var(--_1abcu7g)",
     mobilePageOffsetPrev: "var(--_1abcu7h)",
     mobilePageOffsetNext: "var(--_1abcu7i)",
     gap: "var(--_1abcu7j)"
 };
-export { f as DEFAULT_DESKTOP_GAP, y as bullet, b as bulletActive, r as bulletActiveInverse, u as bulletInverse, e as carousel, c as carouselBullets, t as carouselContainer, o as carouselItem, s as carouselNextArrowButton, l as carouselPrevArrowButton, i as carouselWithScroll, d as centeredCarousel, m as slideshow, P as slideshowBullets, w as slideshowContainer, h as slideshowItem, p as slideshowNextArrowButton, A as slideshowPrevArrowButton, k as vars };
+export { f as bullet, y as bulletActive, u as bulletActiveInverse, r as bulletInverse, e as carousel, c as carouselBullets, b as carouselContainer, t as carouselItem, o as carouselNextArrowButton, l as carouselPrevArrowButton, s as carouselWithScroll, i as centeredCarousel, d as slideshow, x as slideshowBullets, w as slideshowContainer, g as slideshowItem, m as slideshowNextArrowButton, p as slideshowPrevArrowButton, P as vars };