@telefonica/mistica 12.12.0 → 13.0.0

package/dist-es/callout.js

@@ -51,63 +51,63 @@ function _objectSpreadProps(target, source) {
     return target;
 }
 import c from "./stack.js";
-import g from "./inline.js";
-import x from "./box.js";
-import { useTheme as I } from "./hooks.js";
-import { useIsInverseVariant as v, ThemeVariant as k } from "./theme-variant-context.js";
-import { Text3 as y, Text2 as B } from "./text.js";
-import C from "./generated/mistica-icons/icon-close-regular.js";
-import T from "./icon-button.js";
-import b from "classnames";
-import j from "./button-group.js";
-import { container as z, content as A } from "./callout.css-mistica.js";
-import { sprinkles as N } from "./sprinkles.css-mistica.js";
-import { vars as p } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as P } from "./utils/dom.js";
-import { jsx as r, jsxs as e } from "./_virtual/jsx-runtime.js";
-var Q = function(param) {
-    var o = param.title, f = param.description, i = param.icon, s = param.onClose, n = param.button, l = param.secondaryButton, a = param.buttonLink, t = param["aria-label"], u = param.dataAttributes;
-    var d = v(), ref = I(), m = ref.colors, h = ref.texts;
+import h from "./inline.js";
+import g from "./box.js";
+import { useTheme as x } from "./hooks.js";
+import { useIsInverseVariant as I, ThemeVariant as v } from "./theme-variant-context.js";
+import { Text3 as k, Text2 as y } from "./text.js";
+import B from "./generated/mistica-icons/icon-close-regular.js";
+import C from "./icon-button.js";
+import T from "classnames";
+import b from "./button-group.js";
+import { container as j, content as z } from "./callout.css-mistica.js";
+import { sprinkles as A } from "./sprinkles.css-mistica.js";
+import { vars as e } from "./skins/skin-contract.css-mistica.js";
+import { getPrefixedDataAttributes as N } from "./utils/dom.js";
+import { jsx as r, jsxs as o } from "./_virtual/jsx-runtime.js";
+var O = function(param) {
+    var s = param.title, p = param.description, i = param.icon, n = param.onClose, l = param.button, a = param.secondaryButton, m = param.buttonLink, t = param["aria-label"], f = param.dataAttributes;
+    var u = I(), ref = x(), d = ref.texts;
     return /* @__PURE__ */ r("section", _objectSpreadProps(_objectSpread({
-        className: b(z, N({
-            background: d ? p.colors.backgroundContainer : p.colors.backgroundAlternative
+        className: T(j, A({
+            background: u ? e.colors.backgroundContainer : e.colors.backgroundAlternative
         })),
-        "aria-label": t != null ? t : o
-    }, P(u, "Callout")), {
-        children: /* @__PURE__ */ e(k, {
+        "aria-label": t != null ? t : s
+    }, N(f, "Callout")), {
+        children: /* @__PURE__ */ o(v, {
             isInverse: !1,
             children: [
-                i && /* @__PURE__ */ r(x, {
+                i && /* @__PURE__ */ r(g, {
                     paddingRight: 16,
                     children: i
                 }),
                 /* @__PURE__ */ r("div", {
-                    className: A,
-                    children: /* @__PURE__ */ e(c, {
+                    className: z,
+                    children: /* @__PURE__ */ o(c, {
                         space: 16,
                         children: [
-                            /* @__PURE__ */ e(g, {
+                            /* @__PURE__ */ o(h, {
                                 fullWidth: !0,
                                 alignItems: "flex-start",
                                 space: "between",
                                 children: [
-                                    /* @__PURE__ */ e(c, {
+                                    /* @__PURE__ */ o(c, {
                                         space: 4,
                                         children: [
-                                            /* @__PURE__ */ r(y, {
+                                            /* @__PURE__ */ r(k, {
                                                 as: "h2",
                                                 regular: !0,
-                                                children: o
+                                                children: s
                                             }),
-                                            /* @__PURE__ */ r(B, {
+                                            /* @__PURE__ */ r(y, {
                                                 as: "p",
                                                 regular: !0,
-                                                color: m.textSecondary,
-                                                children: f
+                                                color: e.colors.textSecondary,
+                                                children: p
                                             })
                                         ]
                                     }),
-                                    s && /* @__PURE__ */ r(T, {
+                                    n && /* @__PURE__ */ r(C, {
                                         size: 40,
                                         style: {
                                             display: "flex",
@@ -115,19 +115,19 @@ var Q = function(param) {
                                             alignItems: "center",
                                             justifyContent: "center"
                                         },
-                                        onPress: s,
-                                        "aria-label": h.closeButtonLabel,
-                                        children: /* @__PURE__ */ r(C, {
+                                        onPress: n,
+                                        "aria-label": d.closeButtonLabel,
+                                        children: /* @__PURE__ */ r(B, {
                                             size: 24,
-                                            color: m.neutralHigh
+                                            color: e.colors.neutralHigh
                                         })
                                     })
                                 ]
                             }),
-                            (n || l || a) && /* @__PURE__ */ r(j, {
-                                primaryButton: n,
-                                secondaryButton: l,
-                                link: a
+                            (l || a || m) && /* @__PURE__ */ r(b, {
+                                primaryButton: l,
+                                secondaryButton: a,
+                                link: m
                             })
                         ]
                     })
@@ -136,4 +136,4 @@ var Q = function(param) {
         })
     }));
 };
-export { Q as default };
+export { O as default };

package/dist-es/card.js

@@ -80,21 +80,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 import * as y from "react";
 import R from "./tag.js";
 import b from "./stack.js";
-import T from "./box.js";
+import D from "./box.js";
 import { Text2 as C, Text1 as j, Text4 as k } from "./text.js";
-import { Boxed as B } from "./boxed.js";
+import { Boxed as T } 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 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 { boxed as B, 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 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() {
+    var e = param.headline, a = param.pretitle, t = param.pretitleLinesMax, n = param.title, h = param.titleLinesMax, d = param.subtitle, u = param.subtitleLinesMax, s = param.description, l = param.descriptionLinesMax, i = param.extra, c = param.button, m = param.buttonLink;
+    var p = function() {
         return e ? typeof e == "string" ? /* @__PURE__ */ r(R, {
             type: "promo",
             children: e
@@ -108,8 +108,7 @@ var S = function(param) {
             flexDirection: "column"
         }),
         children: [
-            /* @__PURE__ */ o(b, {
-                space: 16,
+            /* @__PURE__ */ o("div", {
                 children: [
                     /* @__PURE__ */ o(b, {
                         space: 8,
@@ -118,7 +117,7 @@ var S = function(param) {
                                 children: /* @__PURE__ */ o(b, {
                                     space: 8,
                                     children: [
-                                        u(),
+                                        p(),
                                         /* @__PURE__ */ o(b, {
                                             space: 4,
                                             children: [
@@ -136,7 +135,7 @@ var S = function(param) {
                                                     children: n
                                                 }),
                                                 /* @__PURE__ */ r(C, {
-                                                    truncate: p,
+                                                    truncate: u,
                                                     as: "div",
                                                     regular: !0,
                                                     children: d
@@ -147,7 +146,7 @@ var S = function(param) {
                                 })
                             }),
                             s && /* @__PURE__ */ r(C, {
-                                truncate: c,
+                                truncate: l,
                                 as: "p",
                                 regular: !0,
                                 color: w.colors.textSecondary,
@@ -160,10 +159,10 @@ var S = function(param) {
                     })
                 ]
             }),
-            (l || m) && /* @__PURE__ */ r("div", {
+            (c || m) && /* @__PURE__ */ r("div", {
                 className: O,
                 children: /* @__PURE__ */ r(A, {
-                    primaryButton: l,
+                    primaryButton: c,
                     link: m
                 })
             })
@@ -179,17 +178,17 @@ var S = function(param) {
         "aria-label": e,
         children: t
     });
-}, nr = /*#__PURE__*/ y.forwardRef(function(param, v) {
-    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;
+}, nr = /*#__PURE__*/ y.forwardRef(function(param, x) {
+    var e = param.media, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.subtitle, d = param.subtitleLinesMax, u = param.title, s = param.titleLinesMax, l = param.description, i = param.descriptionLinesMax, c = param.extra, m = param.button, p = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], v = param.onClose;
     return /* @__PURE__ */ r(N, {
-        onClose: x,
+        onClose: v,
         "aria-label": f,
-        children: /* @__PURE__ */ r(B, {
-            className: D,
+        children: /* @__PURE__ */ r(T, {
+            className: B,
             dataAttributes: _objectSpread({
                 "component-name": "MediaCard"
             }, g),
-            ref: v,
+            ref: x,
             width: "100%",
             height: "100%",
             children: /* @__PURE__ */ o(M, {
@@ -205,39 +204,39 @@ var S = function(param) {
                             headline: a,
                             pretitle: t,
                             pretitleLinesMax: n,
-                            title: p,
+                            title: u,
                             titleLinesMax: s,
                             subtitle: h,
                             subtitleLinesMax: d,
-                            description: c,
+                            description: l,
                             descriptionLinesMax: i,
-                            extra: l,
+                            extra: c,
                             button: m,
-                            buttonLink: u
+                            buttonLink: p
                         })
                     })
                 ]
             })
         })
     });
-}), 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;
+}), or = /*#__PURE__*/ y.forwardRef(function(param, x) {
+    var e = param.icon, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.title, d = param.titleLinesMax, u = param.subtitle, s = param.subtitleLinesMax, l = param.description, i = param.descriptionLinesMax, c = param.extra, m = param.button, p = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], v = param.onClose;
     return /* @__PURE__ */ r(N, {
         "aria-label": f,
-        onClose: x,
-        children: /* @__PURE__ */ r(B, {
-            className: D,
+        onClose: v,
+        children: /* @__PURE__ */ r(T, {
+            className: B,
             dataAttributes: _objectSpread({
                 "component-name": "DataCard"
             }, g),
-            ref: v,
+            ref: x,
             width: "100%",
             height: "100%",
             children: /* @__PURE__ */ o(M, {
                 className: F,
                 "aria-label": f,
                 children: [
-                    e && /* @__PURE__ */ r(T, {
+                    e && /* @__PURE__ */ r(D, {
                         paddingBottom: 16,
                         children: e
                     }),
@@ -247,20 +246,20 @@ var S = function(param) {
                         pretitleLinesMax: n,
                         title: h,
                         titleLinesMax: d,
-                        subtitle: p,
+                        subtitle: u,
                         subtitleLinesMax: s,
-                        description: c,
+                        description: l,
                         descriptionLinesMax: i,
-                        extra: l,
+                        extra: c,
                         button: m,
-                        buttonLink: u
+                        buttonLink: p
                     })
                 ]
             })
         })
     });
-}), 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, [
+}), sr = /*#__PURE__*/ y.forwardRef(function(_param, c) {
+    var e = _param.icon, a = _param.title, t = _param.titleLinesMax, n = _param.subtitle, h = _param.subtitleLinesMax, d = _param.dataAttributes, u = _param["aria-label"], s = _param.extra, tmp = _param.isInverse, l = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_param, [
         "icon",
         "title",
         "titleLinesMax",
@@ -271,27 +270,27 @@ var S = function(param) {
         "extra",
         "isInverse"
     ]);
-    var ref = Q(), m = ref.isDarkMode, u = Boolean(i.to || i.href || i.onPress);
-    return /* @__PURE__ */ r(B, {
-        className: D,
+    var ref = Q(), m = ref.isDarkMode, p = Boolean(i.to || i.href || i.onPress);
+    return /* @__PURE__ */ r(T, {
+        className: B,
         dataAttributes: _objectSpread({
             "component-name": "SnapCard"
         }, d),
-        ref: l,
-        isInverse: c,
+        ref: c,
+        isInverse: l,
         width: "100%",
         height: "100%",
         children: /* @__PURE__ */ r(q, _objectSpreadProps(_objectSpread({
             maybe: !0
         }, i), {
-            className: u && !c && !m ? I : J,
-            "aria-label": p,
+            className: p && !l && !m ? I : J,
+            "aria-label": u,
             children: /* @__PURE__ */ o("section", {
                 className: K,
                 children: [
                     /* @__PURE__ */ o("div", {
                         children: [
-                            e && /* @__PURE__ */ r(T, {
+                            e && /* @__PURE__ */ r(D, {
                                 paddingBottom: 16,
                                 children: e
                             }),
@@ -315,8 +314,7 @@ var S = function(param) {
                             })
                         ]
                     }),
-                    s && /* @__PURE__ */ r(T, {
-                        paddingTop: 16,
+                    s && /* @__PURE__ */ r("div", {
                         children: s
                     })
                 ]

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

@@ -2,11 +2,10 @@ 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 = "_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)",
+var y = "_1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x _1y2v1nf37", f = "_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", w = "_1abcu715 _1y2v1nf4u _1y2v1nfai _1y2v1nf4y _1y2v1nf57 _1y2v1nf75", x = "_1y2v1nf4t", p = "_1abcu7x _1y2v1nf75 _1y2v1nf5g", g = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8w _1y2v1nf4u _1y2v1nfa4", m = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8w _1y2v1nf4u _1y2v1nf9q", h = {
+    itemsPerPageMobile: "var(--_1abcu7g)",
+    itemsPerPageTablet: "var(--_1abcu7h)",
+    itemsPerPageDesktop: "var(--_1abcu7i)",
     gap: "var(--_1abcu7j)"
 };
-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 };
+export { y as bullet, f 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, w as slideshowBullets, x as slideshowContainer, p as slideshowItem, g as slideshowNextArrowButton, m as slideshowPrevArrowButton, h as vars };