@telefonica/mistica 14.21.0 → 14.22.1
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.d.ts +2 -1
- package/dist/card.js +74 -74
- package/dist/community/advanced-data-card.css-mistica.js +19 -16
- package/dist/community/advanced-data-card.css.d.ts +2 -1
- package/dist/community/advanced-data-card.js +106 -102
- package/dist/community/blocks.js +14 -14
- package/dist/date-time-field.js +13 -9
- package/dist/form.js +15 -15
- package/dist/generated/mistica-icons/icon-add-more-location-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-add-more-location-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-add-more-query-light.js +1 -1
- package/dist/generated/mistica-icons/icon-adn-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-adn-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-alarm-light-cross-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-alarm-light-cross-light.js +1 -1
- package/dist/generated/mistica-icons/icon-ambulance-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-ambulance-light.js +1 -1
- package/dist/generated/mistica-icons/icon-ambulance-regular.js +5 -5
- package/dist/generated/mistica-icons/icon-api-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-api-light.js +1 -1
- package/dist/generated/mistica-icons/icon-arrow-down-left-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-arrow-down-light.js +1 -1
- package/dist/generated/mistica-icons/icon-arrow-down-right-light.js +1 -1
- package/dist/generated/mistica-icons/icon-bell-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-bicycle-bike-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-blog-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-boat-light.js +1 -1
- package/dist/generated/mistica-icons/icon-book-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-book-light.js +3 -3
- package/dist/generated/mistica-icons/icon-bug-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-calendar-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-data-shield-regular.js +15 -15
- package/dist/generated/mistica-icons/icon-database-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-delivery-van-moving-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-diamond-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-disconnect-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-dollar-symbol-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-dollar-symbol-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-download-app-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-download-app-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-drink-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-drink-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-dumbbell-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-dumbbell-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-eco-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-eco-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-edit-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-email-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-emergency-cross-with-circle-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-error-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-esim-filled.js +32 -11
- package/dist/generated/mistica-icons/icon-esim-light.js +31 -10
- package/dist/generated/mistica-icons/icon-esim-regular.js +31 -10
- package/dist/generated/mistica-icons/icon-euro-symbol-circle-filled.js +3 -3
- package/dist/generated/mistica-icons/icon-euro-symbol-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-funnel-filled.js +21 -10
- package/dist/generated/mistica-icons/icon-funnel-light.js +19 -8
- package/dist/generated/mistica-icons/icon-funnel-regular.js +21 -10
- package/dist/generated/mistica-icons/icon-poison-regular.js +3 -3
- package/dist/generated/mistica-icons/icon-price-drop-light.js +4 -4
- package/dist/generated/mistica-icons/icon-search-file-filled.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -0
- package/dist/logo.css-mistica.js +12 -0
- package/dist/logo.css.d.ts +1 -0
- package/dist/logo.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/logo.d.ts +3 -1
- package/dist/logo.js +94 -84
- package/dist/navigation-bar.css-mistica.js +46 -31
- package/dist/navigation-bar.css.d.ts +8 -5
- package/dist/navigation-bar.d.ts +4 -0
- package/dist/navigation-bar.js +204 -187
- package/dist/overscroll-color-context.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/sheet-root.js +118 -107
- package/dist/text.d.ts +1 -1
- package/dist/text.js +23 -23
- package/dist/theme.d.ts +1 -0
- package/dist/tooltip.css-mistica.js +10 -7
- package/dist/tooltip.css.d.ts +2 -0
- package/dist/tooltip.d.ts +2 -0
- package/dist/tooltip.js +113 -77
- package/dist/utils/dom.d.ts +1 -0
- package/dist/utils/dom.js +56 -40
- package/dist-es/card.js +74 -74
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/advanced-data-card.js +130 -126
- package/dist-es/community/blocks.js +25 -25
- package/dist-es/date-time-field.js +18 -14
- package/dist-es/form.js +15 -15
- package/dist-es/generated/mistica-icons/icon-add-more-location-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-add-more-location-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-add-more-query-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-adn-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-adn-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-alarm-light-cross-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-alarm-light-cross-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-ambulance-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-ambulance-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-ambulance-regular.js +6 -6
- package/dist-es/generated/mistica-icons/icon-api-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-api-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-arrow-down-left-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-arrow-down-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-arrow-down-right-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-bell-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-bicycle-bike-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-blog-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-boat-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-book-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-book-light.js +3 -3
- package/dist-es/generated/mistica-icons/icon-bug-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-calendar-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-data-shield-regular.js +15 -15
- package/dist-es/generated/mistica-icons/icon-database-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-delivery-van-moving-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-diamond-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-disconnect-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-download-app-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-download-app-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-drink-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-drink-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-dumbbell-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-dumbbell-regular.js +6 -6
- package/dist-es/generated/mistica-icons/icon-eco-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-eco-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-edit-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-email-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-emergency-cross-with-circle-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-error-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-esim-filled.js +38 -17
- package/dist-es/generated/mistica-icons/icon-esim-light.js +38 -17
- package/dist-es/generated/mistica-icons/icon-esim-regular.js +37 -16
- package/dist-es/generated/mistica-icons/icon-euro-symbol-circle-filled.js +3 -3
- package/dist-es/generated/mistica-icons/icon-euro-symbol-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-funnel-filled.js +25 -14
- package/dist-es/generated/mistica-icons/icon-funnel-light.js +23 -12
- package/dist-es/generated/mistica-icons/icon-funnel-regular.js +23 -12
- package/dist-es/generated/mistica-icons/icon-poison-regular.js +3 -3
- package/dist-es/generated/mistica-icons/icon-price-drop-light.js +4 -4
- package/dist-es/generated/mistica-icons/icon-search-file-filled.js +1 -1
- package/dist-es/index.js +1677 -1676
- package/dist-es/logo.css-mistica.js +3 -0
- package/dist-es/logo.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/logo.js +94 -84
- package/dist-es/navigation-bar.css-mistica.js +21 -15
- package/dist-es/navigation-bar.js +251 -234
- package/dist-es/overscroll-color-context.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/sheet-root.js +121 -110
- package/dist-es/style.css +1 -1
- package/dist-es/text.js +21 -21
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/tooltip.js +143 -107
- package/dist-es/utils/dom.js +46 -33
- package/package.json +1 -1
package/dist-es/card.js
CHANGED
|
@@ -113,46 +113,46 @@ const Ne = (r, a)=>{
|
|
|
113
113
|
Icon: Pe
|
|
114
114
|
}), l;
|
|
115
115
|
}, Ce = 48, W = (param)=>{
|
|
116
|
-
let { actions: r ,
|
|
117
|
-
const
|
|
116
|
+
let { actions: r , padding: a = 8 , onClose: i , type: l = "default" } = param;
|
|
117
|
+
const m = Ne(r, i), s = m.length > 0, o = {
|
|
118
118
|
default: y.colors.neutralHigh,
|
|
119
119
|
inverse: y.colors.inverse,
|
|
120
120
|
media: "#000000"
|
|
121
|
-
},
|
|
121
|
+
}, d = {
|
|
122
122
|
default: ke,
|
|
123
123
|
inverse: Xe,
|
|
124
124
|
media: je
|
|
125
125
|
};
|
|
126
|
-
return
|
|
126
|
+
return s ? /* @__PURE__ */ e("div", {
|
|
127
127
|
style: {
|
|
128
128
|
position: "absolute",
|
|
129
|
-
right:
|
|
130
|
-
top:
|
|
129
|
+
right: a,
|
|
130
|
+
top: a,
|
|
131
131
|
zIndex: 3
|
|
132
132
|
},
|
|
133
133
|
children: /* @__PURE__ */ e("div", {
|
|
134
134
|
className: ve({
|
|
135
135
|
display: "flex"
|
|
136
136
|
}),
|
|
137
|
-
children:
|
|
138
|
-
let { onPress:
|
|
137
|
+
children: m.map((param, u)=>/* @__PURE__ */ {
|
|
138
|
+
let { onPress: p , label: c , Icon: t , disabled: h = !1 } = param;
|
|
139
139
|
return e(Fe, {
|
|
140
|
-
disabled:
|
|
140
|
+
disabled: h,
|
|
141
141
|
size: Ce,
|
|
142
|
-
onPress:
|
|
143
|
-
"aria-label":
|
|
142
|
+
onPress: p,
|
|
143
|
+
"aria-label": c,
|
|
144
144
|
className: Ge,
|
|
145
145
|
style: {
|
|
146
146
|
display: "flex"
|
|
147
147
|
},
|
|
148
148
|
children: /* @__PURE__ */ e("div", {
|
|
149
|
-
className:
|
|
150
|
-
children: /* @__PURE__ */ e(
|
|
151
|
-
color:
|
|
149
|
+
className: d[l],
|
|
150
|
+
children: /* @__PURE__ */ e(t, {
|
|
151
|
+
color: o[l],
|
|
152
152
|
size: 20
|
|
153
153
|
})
|
|
154
154
|
})
|
|
155
|
-
},
|
|
155
|
+
}, u);
|
|
156
156
|
})
|
|
157
157
|
})
|
|
158
158
|
}) : /* @__PURE__ */ e(we, {});
|
|
@@ -163,17 +163,17 @@ const Ne = (r, a)=>{
|
|
|
163
163
|
"9:10": 9 / 10,
|
|
164
164
|
auto: 0
|
|
165
165
|
})[r] : 0, E = /*#__PURE__*/ N.forwardRef((param, d)=>{
|
|
166
|
-
let { children: r , width: a = "100%" , height: i = "100%" , aspectRatio: l , dataAttributes:
|
|
167
|
-
const
|
|
168
|
-
return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({}, Ke(
|
|
166
|
+
let { children: r , width: a = "100%" , height: i = "100%" , aspectRatio: l , dataAttributes: m , className: s , "aria-label": o } = param;
|
|
167
|
+
const p = Qe(l);
|
|
168
|
+
return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({}, Ke(m)), {
|
|
169
169
|
ref: d,
|
|
170
170
|
"aria-label": o,
|
|
171
171
|
className: re(s, Me),
|
|
172
172
|
style: _object_spread({
|
|
173
173
|
width: a,
|
|
174
174
|
height: i
|
|
175
|
-
},
|
|
176
|
-
[ze.aspectRatio]: String(
|
|
175
|
+
}, p ? qe({
|
|
176
|
+
[ze.aspectRatio]: String(p)
|
|
177
177
|
}) : {}),
|
|
178
178
|
children: r
|
|
179
179
|
}));
|
|
@@ -225,18 +225,18 @@ const Ne = (r, a)=>{
|
|
|
225
225
|
size: 12
|
|
226
226
|
});
|
|
227
227
|
}, be = (r, a, i)=>{
|
|
228
|
-
const { texts: l } = q(),
|
|
228
|
+
const { texts: l } = q(), m = N.useRef(null), [s, o] = N.useReducer($e, "loading");
|
|
229
229
|
N.useEffect(()=>{
|
|
230
230
|
var h;
|
|
231
231
|
const t = setTimeout(()=>o("showSpinner"), 2e3);
|
|
232
|
-
return (h =
|
|
232
|
+
return (h = m.current) == null || h.load(), ()=>{
|
|
233
233
|
clearTimeout(t), o("reset");
|
|
234
234
|
};
|
|
235
235
|
}, [
|
|
236
236
|
r
|
|
237
237
|
]);
|
|
238
238
|
const d = N.useMemo(()=>r ? /* @__PURE__ */ e(Ze, {
|
|
239
|
-
ref: Le(
|
|
239
|
+
ref: Le(m, i),
|
|
240
240
|
src: r,
|
|
241
241
|
width: "100%",
|
|
242
242
|
height: "100%",
|
|
@@ -248,8 +248,8 @@ const Ne = (r, a)=>{
|
|
|
248
248
|
i,
|
|
249
249
|
r,
|
|
250
250
|
a
|
|
251
|
-
]),
|
|
252
|
-
const t =
|
|
251
|
+
]), p = ()=>{
|
|
252
|
+
const t = m.current;
|
|
253
253
|
t && (s === "loading" ? o("showSpinner") : s === "paused" ? t.play() : s === "playing" && t.pause());
|
|
254
254
|
};
|
|
255
255
|
if (s === "error") return {
|
|
@@ -262,7 +262,7 @@ const Ne = (r, a)=>{
|
|
|
262
262
|
paused: er,
|
|
263
263
|
loadingTimeout: Ve
|
|
264
264
|
}[s],
|
|
265
|
-
onPress:
|
|
265
|
+
onPress: p,
|
|
266
266
|
label: {
|
|
267
267
|
playing: l.pauseIconButtonLabel,
|
|
268
268
|
loading: l.pauseIconButtonLabel,
|
|
@@ -276,8 +276,8 @@ const Ne = (r, a)=>{
|
|
|
276
276
|
videoAction: c
|
|
277
277
|
};
|
|
278
278
|
}, ae = (param)=>{
|
|
279
|
-
let { headline: r , pretitle: a , pretitleLinesMax: i , title: l , titleLinesMax:
|
|
280
|
-
const { textPresets:
|
|
279
|
+
let { headline: r , pretitle: a , pretitleLinesMax: i , title: l , titleLinesMax: m , subtitle: s , subtitleLinesMax: o , description: d , descriptionLinesMax: p , extra: c , button: t , buttonLink: h } = param;
|
|
280
|
+
const { textPresets: u } = q(), v = ()=>r ? typeof r == "string" ? /* @__PURE__ */ e(Be, {
|
|
281
281
|
type: "promo",
|
|
282
282
|
children: r
|
|
283
283
|
}) : r : null;
|
|
@@ -314,8 +314,8 @@ const Ne = (r, a)=>{
|
|
|
314
314
|
mobileLineHeight: "24px",
|
|
315
315
|
desktopSize: 20,
|
|
316
316
|
desktopLineHeight: "28px",
|
|
317
|
-
truncate:
|
|
318
|
-
weight:
|
|
317
|
+
truncate: m,
|
|
318
|
+
weight: u.cardTitle.weight,
|
|
319
319
|
as: "h3",
|
|
320
320
|
hyphens: "auto",
|
|
321
321
|
children: l
|
|
@@ -333,7 +333,7 @@ const Ne = (r, a)=>{
|
|
|
333
333
|
})
|
|
334
334
|
}),
|
|
335
335
|
d && /* @__PURE__ */ e(A, {
|
|
336
|
-
truncate:
|
|
336
|
+
truncate: p,
|
|
337
337
|
as: "p",
|
|
338
338
|
regular: !0,
|
|
339
339
|
color: y.colors.textSecondary,
|
|
@@ -357,7 +357,7 @@ const Ne = (r, a)=>{
|
|
|
357
357
|
]
|
|
358
358
|
});
|
|
359
359
|
}, Br = /*#__PURE__*/ N.forwardRef((_param, I)=>{
|
|
360
|
-
var { media: r , icon: a , headline: i , pretitle: l , pretitleLinesMax:
|
|
360
|
+
var { media: r , icon: a , headline: i , pretitle: l , pretitleLinesMax: m , subtitle: s , subtitleLinesMax: o , title: d , titleLinesMax: p , description: c , descriptionLinesMax: t , extra: h , actions: u , button: v , buttonLink: w , dataAttributes: b , "aria-label": T , onClose: g } = _param, f = _object_without_properties(_param, [
|
|
361
361
|
"media",
|
|
362
362
|
"icon",
|
|
363
363
|
"headline",
|
|
@@ -377,7 +377,7 @@ const Ne = (r, a)=>{
|
|
|
377
377
|
"aria-label",
|
|
378
378
|
"onClose"
|
|
379
379
|
]);
|
|
380
|
-
const x =
|
|
380
|
+
const x = f.href || f.to || f.onPress;
|
|
381
381
|
return /* @__PURE__ */ n(E, {
|
|
382
382
|
dataAttributes: _object_spread({
|
|
383
383
|
"component-name": "MediaCard"
|
|
@@ -392,7 +392,7 @@ const Ne = (r, a)=>{
|
|
|
392
392
|
height: "100%",
|
|
393
393
|
children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
|
|
394
394
|
maybe: !0
|
|
395
|
-
},
|
|
395
|
+
}, f), {
|
|
396
396
|
className: H,
|
|
397
397
|
"aria-label": T,
|
|
398
398
|
children: [
|
|
@@ -411,9 +411,9 @@ const Ne = (r, a)=>{
|
|
|
411
411
|
children: /* @__PURE__ */ e(ae, {
|
|
412
412
|
headline: i,
|
|
413
413
|
pretitle: l,
|
|
414
|
-
pretitleLinesMax:
|
|
414
|
+
pretitleLinesMax: m,
|
|
415
415
|
title: d,
|
|
416
|
-
titleLinesMax:
|
|
416
|
+
titleLinesMax: p,
|
|
417
417
|
subtitle: s,
|
|
418
418
|
subtitleLinesMax: o,
|
|
419
419
|
description: c,
|
|
@@ -442,13 +442,13 @@ const Ne = (r, a)=>{
|
|
|
442
442
|
}),
|
|
443
443
|
/* @__PURE__ */ e(W, {
|
|
444
444
|
onClose: g,
|
|
445
|
-
actions:
|
|
445
|
+
actions: u,
|
|
446
446
|
type: "media"
|
|
447
447
|
})
|
|
448
448
|
]
|
|
449
449
|
});
|
|
450
450
|
}), Sr = /*#__PURE__*/ N.forwardRef((_param, I)=>{
|
|
451
|
-
var { media: r , icon: a , headline: i , pretitle: l , pretitleLinesMax:
|
|
451
|
+
var { media: r , icon: a , headline: i , pretitle: l , pretitleLinesMax: m , subtitle: s , subtitleLinesMax: o , title: d , titleLinesMax: p , description: c , descriptionLinesMax: t , extra: h , actions: u , button: v , buttonLink: w , dataAttributes: b , "aria-label": T , onClose: g } = _param, f = _object_without_properties(_param, [
|
|
452
452
|
"media",
|
|
453
453
|
"icon",
|
|
454
454
|
"headline",
|
|
@@ -468,7 +468,7 @@ const Ne = (r, a)=>{
|
|
|
468
468
|
"aria-label",
|
|
469
469
|
"onClose"
|
|
470
470
|
]);
|
|
471
|
-
const x =
|
|
471
|
+
const x = f.href || f.to || f.onPress, M = r && r.type === $ && r.props.circular;
|
|
472
472
|
return /* @__PURE__ */ n(E, {
|
|
473
473
|
ref: I,
|
|
474
474
|
dataAttributes: _object_spread({
|
|
@@ -479,7 +479,7 @@ const Ne = (r, a)=>{
|
|
|
479
479
|
children: [
|
|
480
480
|
/* @__PURE__ */ e(D, _object_spread_props(_object_spread({
|
|
481
481
|
maybe: !0
|
|
482
|
-
},
|
|
482
|
+
}, f), {
|
|
483
483
|
className: H,
|
|
484
484
|
"aria-label": T,
|
|
485
485
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -503,9 +503,9 @@ const Ne = (r, a)=>{
|
|
|
503
503
|
children: /* @__PURE__ */ e(ae, {
|
|
504
504
|
headline: i,
|
|
505
505
|
pretitle: l,
|
|
506
|
-
pretitleLinesMax:
|
|
506
|
+
pretitleLinesMax: m,
|
|
507
507
|
title: d,
|
|
508
|
-
titleLinesMax:
|
|
508
|
+
titleLinesMax: p,
|
|
509
509
|
subtitle: s,
|
|
510
510
|
subtitleLinesMax: o,
|
|
511
511
|
description: c,
|
|
@@ -532,13 +532,13 @@ const Ne = (r, a)=>{
|
|
|
532
532
|
})),
|
|
533
533
|
/* @__PURE__ */ e(W, {
|
|
534
534
|
onClose: g,
|
|
535
|
-
actions:
|
|
535
|
+
actions: u,
|
|
536
536
|
type: "media"
|
|
537
537
|
})
|
|
538
538
|
]
|
|
539
539
|
});
|
|
540
540
|
}), Ir = /*#__PURE__*/ N.forwardRef((_param, h)=>{
|
|
541
|
-
var { media: r , title: a , titleLinesMax: i , subtitle: l , subtitleLinesMax:
|
|
541
|
+
var { media: r , title: a , titleLinesMax: i , subtitle: l , subtitleLinesMax: m , description: s , descriptionLinesMax: o , extra: d , dataAttributes: p , "aria-label": c } = _param, t = _object_without_properties(_param, [
|
|
542
542
|
"media",
|
|
543
543
|
"title",
|
|
544
544
|
"titleLinesMax",
|
|
@@ -550,14 +550,14 @@ const Ne = (r, a)=>{
|
|
|
550
550
|
"dataAttributes",
|
|
551
551
|
"aria-label"
|
|
552
552
|
]);
|
|
553
|
-
const
|
|
553
|
+
const u = t.href || t.to || t.onPress, v = r && r.type === $ && r.props.circular;
|
|
554
554
|
return /* @__PURE__ */ e(E, {
|
|
555
555
|
ref: h,
|
|
556
556
|
dataAttributes: _object_spread({
|
|
557
557
|
"component-name": "SmallNakedCard"
|
|
558
|
-
},
|
|
558
|
+
}, p),
|
|
559
559
|
"aria-label": c,
|
|
560
|
-
className:
|
|
560
|
+
className: u ? O : void 0,
|
|
561
561
|
children: /* @__PURE__ */ e(D, _object_spread_props(_object_spread({
|
|
562
562
|
maybe: !0
|
|
563
563
|
}, t), {
|
|
@@ -571,7 +571,7 @@ const Ne = (r, a)=>{
|
|
|
571
571
|
position: "relative"
|
|
572
572
|
},
|
|
573
573
|
children: [
|
|
574
|
-
|
|
574
|
+
u && /* @__PURE__ */ e("div", {
|
|
575
575
|
className: re(le, {
|
|
576
576
|
[oe]: v
|
|
577
577
|
})
|
|
@@ -595,7 +595,7 @@ const Ne = (r, a)=>{
|
|
|
595
595
|
children: a
|
|
596
596
|
}),
|
|
597
597
|
l && /* @__PURE__ */ e(A, {
|
|
598
|
-
truncate:
|
|
598
|
+
truncate: m,
|
|
599
599
|
regular: !0,
|
|
600
600
|
as: "p",
|
|
601
601
|
hyphens: "auto",
|
|
@@ -623,7 +623,7 @@ const Ne = (r, a)=>{
|
|
|
623
623
|
}))
|
|
624
624
|
});
|
|
625
625
|
}), Rr = /*#__PURE__*/ N.forwardRef((_param, I)=>{
|
|
626
|
-
var { icon: r , headline: a , pretitle: i , pretitleLinesMax: l , title:
|
|
626
|
+
var { icon: r , headline: a , pretitle: i , pretitleLinesMax: l , title: m , titleLinesMax: s , subtitle: o , subtitleLinesMax: d , description: p , descriptionLinesMax: c , extra: t , actions: h , button: u , buttonLink: v , dataAttributes: w , "aria-label": b , onClose: T , aspectRatio: g } = _param, f = _object_without_properties(_param, [
|
|
627
627
|
"icon",
|
|
628
628
|
"headline",
|
|
629
629
|
"pretitle",
|
|
@@ -643,7 +643,7 @@ const Ne = (r, a)=>{
|
|
|
643
643
|
"onClose",
|
|
644
644
|
"aspectRatio"
|
|
645
645
|
]);
|
|
646
|
-
const x = !!r, M =
|
|
646
|
+
const x = !!r, M = f.href || f.to || f.onPress, z = Ne(h, T), G = {
|
|
647
647
|
marginRight: -16,
|
|
648
648
|
marginTop: -24,
|
|
649
649
|
width: Ce * z.length
|
|
@@ -663,7 +663,7 @@ const Ne = (r, a)=>{
|
|
|
663
663
|
minHeight: "100%",
|
|
664
664
|
children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
|
|
665
665
|
maybe: !0
|
|
666
|
-
},
|
|
666
|
+
}, f), {
|
|
667
667
|
className: H,
|
|
668
668
|
"aria-label": b,
|
|
669
669
|
children: [
|
|
@@ -684,11 +684,11 @@ const Ne = (r, a)=>{
|
|
|
684
684
|
headline: a,
|
|
685
685
|
pretitle: i,
|
|
686
686
|
pretitleLinesMax: l,
|
|
687
|
-
title:
|
|
687
|
+
title: m,
|
|
688
688
|
titleLinesMax: s,
|
|
689
689
|
subtitle: o,
|
|
690
690
|
subtitleLinesMax: d,
|
|
691
|
-
description:
|
|
691
|
+
description: p,
|
|
692
692
|
descriptionLinesMax: c
|
|
693
693
|
})
|
|
694
694
|
]
|
|
@@ -701,10 +701,10 @@ const Ne = (r, a)=>{
|
|
|
701
701
|
t && /* @__PURE__ */ e("div", {
|
|
702
702
|
children: t
|
|
703
703
|
}),
|
|
704
|
-
(
|
|
704
|
+
(u || v) && /* @__PURE__ */ e("div", {
|
|
705
705
|
className: ce,
|
|
706
706
|
children: /* @__PURE__ */ e(Y, {
|
|
707
|
-
primaryButton:
|
|
707
|
+
primaryButton: u,
|
|
708
708
|
link: v
|
|
709
709
|
})
|
|
710
710
|
})
|
|
@@ -721,7 +721,7 @@ const Ne = (r, a)=>{
|
|
|
721
721
|
]
|
|
722
722
|
});
|
|
723
723
|
}), Mr = /*#__PURE__*/ N.forwardRef((_param, h)=>{
|
|
724
|
-
var { icon: r , title: a , titleLinesMax: i , subtitle: l , subtitleLinesMax:
|
|
724
|
+
var { icon: r , title: a , titleLinesMax: i , subtitle: l , subtitleLinesMax: m , dataAttributes: s , "aria-label": o , extra: d , isInverse: p = !1 , aspectRatio: c } = _param, t = _object_without_properties(_param, [
|
|
725
725
|
"icon",
|
|
726
726
|
"title",
|
|
727
727
|
"titleLinesMax",
|
|
@@ -733,7 +733,7 @@ const Ne = (r, a)=>{
|
|
|
733
733
|
"isInverse",
|
|
734
734
|
"aspectRatio"
|
|
735
735
|
]);
|
|
736
|
-
const
|
|
736
|
+
const u = t.href || t.to || t.onPress, v = p ? ee : Z;
|
|
737
737
|
return /* @__PURE__ */ e(E, {
|
|
738
738
|
dataAttributes: _object_spread({
|
|
739
739
|
"component-name": "SnapCard"
|
|
@@ -743,7 +743,7 @@ const Ne = (r, a)=>{
|
|
|
743
743
|
aspectRatio: c,
|
|
744
744
|
children: /* @__PURE__ */ e(Q, {
|
|
745
745
|
className: _,
|
|
746
|
-
isInverse:
|
|
746
|
+
isInverse: p,
|
|
747
747
|
width: "100%",
|
|
748
748
|
minHeight: "100%",
|
|
749
749
|
children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
|
|
@@ -752,7 +752,7 @@ const Ne = (r, a)=>{
|
|
|
752
752
|
className: H,
|
|
753
753
|
"aria-label": o,
|
|
754
754
|
children: [
|
|
755
|
-
|
|
755
|
+
u && /* @__PURE__ */ e("div", {
|
|
756
756
|
className: v
|
|
757
757
|
}),
|
|
758
758
|
/* @__PURE__ */ n("section", {
|
|
@@ -775,7 +775,7 @@ const Ne = (r, a)=>{
|
|
|
775
775
|
children: a
|
|
776
776
|
}),
|
|
777
777
|
l && /* @__PURE__ */ e(A, {
|
|
778
|
-
truncate:
|
|
778
|
+
truncate: m,
|
|
779
779
|
regular: !0,
|
|
780
780
|
color: y.colors.textSecondary,
|
|
781
781
|
as: "p",
|
|
@@ -796,7 +796,7 @@ const Ne = (r, a)=>{
|
|
|
796
796
|
})
|
|
797
797
|
});
|
|
798
798
|
}), xe = /*#__PURE__*/ N.forwardRef((_param, J)=>{
|
|
799
|
-
var { isInverse: r , backgroundImage: a , backgroundVideo: i , backgroundVideoRef: l , poster:
|
|
799
|
+
var { isInverse: r , backgroundImage: a , backgroundVideo: i , backgroundVideoRef: l , poster: m , icon: s , headline: o , pretitle: d , pretitleLinesMax: p , title: c , titleLinesMax: t , description: h , descriptionLinesMax: u , extra: v , button: w , secondaryButton: b , onClose: T , actions: g , buttonLink: f , dataAttributes: I , width: x , height: M , aspectRatio: z , "aria-label": G } = _param, k = _object_without_properties(_param, [
|
|
800
800
|
"isInverse",
|
|
801
801
|
"backgroundImage",
|
|
802
802
|
"backgroundVideo",
|
|
@@ -822,7 +822,7 @@ const Ne = (r, a)=>{
|
|
|
822
822
|
"aspectRatio",
|
|
823
823
|
"aria-label"
|
|
824
824
|
]);
|
|
825
|
-
const L = Te(a), { video: j , videoAction: R } = be(i,
|
|
825
|
+
const L = Te(a), { video: j , videoAction: R } = be(i, m, l);
|
|
826
826
|
i && (g = R ? [
|
|
827
827
|
R
|
|
828
828
|
] : []);
|
|
@@ -898,7 +898,7 @@ const Ne = (r, a)=>{
|
|
|
898
898
|
children: [
|
|
899
899
|
d && /* @__PURE__ */ e(A, {
|
|
900
900
|
forceMobileSizes: !0,
|
|
901
|
-
truncate:
|
|
901
|
+
truncate: p,
|
|
902
902
|
as: "div",
|
|
903
903
|
regular: !0,
|
|
904
904
|
textShadow: P,
|
|
@@ -919,7 +919,7 @@ const Ne = (r, a)=>{
|
|
|
919
919
|
}),
|
|
920
920
|
h && /* @__PURE__ */ e(Ie, {
|
|
921
921
|
forceMobileSizes: !0,
|
|
922
|
-
truncate:
|
|
922
|
+
truncate: u,
|
|
923
923
|
as: "p",
|
|
924
924
|
regular: !0,
|
|
925
925
|
color: B ? y.colors.textPrimary : y.colors.textSecondary,
|
|
@@ -932,10 +932,10 @@ const Ne = (r, a)=>{
|
|
|
932
932
|
v
|
|
933
933
|
]
|
|
934
934
|
}),
|
|
935
|
-
(w || b ||
|
|
935
|
+
(w || b || f) && /* @__PURE__ */ e(Y, {
|
|
936
936
|
primaryButton: w,
|
|
937
937
|
secondaryButton: b,
|
|
938
|
-
link:
|
|
938
|
+
link: f
|
|
939
939
|
})
|
|
940
940
|
]
|
|
941
941
|
})
|
|
@@ -976,7 +976,7 @@ const Ne = (r, a)=>{
|
|
|
976
976
|
})
|
|
977
977
|
}));
|
|
978
978
|
}), Or = /*#__PURE__*/ N.forwardRef((_param, G)=>{
|
|
979
|
-
var { dataAttributes: r , backgroundImage: a , backgroundVideo: i , poster: l , backgroundVideoRef:
|
|
979
|
+
var { dataAttributes: r , backgroundImage: a , backgroundVideo: i , poster: l , backgroundVideoRef: m , width: s , height: o , aspectRatio: d = "7:10" , ariaLabel: p , actions: c , onClose: t , icon: h , headline: u , pretitle: v , pretitleLinesMax: w , title: b , titleLinesMax: T , description: g , descriptionLinesMax: f , variant: I , isInverse: x , backgroundColor: M } = _param, z = _object_without_properties(_param, [
|
|
980
980
|
"dataAttributes",
|
|
981
981
|
"backgroundImage",
|
|
982
982
|
"backgroundVideo",
|
|
@@ -1000,7 +1000,7 @@ const Ne = (r, a)=>{
|
|
|
1000
1000
|
"isInverse",
|
|
1001
1001
|
"backgroundColor"
|
|
1002
1002
|
]);
|
|
1003
|
-
const k = Te(a), { video: J , videoAction: L } = be(i, l,
|
|
1003
|
+
const k = Te(a), { video: J , videoAction: L } = be(i, l, m);
|
|
1004
1004
|
i && (c = L ? [
|
|
1005
1005
|
L
|
|
1006
1006
|
] : []);
|
|
@@ -1017,7 +1017,7 @@ const Ne = (r, a)=>{
|
|
|
1017
1017
|
}),
|
|
1018
1018
|
ref: G,
|
|
1019
1019
|
aspectRatio: d,
|
|
1020
|
-
"aria-label":
|
|
1020
|
+
"aria-label": p,
|
|
1021
1021
|
className: O,
|
|
1022
1022
|
children: [
|
|
1023
1023
|
/* @__PURE__ */ e(te, {
|
|
@@ -1031,7 +1031,7 @@ const Ne = (r, a)=>{
|
|
|
1031
1031
|
maybe: !0
|
|
1032
1032
|
}, z), {
|
|
1033
1033
|
className: H,
|
|
1034
|
-
"aria-label":
|
|
1034
|
+
"aria-label": p,
|
|
1035
1035
|
children: [
|
|
1036
1036
|
U && /* @__PURE__ */ e("div", {
|
|
1037
1037
|
className: Ae
|
|
@@ -1077,11 +1077,11 @@ const Ne = (r, a)=>{
|
|
|
1077
1077
|
children: /* @__PURE__ */ n(C, {
|
|
1078
1078
|
space: 8,
|
|
1079
1079
|
children: [
|
|
1080
|
-
(
|
|
1080
|
+
(u || v || b) && /* @__PURE__ */ e("header", {
|
|
1081
1081
|
children: /* @__PURE__ */ n(C, {
|
|
1082
1082
|
space: 16,
|
|
1083
1083
|
children: [
|
|
1084
|
-
|
|
1084
|
+
u,
|
|
1085
1085
|
/* @__PURE__ */ n(C, {
|
|
1086
1086
|
space: 4,
|
|
1087
1087
|
children: [
|
|
@@ -1112,7 +1112,7 @@ const Ne = (r, a)=>{
|
|
|
1112
1112
|
}),
|
|
1113
1113
|
g && /* @__PURE__ */ e(A, {
|
|
1114
1114
|
forceMobileSizes: !0,
|
|
1115
|
-
truncate:
|
|
1115
|
+
truncate: f,
|
|
1116
1116
|
as: "p",
|
|
1117
1117
|
regular: !0,
|
|
1118
1118
|
textShadow: F,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
3
|
+
var _ = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbh _1y2v1nf7t", v = {
|
|
4
4
|
default: "_1x00frui",
|
|
5
5
|
mobile: "_1x00fruj"
|
|
6
|
-
},
|
|
7
|
-
export {
|
|
6
|
+
}, a = "_1x00frup", n = "_1x00frul", t = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t _1y2v1nfaz", y = "_1x00frub _1y2v1nfaz _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbb _1y2v1nfbs _1y2v1nfc9 _1x00fru9", o = "_1x00frug", x = "_1x00fruo _1y2v1nfb5 _1y2v1nfba", b = "_1y2v1nfb5 _1y2v1nfbr _1y2v1nfbk _1y2v1nfde", i = "_1x00fruk", e = "_1y2v1nffa", d = "_1x00fru9", l = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", c = "_1x00fru5", g = "_1x00fru6", h = "_1x00fru4";
|
|
7
|
+
export { _ as actions, v as actionsVariants, a as adjustButtonLink, n as button, t as buttonMobile, u as cardContentStyle, y as dataCard, o as divider, x as footerDirection, b as footerText, i as marginRightAuto, e as marginRightButton, d as minHeight, l as paddingX, c as touchable, g as touchableCardOverlay, h as touchableContainer };
|