@telefonica/mistica 13.2.2 → 13.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/mistica.css +1 -1
- package/dist/card.js +14 -13
- package/dist/carousel.css-mistica.js +3 -3
- package/dist/carousel.css.d.ts +0 -1
- package/dist/carousel.d.ts +5 -0
- package/dist/carousel.js +218 -207
- package/dist/hero.css-mistica.js +24 -0
- package/dist/hero.css.d.ts +8 -0
- package/dist/hero.css.ts.vanilla.js +9 -0
- package/dist/hero.d.ts +23 -0
- package/dist/hero.js +296 -0
- package/dist/image.d.ts +3 -2
- package/dist/image.js +13 -13
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/dist/package-version.js +1 -1
- package/dist/responsive-layout.css.d.ts +4 -0
- package/dist/search-field.d.ts +1 -1
- package/dist/search-field.js +22 -21
- package/dist/video.js +13 -13
- package/dist-es/card.js +20 -19
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/carousel.js +256 -247
- package/dist-es/hero.css-mistica.js +7 -0
- package/dist-es/hero.css.ts.vanilla.js +2 -0
- package/dist-es/hero.js +245 -0
- package/dist-es/image.js +26 -26
- package/dist-es/index.js +1700 -1699
- package/dist-es/package-version.js +1 -1
- package/dist-es/search-field.js +33 -32
- package/dist-es/style.css +1 -1
- package/dist-es/video.js +14 -14
- package/package.json +1 -1
package/dist-es/card.js
CHANGED
|
@@ -80,19 +80,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
80
80
|
import * as y from "react";
|
|
81
81
|
import R from "./tag.js";
|
|
82
82
|
import b from "./stack.js";
|
|
83
|
-
import
|
|
83
|
+
import N from "./box.js";
|
|
84
84
|
import { Text2 as C, Text1 as j, Text4 as k } from "./text.js";
|
|
85
85
|
import { Boxed as T } from "./boxed.js";
|
|
86
86
|
import A from "./button-group.js";
|
|
87
|
-
import {
|
|
88
|
-
import
|
|
87
|
+
import { MediaBorderRadiusProvider as H } from "./image.js";
|
|
88
|
+
import D, { useIsDismissable as G } from "./maybe-dismissable.js";
|
|
89
89
|
import { BaseTouchable as q } from "./touchable.js";
|
|
90
90
|
import { vars as w } from "./skins/skin-contract.css-mistica.js";
|
|
91
91
|
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";
|
|
92
92
|
import { useTheme as Q } from "./hooks.js";
|
|
93
93
|
import { sprinkles as U } from "./sprinkles.css-mistica.js";
|
|
94
94
|
import { jsx as r, jsxs as o } from "./_virtual/jsx-runtime.js";
|
|
95
|
-
const
|
|
95
|
+
const M = (param)=>{
|
|
96
96
|
let { headline: e , pretitle: a , pretitleLinesMax: t , title: n , titleLinesMax: h , subtitle: d , subtitleLinesMax: u , description: s , descriptionLinesMax: l , extra: i , button: c , buttonLink: m } = param;
|
|
97
97
|
const p = ()=>e ? typeof e == "string" ? /* @__PURE__ */ r(R, {
|
|
98
98
|
type: "promo",
|
|
@@ -166,7 +166,7 @@ const S = (param)=>{
|
|
|
166
166
|
})
|
|
167
167
|
]
|
|
168
168
|
});
|
|
169
|
-
},
|
|
169
|
+
}, S = (param)=>{
|
|
170
170
|
let { "aria-label": e , className: a , children: t } = param;
|
|
171
171
|
return G() ? /* @__PURE__ */ r("div", {
|
|
172
172
|
className: a,
|
|
@@ -177,28 +177,29 @@ const S = (param)=>{
|
|
|
177
177
|
children: t
|
|
178
178
|
});
|
|
179
179
|
}, nr = /*#__PURE__*/ y.forwardRef((param, x)=>/* @__PURE__ */ {
|
|
180
|
-
let { media: e , headline: a , pretitle: t , pretitleLinesMax: n , subtitle: h , subtitleLinesMax: d , title: u , titleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes:
|
|
181
|
-
return r(
|
|
182
|
-
onClose:
|
|
180
|
+
let { media: e , headline: a , pretitle: t , pretitleLinesMax: n , subtitle: h , subtitleLinesMax: d , title: u , titleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: v , "aria-label": f , onClose: g } = param;
|
|
181
|
+
return r(D, {
|
|
182
|
+
onClose: g,
|
|
183
183
|
"aria-label": f,
|
|
184
184
|
children: /* @__PURE__ */ r(T, {
|
|
185
185
|
className: B,
|
|
186
186
|
dataAttributes: _objectSpread({
|
|
187
187
|
"component-name": "MediaCard"
|
|
188
|
-
},
|
|
188
|
+
}, v),
|
|
189
189
|
ref: x,
|
|
190
190
|
width: "100%",
|
|
191
191
|
height: "100%",
|
|
192
|
-
children: /* @__PURE__ */ o(
|
|
192
|
+
children: /* @__PURE__ */ o(S, {
|
|
193
193
|
className: z,
|
|
194
194
|
"aria-label": f,
|
|
195
195
|
children: [
|
|
196
196
|
/* @__PURE__ */ r(H, {
|
|
197
|
+
value: !1,
|
|
197
198
|
children: e
|
|
198
199
|
}),
|
|
199
200
|
/* @__PURE__ */ r("div", {
|
|
200
201
|
className: E,
|
|
201
|
-
children: /* @__PURE__ */ r(
|
|
202
|
+
children: /* @__PURE__ */ r(M, {
|
|
202
203
|
headline: a,
|
|
203
204
|
pretitle: t,
|
|
204
205
|
pretitleLinesMax: n,
|
|
@@ -218,27 +219,27 @@ const S = (param)=>{
|
|
|
218
219
|
})
|
|
219
220
|
});
|
|
220
221
|
}), or = /*#__PURE__*/ y.forwardRef((param, x)=>/* @__PURE__ */ {
|
|
221
|
-
let { icon: e , headline: a , pretitle: t , pretitleLinesMax: n , title: h , titleLinesMax: d , subtitle: u , subtitleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes:
|
|
222
|
-
return r(
|
|
222
|
+
let { icon: e , headline: a , pretitle: t , pretitleLinesMax: n , title: h , titleLinesMax: d , subtitle: u , subtitleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: v , "aria-label": f , onClose: g } = param;
|
|
223
|
+
return r(D, {
|
|
223
224
|
"aria-label": f,
|
|
224
|
-
onClose:
|
|
225
|
+
onClose: g,
|
|
225
226
|
children: /* @__PURE__ */ r(T, {
|
|
226
227
|
className: B,
|
|
227
228
|
dataAttributes: _objectSpread({
|
|
228
229
|
"component-name": "DataCard"
|
|
229
|
-
},
|
|
230
|
+
}, v),
|
|
230
231
|
ref: x,
|
|
231
232
|
width: "100%",
|
|
232
233
|
height: "100%",
|
|
233
|
-
children: /* @__PURE__ */ o(
|
|
234
|
+
children: /* @__PURE__ */ o(S, {
|
|
234
235
|
className: F,
|
|
235
236
|
"aria-label": f,
|
|
236
237
|
children: [
|
|
237
|
-
e && /* @__PURE__ */ r(
|
|
238
|
+
e && /* @__PURE__ */ r(N, {
|
|
238
239
|
paddingBottom: 16,
|
|
239
240
|
children: e
|
|
240
241
|
}),
|
|
241
|
-
/* @__PURE__ */ r(
|
|
242
|
+
/* @__PURE__ */ r(M, {
|
|
242
243
|
headline: a,
|
|
243
244
|
pretitle: t,
|
|
244
245
|
pretitleLinesMax: n,
|
|
@@ -288,7 +289,7 @@ const S = (param)=>{
|
|
|
288
289
|
children: [
|
|
289
290
|
/* @__PURE__ */ o("div", {
|
|
290
291
|
children: [
|
|
291
|
-
e && /* @__PURE__ */ r(
|
|
292
|
+
e && /* @__PURE__ */ r(N, {
|
|
292
293
|
paddingBottom: 16,
|
|
293
294
|
children: e
|
|
294
295
|
}),
|
|
@@ -2,10 +2,10 @@ import "./sprinkles.css.ts.vanilla.js";
|
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.js";
|
|
3
3
|
import "./grid-layout.css.ts.vanilla.js";
|
|
4
4
|
import "./carousel.css.ts.vanilla.js";
|
|
5
|
-
var a = "_1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3k", y = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3l", r = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf40", c = "_1abcu75 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f",
|
|
5
|
+
var a = "_1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3k", y = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3l", r = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf40", c = "_1abcu75 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f", u = "_1abcu7l _1abcu7b _1y2v1nf5g _1y2v1nf8i", e = "_1y2v1nf5g _1y2v1nf5p", b = "_1y2v1nf8u _1y2v1nf5b", s = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", o = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", l = "_1abcu7m", i = "_1abcu7n", p = "_1abcu7v _1abcu7b _1y2v1nf5g _1y2v1nf8i", d = "_1abcu713 _1y2v1nf5c _1y2v1nfb0 _1y2v1nf5g _1y2v1nf5p _1y2v1nf7n", g = "_1y2v1nf5b", m = "_1abcu7x _1y2v1nf7n _1y2v1nf5y", w = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c _1y2v1nfam", h = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c _1y2v1nfa8", x = {
|
|
6
6
|
itemsPerPageMobile: "var(--_1abcu7g)",
|
|
7
7
|
itemsPerPageTablet: "var(--_1abcu7h)",
|
|
8
8
|
itemsPerPageDesktop: "var(--_1abcu7i)",
|
|
9
9
|
gap: "var(--_1abcu7j)"
|
|
10
10
|
};
|
|
11
|
-
export { a as bullet, y as bulletActive, r as bulletActiveInverse, c as bulletInverse,
|
|
11
|
+
export { a as bullet, y as bulletActive, r as bulletActiveInverse, c as bulletInverse, u as carousel, e as carouselBullets, b as carouselContainer, s as carouselItem, t as carouselNextArrowButton, o as carouselPrevArrowButton, l as carouselWithScroll, i as centeredCarousel, p as slideshow, d as slideshowBullets, g as slideshowContainer, m as slideshowItem, w as slideshowNextArrowButton, h as slideshowPrevArrowButton, x as vars };
|