@telefonica/mistica 14.18.1 → 14.19.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.
Files changed (26) hide show
  1. package/community.d.ts +1 -0
  2. package/community.js +19 -0
  3. package/css/mistica.css +1 -1
  4. package/dist/button.css-mistica.js +28 -22
  5. package/dist/button.css.d.ts +3 -1
  6. package/dist/button.d.ts +6 -0
  7. package/dist/button.js +67 -65
  8. package/dist/card.css-mistica.js +17 -17
  9. package/dist/card.css.d.ts +1 -1
  10. package/dist/card.d.ts +3 -5
  11. package/dist/card.js +296 -276
  12. package/dist/index.d.ts +1 -1
  13. package/dist/index.js +3 -0
  14. package/dist/package-version.js +1 -1
  15. package/dist/select.css-mistica.js +10 -10
  16. package/dist/select.js +1 -0
  17. package/dist-es/button.css-mistica.js +9 -9
  18. package/dist-es/button.js +82 -80
  19. package/dist-es/card.css-mistica.js +3 -3
  20. package/dist-es/card.js +403 -386
  21. package/dist-es/index.js +1710 -1710
  22. package/dist-es/package-version.js +1 -1
  23. package/dist-es/select.css-mistica.js +7 -7
  24. package/dist-es/select.js +1 -0
  25. package/dist-es/style.css +1 -1
  26. package/package.json +4 -2
package/dist-es/card.js CHANGED
@@ -77,53 +77,53 @@ function _object_without_properties_loose(source, excluded) {
77
77
  }
78
78
  return target;
79
79
  }
80
- import { jsx as e, jsxs as i, Fragment as Se } from "react/jsx-runtime";
81
- import * as C from "react";
82
- import we from "./tag.js";
83
- import T from "./stack.js";
84
- import M from "./box.js";
85
- import { Text2 as x, Text6 as Be, Text3 as Ie, Text as ae } from "./text.js";
86
- import { Boxed as Z, InternalBoxed as ie } from "./boxed.js";
87
- import $ from "./button-group.js";
88
- import q, { MediaBorderRadiusProvider as Re } from "./image.js";
80
+ import { jsx as e, jsxs as n, Fragment as Ae } from "react/jsx-runtime";
81
+ import * as g from "react";
82
+ import be from "./tag.js";
83
+ import N from "./stack.js";
84
+ import B from "./box.js";
85
+ import { Text2 as b, Text6 as Se, Text3 as we, Text as ae } from "./text.js";
86
+ import { Boxed as Y, InternalBoxed as re } from "./boxed.js";
87
+ import Z from "./button-group.js";
88
+ import q, { MediaBorderRadiusProvider as Ie } from "./image.js";
89
89
  import { BaseTouchable as D } from "./touchable.js";
90
- import { vars as N } from "./skins/skin-contract.css-mistica.js";
91
- import { cardContainer as Me, vars as De, touchableContainer as z, boxed as W, touchable as O, touchableMediaCardOverlay as ze, mediaCard as J, mediaCardContent as Oe, touchableNakedMediaOverlay as ne, circularMediaOverlay as te, nakedCardContent as se, touchableCardOverlay as K, dataCard as He, actions as le, snapCard as _e, displayCardContainer as de, displayCardBackground as oe, displayCardContent as ce, displayCardGradient as he, touchableCardOverlayMedia as me, cardActionIconButton as V, videoAction as ee, touchableCardOverlayInverse as ue, cardAction as Ee, cardActionInverse as We, cardActionMedia as ke } from "./card.css-mistica.js";
92
- import { useTheme as F } from "./hooks.js";
90
+ import { vars as x } from "./skins/skin-contract.css-mistica.js";
91
+ import { cardContainer as Be, vars as Re, touchableContainer as z, boxed as G, touchable as O, touchableMediaCardOverlay as Me, mediaCard as J, mediaCardContent as De, mediaCardIcon as ze, touchableNakedMediaOverlay as ie, circularMediaOverlay as ne, nakedCardContent as te, touchableCardOverlay as K, dataCard as Oe, actions as se, snapCard as He, displayCardContainer as le, displayCardBackground as oe, displayCardContent as de, displayCardGradient as ce, touchableCardOverlayMedia as he, cardActionIconButton as _e, touchableCardOverlayInverse as me, cardAction as Ee, cardActionInverse as We, cardActionMedia as Ge } from "./card.css-mistica.js";
92
+ import { useTheme as L } from "./hooks.js";
93
93
  import { sprinkles as pe } from "./sprinkles.css-mistica.js";
94
- import Ge from "./icon-button.js";
94
+ import Pe from "./icon-button.js";
95
95
  import Xe from "./generated/mistica-icons/icon-close-regular.js";
96
- import re from "./generated/mistica-icons/icon-pause-filled.js";
97
- import je from "./generated/mistica-icons/icon-play-filled.js";
98
- import { combineRefs as Fe } from "./utils/common.js";
99
- import Pe from "./spinner.js";
96
+ import je from "./generated/mistica-icons/icon-pause-filled.js";
97
+ import Fe from "./generated/mistica-icons/icon-play-filled.js";
98
+ import { combineRefs as ke } from "./utils/common.js";
99
+ import Le from "./spinner.js";
100
100
  import Ue from "./video.js";
101
- import { useIsInverseVariant as fe, ThemeVariant as ve } from "./theme-variant-context.js";
102
- import L from "classnames";
101
+ import { useIsInverseVariant as ue, ThemeVariant as fe } from "./theme-variant-context.js";
102
+ import Q from "classnames";
103
103
  import { assignInlineVars as Ye } from "@vanilla-extract/dynamic";
104
104
  import Ze from "./inline.js";
105
- import { getPrefixedDataAttributes as $e } from "./utils/dom.js";
106
- const ye = (r, a)=>{
107
- const { texts: n } = F(), l = r ? [
108
- ...r
105
+ import { getPrefixedDataAttributes as qe } from "./utils/dom.js";
106
+ const ye = (a, r)=>{
107
+ const { texts: i } = L(), l = a ? [
108
+ ...a
109
109
  ] : [];
110
- return a && l.push({
111
- label: n.closeButtonLabel,
112
- onPress: a,
110
+ return r && l.push({
111
+ label: i.closeButtonLabel,
112
+ onPress: r,
113
113
  Icon: Xe
114
114
  }), l;
115
- }, ge = 48, k = (param)=>{
116
- let { actions: r , onClose: a , type: n = "default" } = param;
117
- const l = ye(r, a), u = l.length > 0, s = {
118
- default: N.colors.neutralHigh,
119
- inverse: N.colors.inverse,
115
+ }, ve = 48, P = (param)=>{
116
+ let { actions: a , onClose: r , type: i = "default" } = param;
117
+ const l = ye(a, r), m = l.length > 0, s = {
118
+ default: x.colors.neutralHigh,
119
+ inverse: x.colors.inverse,
120
120
  media: "#000000"
121
- }, o = {
121
+ }, d = {
122
122
  default: Ee,
123
123
  inverse: We,
124
- media: ke
124
+ media: Ge
125
125
  };
126
- return u ? /* @__PURE__ */ e("div", {
126
+ return m ? /* @__PURE__ */ e("div", {
127
127
  style: {
128
128
  position: "absolute",
129
129
  right: 8,
@@ -134,57 +134,55 @@ const ye = (r, a)=>{
134
134
  className: pe({
135
135
  display: "flex"
136
136
  }),
137
- children: l.map((param, f)=>{
138
- let { onPress: c , label: p , Icon: t , iconSize: d = 20 , disabled: m = !1 } = param;
139
- return t ? /* @__PURE__ */ e(Ge, {
140
- disabled: m,
141
- size: ge,
137
+ children: l.map((param, h)=>/* @__PURE__ */ {
138
+ let { onPress: c , label: p , Icon: t , disabled: o = !1 } = param;
139
+ return e(Pe, {
140
+ disabled: o,
141
+ size: ve,
142
142
  onPress: c,
143
143
  "aria-label": p,
144
- className: V,
144
+ className: _e,
145
145
  style: {
146
146
  display: "flex"
147
147
  },
148
148
  children: /* @__PURE__ */ e("div", {
149
- className: o[n],
149
+ className: d[i],
150
150
  children: /* @__PURE__ */ e(t, {
151
- color: s[n],
152
- size: d
151
+ color: s[i],
152
+ size: 20
153
153
  })
154
154
  })
155
- }, f) : /* @__PURE__ */ e("div", {
156
- className: V
157
- }, f);
155
+ }, h);
158
156
  })
159
157
  })
160
- }) : /* @__PURE__ */ e(Se, {});
161
- }, qe = (r)=>r ? typeof r == "number" ? r : ({
158
+ }) : /* @__PURE__ */ e(Ae, {});
159
+ }, Je = (a)=>a ? typeof a == "number" ? a : ({
162
160
  "1:1": 1,
163
161
  "16:9": 16 / 9,
164
162
  "7:10": 7 / 10,
165
163
  "9:10": 9 / 10,
166
164
  auto: 0
167
- })[r] : 0, H = /*#__PURE__*/ C.forwardRef((param, p)=>{
168
- let { children: r , width: a = "100%" , height: n = "100%" , minWidth: l , aspectRatio: u , dataAttributes: s , className: o , "aria-label": c } = param;
169
- const t = qe(u);
170
- return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({}, $e(s)), {
165
+ })[a] : 0, H = /*#__PURE__*/ g.forwardRef((param, p)=>{
166
+ let { children: a , width: r = "100%" , height: i = "100%" , minWidth: l , aspectRatio: m , dataAttributes: s , className: d , "aria-label": c } = param;
167
+ const t = Je(m);
168
+ return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({}, qe(s)), {
171
169
  ref: p,
172
170
  "aria-label": c,
173
- className: L(o, Me),
171
+ className: Q(d, Be),
174
172
  style: _object_spread({
175
- width: a,
176
- height: n,
173
+ width: r,
174
+ height: i,
177
175
  minWidth: l
178
176
  }, t ? Ye({
179
- [De.aspectRatio]: String(t)
177
+ [Re.aspectRatio]: String(t)
180
178
  }) : {}),
181
- children: r
179
+ children: a
182
180
  }));
183
- }), Ne = (r)=>/* @__PURE__ */ e(q, {
181
+ }), ge = (a)=>/* @__PURE__ */ e(q, {
184
182
  width: "100%",
185
183
  height: "100%",
186
- src: r !== null && r !== void 0 ? r : "//:0"
187
- }), Je = {
184
+ src: a !== null && a !== void 0 ? a : "//:0"
185
+ }), Ke = {
188
186
  loading: {
189
187
  showSpinner: "loadingTimeout",
190
188
  play: "playing",
@@ -208,77 +206,83 @@ const ye = (r, a)=>{
208
206
  error: {
209
207
  reset: "loading"
210
208
  }
211
- }, Ke = (r, a)=>Je[r][a] || r, Le = (param)=>/* @__PURE__ */ {
212
- let { size: r , color: a } = param;
213
- return e(Pe, {
214
- size: r,
209
+ }, Qe = (a, r)=>Ke[a][r] || a, $e = (param)=>/* @__PURE__ */ {
210
+ let { color: a } = param;
211
+ return e(Le, {
215
212
  color: a,
213
+ size: 16,
216
214
  delay: "0"
217
215
  });
218
- }, Ce = (r, a, n)=>{
219
- const { texts: l } = F(), u = C.useRef(null), [s, o] = C.useReducer(Ke, "loading");
220
- C.useEffect(()=>{
221
- var m;
222
- const d = setTimeout(()=>o("showSpinner"), 2e3);
223
- return (m = u.current) == null || m.load(), ()=>{
224
- clearTimeout(d), o("reset");
216
+ }, ee = (param)=>/* @__PURE__ */ {
217
+ let { color: a } = param;
218
+ return e(je, {
219
+ color: a,
220
+ size: 12
221
+ });
222
+ }, Ve = (param)=>/* @__PURE__ */ {
223
+ let { color: a } = param;
224
+ return e(Fe, {
225
+ color: a,
226
+ size: 12
227
+ });
228
+ }, Ne = (a, r, i)=>{
229
+ const { texts: l } = L(), m = g.useRef(null), [s, d] = g.useReducer(Qe, "loading");
230
+ g.useEffect(()=>{
231
+ var h;
232
+ const o = setTimeout(()=>d("showSpinner"), 2e3);
233
+ return (h = m.current) == null || h.load(), ()=>{
234
+ clearTimeout(o), d("reset");
225
235
  };
226
236
  }, [
227
- r
237
+ a
228
238
  ]);
229
- const c = C.useMemo(()=>r ? /* @__PURE__ */ e(Ue, {
230
- ref: Fe(u, n),
231
- src: r,
239
+ const c = g.useMemo(()=>a ? /* @__PURE__ */ e(Ue, {
240
+ ref: ke(m, i),
241
+ src: a,
232
242
  width: "100%",
233
243
  height: "100%",
234
- poster: a,
235
- onError: ()=>o("fail"),
236
- onPause: ()=>o("pause"),
237
- onPlay: ()=>o("play")
244
+ poster: r,
245
+ onError: ()=>d("fail"),
246
+ onPause: ()=>d("pause"),
247
+ onPlay: ()=>d("play")
238
248
  }) : void 0, [
239
- n,
240
- r,
241
- a
249
+ i,
250
+ a,
251
+ r
242
252
  ]), p = ()=>{
243
- const d = u.current;
244
- d && (s === "loading" ? o("showSpinner") : s === "paused" ? d.play() : s === "playing" && d.pause());
245
- }, t = {
253
+ const o = m.current;
254
+ o && (s === "loading" ? d("showSpinner") : s === "paused" ? o.play() : s === "playing" && o.pause());
255
+ };
256
+ if (s === "error") return {
257
+ video: c
258
+ };
259
+ const t = {
246
260
  Icon: {
247
- playing: re,
248
- loading: re,
249
- paused: je,
250
- loadingTimeout: Le,
251
- error: void 0
261
+ playing: ee,
262
+ loading: ee,
263
+ paused: Ve,
264
+ loadingTimeout: $e
252
265
  }[s],
253
266
  onPress: p,
254
267
  label: {
255
268
  playing: l.pauseIconButtonLabel,
256
269
  loading: l.pauseIconButtonLabel,
257
270
  paused: l.playIconButtonLabel,
258
- loadingTimeout: "",
259
- error: ""
271
+ loadingTimeout: ""
260
272
  }[s],
261
- disabled: ![
262
- "loading",
263
- "playing",
264
- "paused"
265
- ].includes(s),
266
- iconSize: s === "loadingTimeout" ? 16 : 12,
267
- iconColor: N.colors.inverse,
268
- iconBackground: ee,
269
- iconBackgroundInverse: ee
273
+ disabled: s === "loadingTimeout"
270
274
  };
271
275
  return {
272
276
  video: c,
273
277
  videoAction: t
274
278
  };
275
- }, Q = (param)=>{
276
- let { headline: r , pretitle: a , pretitleLinesMax: n , title: l , titleLinesMax: u , subtitle: s , subtitleLinesMax: o , description: c , descriptionLinesMax: p , extra: t , button: d , buttonLink: m } = param;
277
- const { textPresets: f } = F(), v = ()=>r ? typeof r == "string" ? /* @__PURE__ */ e(we, {
279
+ }, $ = (param)=>{
280
+ let { headline: a , pretitle: r , pretitleLinesMax: i , title: l , titleLinesMax: m , subtitle: s , subtitleLinesMax: d , description: c , descriptionLinesMax: p , extra: t , button: o , buttonLink: h } = param;
281
+ const { textPresets: f } = L(), y = ()=>a ? typeof a == "string" ? /* @__PURE__ */ e(be, {
278
282
  type: "promo",
279
- children: r
280
- }) : r : null;
281
- return /* @__PURE__ */ i("div", {
283
+ children: a
284
+ }) : a : null;
285
+ return /* @__PURE__ */ n("div", {
282
286
  className: pe({
283
287
  display: "flex",
284
288
  flex: 1,
@@ -286,39 +290,39 @@ const ye = (r, a)=>{
286
290
  flexDirection: "column"
287
291
  }),
288
292
  children: [
289
- /* @__PURE__ */ i("div", {
293
+ /* @__PURE__ */ n("div", {
290
294
  children: [
291
- /* @__PURE__ */ i(T, {
295
+ /* @__PURE__ */ n(N, {
292
296
  space: 8,
293
297
  children: [
294
- (r || a || l || s) && /* @__PURE__ */ e("header", {
295
- children: /* @__PURE__ */ i(T, {
298
+ (a || r || l || s) && /* @__PURE__ */ e("header", {
299
+ children: /* @__PURE__ */ n(N, {
296
300
  space: 8,
297
301
  children: [
298
- v(),
299
- /* @__PURE__ */ i(T, {
302
+ y(),
303
+ /* @__PURE__ */ n(N, {
300
304
  space: 4,
301
305
  children: [
302
- a && /* @__PURE__ */ e(x, {
303
- truncate: n,
306
+ r && /* @__PURE__ */ e(b, {
307
+ truncate: i,
304
308
  as: "div",
305
309
  regular: !0,
306
310
  hyphens: "auto",
307
- children: a
311
+ children: r
308
312
  }),
309
313
  /* @__PURE__ */ e(ae, {
310
314
  mobileSize: 18,
311
315
  mobileLineHeight: "24px",
312
316
  desktopSize: 20,
313
317
  desktopLineHeight: "28px",
314
- truncate: u,
318
+ truncate: m,
315
319
  weight: f.cardTitle.weight,
316
320
  as: "h3",
317
321
  hyphens: "auto",
318
322
  children: l
319
323
  }),
320
- /* @__PURE__ */ e(x, {
321
- truncate: o,
324
+ /* @__PURE__ */ e(b, {
325
+ truncate: d,
322
326
  as: "div",
323
327
  regular: !0,
324
328
  hyphens: "auto",
@@ -329,11 +333,11 @@ const ye = (r, a)=>{
329
333
  ]
330
334
  })
331
335
  }),
332
- c && /* @__PURE__ */ e(x, {
336
+ c && /* @__PURE__ */ e(b, {
333
337
  truncate: p,
334
338
  as: "p",
335
339
  regular: !0,
336
- color: N.colors.textSecondary,
340
+ color: x.colors.textSecondary,
337
341
  hyphens: "auto",
338
342
  children: c
339
343
  })
@@ -344,17 +348,17 @@ const ye = (r, a)=>{
344
348
  })
345
349
  ]
346
350
  }),
347
- (d || m) && /* @__PURE__ */ e("div", {
348
- className: le,
349
- children: /* @__PURE__ */ e($, {
350
- primaryButton: d,
351
- link: m
351
+ (o || h) && /* @__PURE__ */ e("div", {
352
+ className: se,
353
+ children: /* @__PURE__ */ e(Z, {
354
+ primaryButton: o,
355
+ link: h
352
356
  })
353
357
  })
354
358
  ]
355
359
  });
356
- }, Sr = /*#__PURE__*/ C.forwardRef((_param, S)=>{
357
- var { media: r , headline: a , pretitle: n , pretitleLinesMax: l , subtitle: u , subtitleLinesMax: s , title: o , titleLinesMax: c , description: p , descriptionLinesMax: t , extra: d , actions: m , button: f , buttonLink: v , dataAttributes: A , "aria-label": y , onClose: b } = _param, h = _object_without_properties(_param, [
360
+ }, Ia = /*#__PURE__*/ g.forwardRef((_param, v)=>{
361
+ var { media: a , headline: r , pretitle: i , pretitleLinesMax: l , subtitle: m , subtitleLinesMax: s , title: d , titleLinesMax: c , description: p , icon: t , descriptionLinesMax: o , extra: h , actions: f , button: y , buttonLink: S , dataAttributes: C , "aria-label": A , onClose: u } = _param, T = _object_without_properties(_param, [
358
362
  "media",
359
363
  "headline",
360
364
  "pretitle",
@@ -364,6 +368,7 @@ const ye = (r, a)=>{
364
368
  "title",
365
369
  "titleLinesMax",
366
370
  "description",
371
+ "icon",
367
372
  "descriptionLinesMax",
368
373
  "extra",
369
374
  "actions",
@@ -373,66 +378,78 @@ const ye = (r, a)=>{
373
378
  "aria-label",
374
379
  "onClose"
375
380
  ]);
376
- const g = h.href || h.to || h.onPress;
377
- return /* @__PURE__ */ i(H, {
381
+ const w = T.href || T.to || T.onPress;
382
+ return /* @__PURE__ */ n(H, {
378
383
  dataAttributes: _object_spread({
379
384
  "component-name": "MediaCard"
380
- }, A),
381
- ref: S,
382
- "aria-label": y,
385
+ }, C),
386
+ ref: v,
387
+ "aria-label": A,
383
388
  className: z,
384
389
  children: [
385
- /* @__PURE__ */ e(Z, {
386
- className: W,
390
+ /* @__PURE__ */ e(Y, {
391
+ className: G,
387
392
  width: "100%",
388
393
  height: "100%",
389
- children: /* @__PURE__ */ i(D, _object_spread_props(_object_spread({
394
+ children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
390
395
  maybe: !0
391
- }, h), {
396
+ }, T), {
392
397
  className: O,
393
- "aria-label": y,
398
+ "aria-label": A,
394
399
  children: [
395
- g && /* @__PURE__ */ e("div", {
396
- className: ze
400
+ w && /* @__PURE__ */ e("div", {
401
+ className: Me
397
402
  }),
398
- /* @__PURE__ */ i("div", {
403
+ /* @__PURE__ */ n("div", {
399
404
  className: J,
400
405
  children: [
401
- /* @__PURE__ */ e(Re, {
406
+ /* @__PURE__ */ e(Ie, {
402
407
  value: !1,
403
- children: r
408
+ children: a
404
409
  }),
405
410
  /* @__PURE__ */ e("div", {
406
- className: Oe,
407
- children: /* @__PURE__ */ e(Q, {
408
- headline: a,
409
- pretitle: n,
411
+ className: De,
412
+ children: /* @__PURE__ */ e($, {
413
+ headline: r,
414
+ pretitle: i,
410
415
  pretitleLinesMax: l,
411
- title: o,
416
+ title: d,
412
417
  titleLinesMax: c,
413
- subtitle: u,
418
+ subtitle: m,
414
419
  subtitleLinesMax: s,
415
420
  description: p,
416
- descriptionLinesMax: t,
417
- extra: d,
418
- button: f,
419
- buttonLink: v
421
+ descriptionLinesMax: o,
422
+ extra: h,
423
+ button: y,
424
+ buttonLink: S
420
425
  })
426
+ }),
427
+ t && /* @__PURE__ */ e(B, {
428
+ className: ze,
429
+ paddingLeft: {
430
+ mobile: 16,
431
+ desktop: 24
432
+ },
433
+ paddingTop: {
434
+ mobile: 16,
435
+ desktop: 24
436
+ },
437
+ children: t
421
438
  })
422
439
  ]
423
440
  })
424
441
  ]
425
442
  }))
426
443
  }),
427
- /* @__PURE__ */ e(k, {
428
- onClose: b,
429
- actions: m,
444
+ /* @__PURE__ */ e(P, {
445
+ onClose: u,
446
+ actions: f,
430
447
  type: "media"
431
448
  })
432
449
  ]
433
450
  });
434
- }), wr = /*#__PURE__*/ C.forwardRef((_param, S)=>{
435
- var { media: r , headline: a , pretitle: n , pretitleLinesMax: l , subtitle: u , subtitleLinesMax: s , title: o , titleLinesMax: c , description: p , descriptionLinesMax: t , extra: d , actions: m , button: f , buttonLink: v , dataAttributes: A , "aria-label": y , onClose: b } = _param, h = _object_without_properties(_param, [
451
+ }), Ba = /*#__PURE__*/ g.forwardRef((_param, T)=>{
452
+ var { media: a , headline: r , pretitle: i , pretitleLinesMax: l , subtitle: m , subtitleLinesMax: s , title: d , titleLinesMax: c , description: p , descriptionLinesMax: t , extra: o , actions: h , button: f , buttonLink: y , dataAttributes: S , "aria-label": C , onClose: A } = _param, u = _object_without_properties(_param, [
436
453
  "media",
437
454
  "headline",
438
455
  "pretitle",
@@ -451,65 +468,65 @@ const ye = (r, a)=>{
451
468
  "aria-label",
452
469
  "onClose"
453
470
  ]);
454
- const g = h.href || h.to || h.onPress, B = r && r.type === q && r.props.circular;
455
- return /* @__PURE__ */ i(H, {
456
- ref: S,
471
+ const v = u.href || u.to || u.onPress, w = a && a.type === q && a.props.circular;
472
+ return /* @__PURE__ */ n(H, {
473
+ ref: T,
457
474
  dataAttributes: _object_spread({
458
475
  "component-name": "NakedCard"
459
- }, A),
460
- "aria-label": y,
461
- className: g ? z : void 0,
476
+ }, S),
477
+ "aria-label": C,
478
+ className: v ? z : void 0,
462
479
  children: [
463
480
  /* @__PURE__ */ e(D, _object_spread_props(_object_spread({
464
481
  maybe: !0
465
- }, h), {
482
+ }, u), {
466
483
  className: O,
467
- "aria-label": y,
468
- children: /* @__PURE__ */ i("div", {
484
+ "aria-label": C,
485
+ children: /* @__PURE__ */ n("div", {
469
486
  className: J,
470
487
  children: [
471
- /* @__PURE__ */ i("div", {
488
+ /* @__PURE__ */ n("div", {
472
489
  style: {
473
490
  position: "relative"
474
491
  },
475
492
  children: [
476
- g && /* @__PURE__ */ e("div", {
477
- className: L(ne, {
478
- [te]: B
493
+ v && /* @__PURE__ */ e("div", {
494
+ className: Q(ie, {
495
+ [ne]: w
479
496
  })
480
497
  }),
481
- r
498
+ a
482
499
  ]
483
500
  }),
484
501
  /* @__PURE__ */ e("div", {
485
- className: se,
486
- children: /* @__PURE__ */ e(Q, {
487
- headline: a,
488
- pretitle: n,
502
+ className: te,
503
+ children: /* @__PURE__ */ e($, {
504
+ headline: r,
505
+ pretitle: i,
489
506
  pretitleLinesMax: l,
490
- title: o,
507
+ title: d,
491
508
  titleLinesMax: c,
492
- subtitle: u,
509
+ subtitle: m,
493
510
  subtitleLinesMax: s,
494
511
  description: p,
495
512
  descriptionLinesMax: t,
496
- extra: d,
513
+ extra: o,
497
514
  button: f,
498
- buttonLink: v
515
+ buttonLink: y
499
516
  })
500
517
  })
501
518
  ]
502
519
  })
503
520
  })),
504
- /* @__PURE__ */ e(k, {
505
- onClose: b,
506
- actions: m,
521
+ /* @__PURE__ */ e(P, {
522
+ onClose: A,
523
+ actions: h,
507
524
  type: "media"
508
525
  })
509
526
  ]
510
527
  });
511
- }), Br = /*#__PURE__*/ C.forwardRef((_param, m)=>{
512
- var { media: r , title: a , titleLinesMax: n , subtitle: l , subtitleLinesMax: u , description: s , descriptionLinesMax: o , extra: c , dataAttributes: p , "aria-label": t } = _param, d = _object_without_properties(_param, [
528
+ }), Ra = /*#__PURE__*/ g.forwardRef((_param, h)=>{
529
+ var { media: a , title: r , titleLinesMax: i , subtitle: l , subtitleLinesMax: m , description: s , descriptionLinesMax: d , extra: c , dataAttributes: p , "aria-label": t } = _param, o = _object_without_properties(_param, [
513
530
  "media",
514
531
  "title",
515
532
  "titleLinesMax",
@@ -521,9 +538,9 @@ const ye = (r, a)=>{
521
538
  "dataAttributes",
522
539
  "aria-label"
523
540
  ]);
524
- const f = d.href || d.to || d.onPress, v = r && r.type === q && r.props.circular;
541
+ const f = o.href || o.to || o.onPress, y = a && a.type === q && a.props.circular;
525
542
  return /* @__PURE__ */ e(H, {
526
- ref: m,
543
+ ref: h,
527
544
  dataAttributes: _object_spread({
528
545
  "component-name": "SmallNakedCard"
529
546
  }, p),
@@ -531,42 +548,42 @@ const ye = (r, a)=>{
531
548
  className: f ? z : void 0,
532
549
  children: /* @__PURE__ */ e(D, _object_spread_props(_object_spread({
533
550
  maybe: !0
534
- }, d), {
551
+ }, o), {
535
552
  className: O,
536
553
  "aria-label": t,
537
- children: /* @__PURE__ */ i("div", {
554
+ children: /* @__PURE__ */ n("div", {
538
555
  className: J,
539
556
  children: [
540
- /* @__PURE__ */ i("div", {
557
+ /* @__PURE__ */ n("div", {
541
558
  style: {
542
559
  position: "relative"
543
560
  },
544
561
  children: [
545
562
  f && /* @__PURE__ */ e("div", {
546
- className: L(ne, {
547
- [te]: v
563
+ className: Q(ie, {
564
+ [ne]: y
548
565
  })
549
566
  }),
550
- r
567
+ a
551
568
  ]
552
569
  }),
553
- /* @__PURE__ */ i("div", {
554
- className: se,
570
+ /* @__PURE__ */ n("div", {
571
+ className: te,
555
572
  children: [
556
- /* @__PURE__ */ i("div", {
573
+ /* @__PURE__ */ n("div", {
557
574
  children: [
558
- /* @__PURE__ */ i(T, {
575
+ /* @__PURE__ */ n(N, {
559
576
  space: 8,
560
577
  children: [
561
- a && /* @__PURE__ */ e(x, {
562
- truncate: n,
578
+ r && /* @__PURE__ */ e(b, {
579
+ truncate: i,
563
580
  as: "h3",
564
581
  regular: !0,
565
582
  hyphens: "auto",
566
- children: a
583
+ children: r
567
584
  }),
568
- l && /* @__PURE__ */ e(x, {
569
- truncate: u,
585
+ l && /* @__PURE__ */ e(b, {
586
+ truncate: m,
570
587
  regular: !0,
571
588
  as: "p",
572
589
  hyphens: "auto",
@@ -574,11 +591,11 @@ const ye = (r, a)=>{
574
591
  })
575
592
  ]
576
593
  }),
577
- s && /* @__PURE__ */ e(x, {
578
- truncate: o,
594
+ s && /* @__PURE__ */ e(b, {
595
+ truncate: d,
579
596
  regular: !0,
580
597
  as: "p",
581
- color: N.colors.textSecondary,
598
+ color: x.colors.textSecondary,
582
599
  hyphens: "auto",
583
600
  children: s
584
601
  })
@@ -593,8 +610,8 @@ const ye = (r, a)=>{
593
610
  })
594
611
  }))
595
612
  });
596
- }), Ir = /*#__PURE__*/ C.forwardRef((_param, S)=>{
597
- var { icon: r , headline: a , pretitle: n , pretitleLinesMax: l , title: u , titleLinesMax: s , subtitle: o , subtitleLinesMax: c , description: p , descriptionLinesMax: t , extra: d , actions: m , button: f , buttonLink: v , dataAttributes: A , "aria-label": y , onClose: b } = _param, h = _object_without_properties(_param, [
613
+ }), Ma = /*#__PURE__*/ g.forwardRef((_param, T)=>{
614
+ var { icon: a , headline: r , pretitle: i , pretitleLinesMax: l , title: m , titleLinesMax: s , subtitle: d , subtitleLinesMax: c , description: p , descriptionLinesMax: t , extra: o , actions: h , button: f , buttonLink: y , dataAttributes: S , "aria-label": C , onClose: A } = _param, u = _object_without_properties(_param, [
598
615
  "icon",
599
616
  "headline",
600
617
  "pretitle",
@@ -613,68 +630,68 @@ const ye = (r, a)=>{
613
630
  "aria-label",
614
631
  "onClose"
615
632
  ]);
616
- const g = !!r, B = h.href || h.to || h.onPress, _ = ye(m, b), E = {
633
+ const v = !!a, w = u.href || u.to || u.onPress, _ = ye(h, A), E = {
617
634
  marginRight: -16,
618
635
  marginTop: -24,
619
- width: ge * _.length
636
+ width: ve * _.length
620
637
  };
621
- return /* @__PURE__ */ i(H, {
638
+ return /* @__PURE__ */ n(H, {
622
639
  dataAttributes: _object_spread({
623
640
  "component-name": "DataCard"
624
- }, A),
625
- ref: S,
626
- "aria-label": y,
641
+ }, S),
642
+ ref: T,
643
+ "aria-label": C,
627
644
  className: z,
628
645
  children: [
629
- /* @__PURE__ */ e(Z, {
630
- className: W,
646
+ /* @__PURE__ */ e(Y, {
647
+ className: G,
631
648
  width: "100%",
632
649
  height: "100%",
633
- children: /* @__PURE__ */ i(D, _object_spread_props(_object_spread({
650
+ children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
634
651
  maybe: !0
635
- }, h), {
652
+ }, u), {
636
653
  className: O,
637
- "aria-label": y,
654
+ "aria-label": C,
638
655
  children: [
639
- B && /* @__PURE__ */ e("div", {
656
+ w && /* @__PURE__ */ e("div", {
640
657
  className: K
641
658
  }),
642
- /* @__PURE__ */ i("div", {
643
- className: He,
659
+ /* @__PURE__ */ n("div", {
660
+ className: Oe,
644
661
  children: [
645
- /* @__PURE__ */ i(Ze, {
662
+ /* @__PURE__ */ n(Ze, {
646
663
  space: 0,
647
664
  children: [
648
- /* @__PURE__ */ i(T, {
665
+ /* @__PURE__ */ n(N, {
649
666
  space: 16,
650
667
  children: [
651
- g ? r : null,
652
- /* @__PURE__ */ e(Q, {
653
- headline: a,
654
- pretitle: n,
668
+ v ? a : null,
669
+ /* @__PURE__ */ e($, {
670
+ headline: r,
671
+ pretitle: i,
655
672
  pretitleLinesMax: l,
656
- title: u,
673
+ title: m,
657
674
  titleLinesMax: s,
658
- subtitle: o,
675
+ subtitle: d,
659
676
  subtitleLinesMax: c,
660
677
  description: p,
661
678
  descriptionLinesMax: t
662
679
  })
663
680
  ]
664
681
  }),
665
- !g && /* @__PURE__ */ e("div", {
682
+ !v && /* @__PURE__ */ e("div", {
666
683
  style: E
667
684
  })
668
685
  ]
669
686
  }),
670
- d && /* @__PURE__ */ e("div", {
671
- children: d
687
+ o && /* @__PURE__ */ e("div", {
688
+ children: o
672
689
  }),
673
- (f || v) && /* @__PURE__ */ e("div", {
674
- className: le,
675
- children: /* @__PURE__ */ e($, {
690
+ (f || y) && /* @__PURE__ */ e("div", {
691
+ className: se,
692
+ children: /* @__PURE__ */ e(Z, {
676
693
  primaryButton: f,
677
- link: v
694
+ link: y
678
695
  })
679
696
  })
680
697
  ]
@@ -682,15 +699,15 @@ const ye = (r, a)=>{
682
699
  ]
683
700
  }))
684
701
  }),
685
- /* @__PURE__ */ e(k, {
686
- onClose: b,
687
- actions: m,
702
+ /* @__PURE__ */ e(P, {
703
+ onClose: A,
704
+ actions: h,
688
705
  type: "default"
689
706
  })
690
707
  ]
691
708
  });
692
- }), Rr = /*#__PURE__*/ C.forwardRef((_param, d)=>{
693
- var { icon: r , title: a , titleLinesMax: n , subtitle: l , subtitleLinesMax: u , dataAttributes: s , "aria-label": o , extra: c , isInverse: p = !1 } = _param, t = _object_without_properties(_param, [
709
+ }), Da = /*#__PURE__*/ g.forwardRef((_param, o)=>{
710
+ var { icon: a , title: r , titleLinesMax: i , subtitle: l , subtitleLinesMax: m , dataAttributes: s , "aria-label": d , extra: c , isInverse: p = !1 } = _param, t = _object_without_properties(_param, [
694
711
  "icon",
695
712
  "title",
696
713
  "titleLinesMax",
@@ -701,50 +718,50 @@ const ye = (r, a)=>{
701
718
  "extra",
702
719
  "isInverse"
703
720
  ]);
704
- const m = t.href || t.to || t.onPress, f = p ? ue : K;
721
+ const h = t.href || t.to || t.onPress, f = p ? me : K;
705
722
  return /* @__PURE__ */ e(H, {
706
723
  dataAttributes: _object_spread({
707
724
  "component-name": "SnapCard"
708
725
  }, s),
709
- ref: d,
726
+ ref: o,
710
727
  className: z,
711
- children: /* @__PURE__ */ e(Z, {
712
- className: W,
728
+ children: /* @__PURE__ */ e(Y, {
729
+ className: G,
713
730
  isInverse: p,
714
731
  width: "100%",
715
732
  height: "100%",
716
- children: /* @__PURE__ */ i(D, _object_spread_props(_object_spread({
733
+ children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
717
734
  maybe: !0
718
735
  }, t), {
719
736
  className: O,
720
- "aria-label": o,
737
+ "aria-label": d,
721
738
  children: [
722
- m && /* @__PURE__ */ e("div", {
739
+ h && /* @__PURE__ */ e("div", {
723
740
  className: f
724
741
  }),
725
- /* @__PURE__ */ i("section", {
726
- className: _e,
742
+ /* @__PURE__ */ n("section", {
743
+ className: He,
727
744
  children: [
728
- /* @__PURE__ */ i("div", {
745
+ /* @__PURE__ */ n("div", {
729
746
  children: [
730
- r && /* @__PURE__ */ e(M, {
747
+ a && /* @__PURE__ */ e(B, {
731
748
  paddingBottom: 16,
732
- children: r
749
+ children: a
733
750
  }),
734
- /* @__PURE__ */ i(T, {
751
+ /* @__PURE__ */ n(N, {
735
752
  space: 4,
736
753
  children: [
737
- a && /* @__PURE__ */ e(x, {
738
- truncate: n,
754
+ r && /* @__PURE__ */ e(b, {
755
+ truncate: i,
739
756
  as: "h3",
740
757
  regular: !0,
741
758
  hyphens: "auto",
742
- children: a
759
+ children: r
743
760
  }),
744
- l && /* @__PURE__ */ e(x, {
745
- truncate: u,
761
+ l && /* @__PURE__ */ e(b, {
762
+ truncate: m,
746
763
  regular: !0,
747
- color: N.colors.textSecondary,
764
+ color: x.colors.textSecondary,
748
765
  as: "p",
749
766
  hyphens: "auto",
750
767
  children: l
@@ -762,8 +779,8 @@ const ye = (r, a)=>{
762
779
  }))
763
780
  })
764
781
  });
765
- }), Qe = 264, Te = /*#__PURE__*/ C.forwardRef((_param, w)=>{
766
- var { isInverse: r , backgroundImage: a , backgroundVideo: n , backgroundVideoRef: l , poster: u , icon: s , headline: o , pretitle: c , pretitleLinesMax: p , title: t , titleLinesMax: d , description: m , descriptionLinesMax: f , extra: v , button: A , secondaryButton: y , onClose: b , actions: h , buttonLink: S , dataAttributes: g , width: B , height: _ , aspectRatio: E , "aria-label": G } = _param, I = _object_without_properties(_param, [
782
+ }), ea = 264, Ce = /*#__PURE__*/ g.forwardRef((_param, I)=>{
783
+ var { isInverse: a , backgroundImage: r , backgroundVideo: i , backgroundVideoRef: l , poster: m , icon: s , headline: d , pretitle: c , pretitleLinesMax: p , title: t , titleLinesMax: o , description: h , descriptionLinesMax: f , extra: y , button: S , secondaryButton: C , onClose: A , actions: u , buttonLink: T , dataAttributes: v , width: w , height: _ , aspectRatio: E , "aria-label": W } = _param, R = _object_without_properties(_param, [
767
784
  "isInverse",
768
785
  "backgroundImage",
769
786
  "backgroundVideo",
@@ -789,94 +806,94 @@ const ye = (r, a)=>{
789
806
  "aspectRatio",
790
807
  "aria-label"
791
808
  ]);
792
- const X = Ne(a), { video: P , videoAction: U } = Ce(n, u, l);
793
- n && (h = [
794
- U
795
- ]);
796
- const j = fe(), R = !!a || !!n, Y = R ? "0 0 16px rgba(0,0,0,0.4)" : void 0, be = (h == null ? void 0 : h.length) || b, xe = I.href || I.to || I.onPress, Ae = a || n ? me : r ? ue : K;
797
- return /* @__PURE__ */ i(H, {
798
- dataAttributes: g,
799
- ref: w,
800
- width: B,
809
+ const X = ge(r), { video: j , videoAction: F } = Ne(i, m, l);
810
+ i && (u = F ? [
811
+ F
812
+ ] : []);
813
+ const k = ue(), M = !!r || !!i, U = M ? "0 0 16px rgba(0,0,0,0.4)" : void 0, V = (u == null ? void 0 : u.length) || A, Te = R.href || R.to || R.onPress, xe = r || i ? he : a ? me : K;
814
+ return /* @__PURE__ */ n(H, {
815
+ dataAttributes: v,
816
+ ref: I,
817
+ width: w,
801
818
  height: _,
802
819
  aspectRatio: E,
803
- "aria-label": G,
804
- minWidth: Qe,
820
+ "aria-label": W,
821
+ minWidth: ea,
805
822
  className: z,
806
823
  children: [
807
- /* @__PURE__ */ e(ie, {
808
- borderRadius: N.borderRadii.legacyDisplay,
809
- className: W,
824
+ /* @__PURE__ */ e(re, {
825
+ borderRadius: x.borderRadii.legacyDisplay,
826
+ className: G,
810
827
  width: "100%",
811
828
  minHeight: "100%",
812
- isInverse: r,
813
- background: a || n ? j ? N.colors.backgroundContainerBrandOverInverse : N.colors.backgroundContainer : void 0,
814
- children: /* @__PURE__ */ i(D, _object_spread_props(_object_spread({
829
+ isInverse: a,
830
+ background: r || i ? k ? x.colors.backgroundContainerBrandOverInverse : x.colors.backgroundContainer : void 0,
831
+ children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
815
832
  maybe: !0
816
- }, I), {
833
+ }, R), {
817
834
  className: O,
818
- "aria-label": G,
835
+ "aria-label": W,
819
836
  children: [
820
- xe && /* @__PURE__ */ e("div", {
821
- className: Ae
837
+ Te && /* @__PURE__ */ e("div", {
838
+ className: xe
822
839
  }),
823
- /* @__PURE__ */ i("div", {
824
- className: de,
840
+ /* @__PURE__ */ n("div", {
841
+ className: le,
825
842
  children: [
826
- /* @__PURE__ */ e(ve, {
827
- isInverse: j,
843
+ /* @__PURE__ */ e(fe, {
844
+ isInverse: k,
828
845
  children: /* @__PURE__ */ e("div", {
829
846
  className: oe,
830
- children: n ? P : a ? X : void 0
847
+ children: i ? j : r ? X : void 0
831
848
  })
832
849
  }),
833
- /* @__PURE__ */ i("div", {
834
- className: ce,
850
+ /* @__PURE__ */ n("div", {
851
+ className: de,
835
852
  style: {
836
- paddingTop: R && !s && !be ? 0 : 24
853
+ paddingTop: M && !s && !V && !i ? 0 : 24
837
854
  },
838
855
  children: [
839
- s ? /* @__PURE__ */ e(M, {
840
- paddingBottom: R ? 0 : 40,
856
+ s ? /* @__PURE__ */ e(B, {
857
+ paddingBottom: M ? 0 : 40,
841
858
  paddingX: 24,
842
859
  children: s
843
- }) : /* @__PURE__ */ e(M, {
844
- paddingBottom: h != null && h.length || b ? R ? 24 : 64 : 0
860
+ }) : /* @__PURE__ */ e(B, {
861
+ paddingBottom: V || i ? M ? 24 : 64 : 0
845
862
  }),
846
- /* @__PURE__ */ e(M, {
863
+ /* @__PURE__ */ e(B, {
847
864
  paddingX: 24,
848
- paddingTop: R ? 40 : 0,
865
+ paddingTop: M ? 40 : 0,
849
866
  paddingBottom: 24,
850
- className: R ? he : void 0,
851
- children: /* @__PURE__ */ i(T, {
867
+ className: M ? ce : void 0,
868
+ children: /* @__PURE__ */ n(N, {
852
869
  space: 24,
853
870
  children: [
854
- /* @__PURE__ */ i("div", {
871
+ /* @__PURE__ */ n("div", {
855
872
  children: [
856
- /* @__PURE__ */ i(T, {
873
+ /* @__PURE__ */ n(N, {
857
874
  space: 8,
858
875
  children: [
859
- (o || c || t) && /* @__PURE__ */ e("header", {
860
- children: /* @__PURE__ */ i(T, {
876
+ (d || c || t) && /* @__PURE__ */ e("header", {
877
+ children: /* @__PURE__ */ n(N, {
861
878
  space: 16,
862
879
  children: [
863
- o,
864
- /* @__PURE__ */ i(T, {
880
+ d,
881
+ /* @__PURE__ */ n(N, {
865
882
  space: 4,
866
883
  children: [
867
- c && /* @__PURE__ */ e(x, {
884
+ c && /* @__PURE__ */ e(b, {
868
885
  forceMobileSizes: !0,
869
886
  truncate: p,
870
887
  as: "div",
871
888
  regular: !0,
872
- textShadow: Y,
889
+ textShadow: U,
873
890
  children: c
874
891
  }),
875
- /* @__PURE__ */ e(Be, {
892
+ /* @__PURE__ */ e(Se, {
876
893
  forceMobileSizes: !0,
877
- truncate: d,
894
+ truncate: o,
878
895
  as: "h3",
879
- textShadow: Y,
896
+ textShadow: U,
880
897
  hyphens: "auto",
881
898
  children: t
882
899
  })
@@ -885,25 +902,25 @@ const ye = (r, a)=>{
885
902
  ]
886
903
  })
887
904
  }),
888
- m && /* @__PURE__ */ e(Ie, {
905
+ h && /* @__PURE__ */ e(we, {
889
906
  forceMobileSizes: !0,
890
907
  truncate: f,
891
908
  as: "p",
892
909
  regular: !0,
893
- color: R ? N.colors.textPrimary : N.colors.textSecondary,
894
- textShadow: Y,
910
+ color: M ? x.colors.textPrimary : x.colors.textSecondary,
911
+ textShadow: U,
895
912
  hyphens: "auto",
896
- children: m
913
+ children: h
897
914
  })
898
915
  ]
899
916
  }),
900
- v
917
+ y
901
918
  ]
902
919
  }),
903
- (A || y || S) && /* @__PURE__ */ e($, {
904
- primaryButton: A,
905
- secondaryButton: y,
906
- link: S
920
+ (S || C || T) && /* @__PURE__ */ e(Z, {
921
+ primaryButton: S,
922
+ secondaryButton: C,
923
+ link: T
907
924
  })
908
925
  ]
909
926
  })
@@ -915,36 +932,36 @@ const ye = (r, a)=>{
915
932
  ]
916
933
  }))
917
934
  }),
918
- /* @__PURE__ */ e(k, {
919
- onClose: b,
920
- actions: h,
921
- type: a || n ? "media" : r ? "inverse" : "default"
935
+ /* @__PURE__ */ e(P, {
936
+ onClose: A,
937
+ actions: u,
938
+ type: r || i ? "media" : a ? "inverse" : "default"
922
939
  })
923
940
  ]
924
941
  });
925
- }), Mr = /*#__PURE__*/ C.forwardRef((_param, n)=>/* @__PURE__ */ {
926
- var { dataAttributes: r } = _param, a = _object_without_properties(_param, [
942
+ }), za = /*#__PURE__*/ g.forwardRef((_param, i)=>/* @__PURE__ */ {
943
+ var { dataAttributes: a } = _param, r = _object_without_properties(_param, [
927
944
  "dataAttributes"
928
945
  ]);
929
- return e(Te, _object_spread_props(_object_spread({}, a), {
930
- ref: n,
946
+ return e(Ce, _object_spread_props(_object_spread({}, r), {
947
+ ref: i,
931
948
  isInverse: !0,
932
- dataAttributes: _object_spread_props(_object_spread({}, r), {
949
+ dataAttributes: _object_spread_props(_object_spread({}, a), {
933
950
  "component-name": "DisplayMediaCard"
934
951
  })
935
952
  }));
936
- }), Dr = /*#__PURE__*/ C.forwardRef((_param, n)=>/* @__PURE__ */ {
937
- var { dataAttributes: r } = _param, a = _object_without_properties(_param, [
953
+ }), Oa = /*#__PURE__*/ g.forwardRef((_param, i)=>/* @__PURE__ */ {
954
+ var { dataAttributes: a } = _param, r = _object_without_properties(_param, [
938
955
  "dataAttributes"
939
956
  ]);
940
- return e(Te, _object_spread_props(_object_spread({}, a), {
941
- ref: n,
942
- dataAttributes: _object_spread_props(_object_spread({}, r), {
957
+ return e(Ce, _object_spread_props(_object_spread({}, r), {
958
+ ref: i,
959
+ dataAttributes: _object_spread_props(_object_spread({}, a), {
943
960
  "component-name": "DisplayDataCard"
944
961
  })
945
962
  }));
946
- }), Ve = 140, zr = /*#__PURE__*/ C.forwardRef((_param, B)=>{
947
- var { dataAttributes: r , backgroundImage: a , backgroundVideo: n , poster: l , backgroundVideoRef: u , width: s , height: o , aspectRatio: c = "7:10" , ariaLabel: p , actions: t , onClose: d , icon: m , headline: f , pretitle: v , pretitleLinesMax: A , title: y , titleLinesMax: b , description: h , descriptionLinesMax: S } = _param, g = _object_without_properties(_param, [
963
+ }), aa = 140, Ha = /*#__PURE__*/ g.forwardRef((_param, w)=>{
964
+ var { dataAttributes: a , backgroundImage: r , backgroundVideo: i , poster: l , backgroundVideoRef: m , width: s , height: d , aspectRatio: c = "7:10" , ariaLabel: p , actions: t , onClose: o , icon: h , headline: f , pretitle: y , pretitleLinesMax: S , title: C , titleLinesMax: A , description: u , descriptionLinesMax: T } = _param, v = _object_without_properties(_param, [
948
965
  "dataAttributes",
949
966
  "backgroundImage",
950
967
  "backgroundVideo",
@@ -965,114 +982,114 @@ const ye = (r, a)=>{
965
982
  "description",
966
983
  "descriptionLinesMax"
967
984
  ]);
968
- const _ = Ne(a), { video: E , videoAction: G } = Ce(n, l, u);
969
- n && (t = [
970
- G
971
- ]);
972
- const I = fe(), w = !!a || !!n, X = w ? "0 0 16px rgba(0,0,0,0.4)" : void 0, P = (t == null ? void 0 : t.length) || d, { textPresets: U } = F(), j = g.href || g.to || g.onPress;
973
- return /* @__PURE__ */ i(H, {
985
+ const _ = ge(r), { video: E , videoAction: W } = Ne(i, l, m);
986
+ i && (t = W ? [
987
+ W
988
+ ] : []);
989
+ const R = ue(), I = !!r || !!i, X = I ? "0 0 16px rgba(0,0,0,0.4)" : void 0, j = (t == null ? void 0 : t.length) || o, { textPresets: F } = L(), k = v.href || v.to || v.onPress;
990
+ return /* @__PURE__ */ n(H, {
974
991
  width: s,
975
- height: o,
976
- dataAttributes: _object_spread_props(_object_spread({}, r), {
992
+ height: d,
993
+ dataAttributes: _object_spread_props(_object_spread({}, a), {
977
994
  "component-name": "PosterCard"
978
995
  }),
979
- ref: B,
980
- minWidth: Ve,
996
+ ref: w,
997
+ minWidth: aa,
981
998
  aspectRatio: c,
982
999
  "aria-label": p,
983
1000
  className: z,
984
1001
  children: [
985
- /* @__PURE__ */ e(ie, {
986
- borderRadius: N.borderRadii.legacyDisplay,
987
- className: W,
1002
+ /* @__PURE__ */ e(re, {
1003
+ borderRadius: x.borderRadii.legacyDisplay,
1004
+ className: G,
988
1005
  width: "100%",
989
1006
  minHeight: "100%",
990
1007
  isInverse: !0,
991
- background: a || n ? I ? N.colors.backgroundContainerBrandOverInverse : N.colors.backgroundContainer : void 0,
992
- children: /* @__PURE__ */ i(D, _object_spread_props(_object_spread({
1008
+ background: r || i ? R ? x.colors.backgroundContainerBrandOverInverse : x.colors.backgroundContainer : void 0,
1009
+ children: /* @__PURE__ */ n(D, _object_spread_props(_object_spread({
993
1010
  maybe: !0
994
- }, g), {
1011
+ }, v), {
995
1012
  className: O,
996
1013
  "aria-label": p,
997
1014
  children: [
998
- j && /* @__PURE__ */ e("div", {
999
- className: me
1015
+ k && /* @__PURE__ */ e("div", {
1016
+ className: he
1000
1017
  }),
1001
- /* @__PURE__ */ i("div", {
1002
- className: de,
1018
+ /* @__PURE__ */ n("div", {
1019
+ className: le,
1003
1020
  children: [
1004
- /* @__PURE__ */ e(ve, {
1005
- isInverse: I,
1021
+ /* @__PURE__ */ e(fe, {
1022
+ isInverse: R,
1006
1023
  children: /* @__PURE__ */ e("div", {
1007
1024
  className: oe,
1008
- children: n ? E : a ? _ : void 0
1025
+ children: i ? E : r ? _ : void 0
1009
1026
  })
1010
1027
  }),
1011
- /* @__PURE__ */ i("div", {
1012
- className: ce,
1028
+ /* @__PURE__ */ n("div", {
1029
+ className: de,
1013
1030
  style: {
1014
- paddingTop: w && !m && !P ? 0 : 24
1031
+ paddingTop: I && !h && !j && !i ? 0 : 24
1015
1032
  },
1016
1033
  children: [
1017
- m ? /* @__PURE__ */ e(M, {
1018
- paddingBottom: w ? 0 : 40,
1034
+ h ? /* @__PURE__ */ e(B, {
1035
+ paddingBottom: I ? 0 : 40,
1019
1036
  paddingX: 24,
1020
- children: m
1021
- }) : /* @__PURE__ */ e(M, {
1022
- paddingBottom: t != null && t.length || d ? w ? 24 : 64 : 0
1037
+ children: h
1038
+ }) : /* @__PURE__ */ e(B, {
1039
+ paddingBottom: j || i ? I ? 24 : 64 : 0
1023
1040
  }),
1024
- /* @__PURE__ */ e(M, {
1041
+ /* @__PURE__ */ e(B, {
1025
1042
  paddingX: 16,
1026
- paddingTop: w ? 40 : 0,
1043
+ paddingTop: I ? 40 : 0,
1027
1044
  paddingBottom: 24,
1028
- className: w ? he : void 0,
1029
- children: /* @__PURE__ */ e(T, {
1045
+ className: I ? ce : void 0,
1046
+ children: /* @__PURE__ */ e(N, {
1030
1047
  space: 24,
1031
1048
  children: /* @__PURE__ */ e("div", {
1032
- children: /* @__PURE__ */ i(T, {
1049
+ children: /* @__PURE__ */ n(N, {
1033
1050
  space: 8,
1034
1051
  children: [
1035
- (f || v || y) && /* @__PURE__ */ e("header", {
1036
- children: /* @__PURE__ */ i(T, {
1052
+ (f || y || C) && /* @__PURE__ */ e("header", {
1053
+ children: /* @__PURE__ */ n(N, {
1037
1054
  space: 16,
1038
1055
  children: [
1039
1056
  f,
1040
- /* @__PURE__ */ i(T, {
1057
+ /* @__PURE__ */ n(N, {
1041
1058
  space: 4,
1042
1059
  children: [
1043
- v && /* @__PURE__ */ e(x, {
1060
+ y && /* @__PURE__ */ e(b, {
1044
1061
  forceMobileSizes: !0,
1045
- truncate: A,
1062
+ truncate: S,
1046
1063
  as: "div",
1047
1064
  regular: !0,
1048
1065
  textShadow: X,
1049
1066
  hyphens: "auto",
1050
- children: v
1067
+ children: y
1051
1068
  }),
1052
1069
  /* @__PURE__ */ e(ae, {
1053
1070
  desktopSize: 20,
1054
1071
  mobileSize: 18,
1055
1072
  mobileLineHeight: "24px",
1056
1073
  desktopLineHeight: "28px",
1057
- truncate: b,
1058
- weight: U.cardTitle.weight,
1074
+ truncate: A,
1075
+ weight: F.cardTitle.weight,
1059
1076
  as: "h3",
1060
1077
  hyphens: "auto",
1061
- children: y
1078
+ children: C
1062
1079
  })
1063
1080
  ]
1064
1081
  })
1065
1082
  ]
1066
1083
  })
1067
1084
  }),
1068
- h && /* @__PURE__ */ e(x, {
1085
+ u && /* @__PURE__ */ e(b, {
1069
1086
  forceMobileSizes: !0,
1070
- truncate: S,
1087
+ truncate: T,
1071
1088
  as: "p",
1072
1089
  regular: !0,
1073
1090
  textShadow: X,
1074
1091
  hyphens: "auto",
1075
- children: h
1092
+ children: u
1076
1093
  })
1077
1094
  ]
1078
1095
  })
@@ -1086,12 +1103,12 @@ const ye = (r, a)=>{
1086
1103
  ]
1087
1104
  }))
1088
1105
  }),
1089
- /* @__PURE__ */ e(k, {
1090
- onClose: d,
1106
+ /* @__PURE__ */ e(P, {
1107
+ onClose: o,
1091
1108
  actions: t,
1092
1109
  type: "media"
1093
1110
  })
1094
1111
  ]
1095
1112
  });
1096
1113
  });
1097
- export { k as CardActionsGroup, Ir as DataCard, Dr as DisplayDataCard, Mr as DisplayMediaCard, Sr as MediaCard, wr as NakedCard, zr as PosterCard, Br as SmallNakedCard, Rr as SnapCard };
1114
+ export { $e as CardActionSpinner, P as CardActionsGroup, Ma as DataCard, Oa as DisplayDataCard, za as DisplayMediaCard, Ia as MediaCard, Ba as NakedCard, Ha as PosterCard, Ra as SmallNakedCard, Da as SnapCard };