@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.
Files changed (163) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/card.d.ts +2 -1
  3. package/dist/card.js +74 -74
  4. package/dist/community/advanced-data-card.css-mistica.js +19 -16
  5. package/dist/community/advanced-data-card.css.d.ts +2 -1
  6. package/dist/community/advanced-data-card.js +106 -102
  7. package/dist/community/blocks.js +14 -14
  8. package/dist/date-time-field.js +13 -9
  9. package/dist/form.js +15 -15
  10. package/dist/generated/mistica-icons/icon-add-more-location-filled.js +1 -1
  11. package/dist/generated/mistica-icons/icon-add-more-location-regular.js +1 -1
  12. package/dist/generated/mistica-icons/icon-add-more-query-light.js +1 -1
  13. package/dist/generated/mistica-icons/icon-adn-filled.js +1 -1
  14. package/dist/generated/mistica-icons/icon-adn-regular.js +1 -1
  15. package/dist/generated/mistica-icons/icon-alarm-light-cross-filled.js +1 -1
  16. package/dist/generated/mistica-icons/icon-alarm-light-cross-light.js +1 -1
  17. package/dist/generated/mistica-icons/icon-ambulance-filled.js +1 -1
  18. package/dist/generated/mistica-icons/icon-ambulance-light.js +1 -1
  19. package/dist/generated/mistica-icons/icon-ambulance-regular.js +5 -5
  20. package/dist/generated/mistica-icons/icon-api-filled.js +1 -1
  21. package/dist/generated/mistica-icons/icon-api-light.js +1 -1
  22. package/dist/generated/mistica-icons/icon-arrow-down-left-regular.js +1 -1
  23. package/dist/generated/mistica-icons/icon-arrow-down-light.js +1 -1
  24. package/dist/generated/mistica-icons/icon-arrow-down-right-light.js +1 -1
  25. package/dist/generated/mistica-icons/icon-bell-regular.js +1 -1
  26. package/dist/generated/mistica-icons/icon-bicycle-bike-filled.js +1 -1
  27. package/dist/generated/mistica-icons/icon-blog-regular.js +1 -1
  28. package/dist/generated/mistica-icons/icon-boat-light.js +1 -1
  29. package/dist/generated/mistica-icons/icon-book-filled.js +1 -1
  30. package/dist/generated/mistica-icons/icon-book-light.js +3 -3
  31. package/dist/generated/mistica-icons/icon-bug-filled.js +1 -1
  32. package/dist/generated/mistica-icons/icon-calendar-filled.js +1 -1
  33. package/dist/generated/mistica-icons/icon-data-shield-regular.js +15 -15
  34. package/dist/generated/mistica-icons/icon-database-regular.js +1 -1
  35. package/dist/generated/mistica-icons/icon-delivery-van-moving-regular.js +1 -1
  36. package/dist/generated/mistica-icons/icon-diamond-regular.js +1 -1
  37. package/dist/generated/mistica-icons/icon-disconnect-regular.js +1 -1
  38. package/dist/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +1 -1
  39. package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +1 -1
  40. package/dist/generated/mistica-icons/icon-dollar-symbol-filled.js +1 -1
  41. package/dist/generated/mistica-icons/icon-dollar-symbol-regular.js +1 -1
  42. package/dist/generated/mistica-icons/icon-download-app-filled.js +1 -1
  43. package/dist/generated/mistica-icons/icon-download-app-regular.js +1 -1
  44. package/dist/generated/mistica-icons/icon-drink-filled.js +1 -1
  45. package/dist/generated/mistica-icons/icon-drink-regular.js +1 -1
  46. package/dist/generated/mistica-icons/icon-dumbbell-filled.js +1 -1
  47. package/dist/generated/mistica-icons/icon-dumbbell-regular.js +1 -1
  48. package/dist/generated/mistica-icons/icon-eco-filled.js +1 -1
  49. package/dist/generated/mistica-icons/icon-eco-regular.js +1 -1
  50. package/dist/generated/mistica-icons/icon-edit-filled.js +1 -1
  51. package/dist/generated/mistica-icons/icon-email-filled.js +1 -1
  52. package/dist/generated/mistica-icons/icon-emergency-cross-with-circle-filled.js +1 -1
  53. package/dist/generated/mistica-icons/icon-error-filled.js +1 -1
  54. package/dist/generated/mistica-icons/icon-esim-filled.js +32 -11
  55. package/dist/generated/mistica-icons/icon-esim-light.js +31 -10
  56. package/dist/generated/mistica-icons/icon-esim-regular.js +31 -10
  57. package/dist/generated/mistica-icons/icon-euro-symbol-circle-filled.js +3 -3
  58. package/dist/generated/mistica-icons/icon-euro-symbol-filled.js +1 -1
  59. package/dist/generated/mistica-icons/icon-funnel-filled.js +21 -10
  60. package/dist/generated/mistica-icons/icon-funnel-light.js +19 -8
  61. package/dist/generated/mistica-icons/icon-funnel-regular.js +21 -10
  62. package/dist/generated/mistica-icons/icon-poison-regular.js +3 -3
  63. package/dist/generated/mistica-icons/icon-price-drop-light.js +4 -4
  64. package/dist/generated/mistica-icons/icon-search-file-filled.js +1 -1
  65. package/dist/index.d.ts +1 -0
  66. package/dist/index.js +4 -0
  67. package/dist/logo.css-mistica.js +12 -0
  68. package/dist/logo.css.d.ts +1 -0
  69. package/dist/logo.css.ts.vanilla.css-mistica.js +11 -0
  70. package/dist/logo.d.ts +3 -1
  71. package/dist/logo.js +94 -84
  72. package/dist/navigation-bar.css-mistica.js +46 -31
  73. package/dist/navigation-bar.css.d.ts +8 -5
  74. package/dist/navigation-bar.d.ts +4 -0
  75. package/dist/navigation-bar.js +204 -187
  76. package/dist/overscroll-color-context.js +1 -1
  77. package/dist/package-version.js +1 -1
  78. package/dist/sheet-root.js +118 -107
  79. package/dist/text.d.ts +1 -1
  80. package/dist/text.js +23 -23
  81. package/dist/theme.d.ts +1 -0
  82. package/dist/tooltip.css-mistica.js +10 -7
  83. package/dist/tooltip.css.d.ts +2 -0
  84. package/dist/tooltip.d.ts +2 -0
  85. package/dist/tooltip.js +113 -77
  86. package/dist/utils/dom.d.ts +1 -0
  87. package/dist/utils/dom.js +56 -40
  88. package/dist-es/card.js +74 -74
  89. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  90. package/dist-es/community/advanced-data-card.js +130 -126
  91. package/dist-es/community/blocks.js +25 -25
  92. package/dist-es/date-time-field.js +18 -14
  93. package/dist-es/form.js +15 -15
  94. package/dist-es/generated/mistica-icons/icon-add-more-location-filled.js +1 -1
  95. package/dist-es/generated/mistica-icons/icon-add-more-location-regular.js +1 -1
  96. package/dist-es/generated/mistica-icons/icon-add-more-query-light.js +1 -1
  97. package/dist-es/generated/mistica-icons/icon-adn-filled.js +1 -1
  98. package/dist-es/generated/mistica-icons/icon-adn-regular.js +1 -1
  99. package/dist-es/generated/mistica-icons/icon-alarm-light-cross-filled.js +1 -1
  100. package/dist-es/generated/mistica-icons/icon-alarm-light-cross-light.js +1 -1
  101. package/dist-es/generated/mistica-icons/icon-ambulance-filled.js +1 -1
  102. package/dist-es/generated/mistica-icons/icon-ambulance-light.js +1 -1
  103. package/dist-es/generated/mistica-icons/icon-ambulance-regular.js +6 -6
  104. package/dist-es/generated/mistica-icons/icon-api-filled.js +1 -1
  105. package/dist-es/generated/mistica-icons/icon-api-light.js +1 -1
  106. package/dist-es/generated/mistica-icons/icon-arrow-down-left-regular.js +1 -1
  107. package/dist-es/generated/mistica-icons/icon-arrow-down-light.js +1 -1
  108. package/dist-es/generated/mistica-icons/icon-arrow-down-right-light.js +1 -1
  109. package/dist-es/generated/mistica-icons/icon-bell-regular.js +1 -1
  110. package/dist-es/generated/mistica-icons/icon-bicycle-bike-filled.js +1 -1
  111. package/dist-es/generated/mistica-icons/icon-blog-regular.js +1 -1
  112. package/dist-es/generated/mistica-icons/icon-boat-light.js +1 -1
  113. package/dist-es/generated/mistica-icons/icon-book-filled.js +1 -1
  114. package/dist-es/generated/mistica-icons/icon-book-light.js +3 -3
  115. package/dist-es/generated/mistica-icons/icon-bug-filled.js +1 -1
  116. package/dist-es/generated/mistica-icons/icon-calendar-filled.js +1 -1
  117. package/dist-es/generated/mistica-icons/icon-data-shield-regular.js +15 -15
  118. package/dist-es/generated/mistica-icons/icon-database-regular.js +1 -1
  119. package/dist-es/generated/mistica-icons/icon-delivery-van-moving-regular.js +1 -1
  120. package/dist-es/generated/mistica-icons/icon-diamond-regular.js +1 -1
  121. package/dist-es/generated/mistica-icons/icon-disconnect-regular.js +1 -1
  122. package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-filled.js +1 -1
  123. package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +1 -1
  124. package/dist-es/generated/mistica-icons/icon-dollar-symbol-filled.js +1 -1
  125. package/dist-es/generated/mistica-icons/icon-dollar-symbol-regular.js +1 -1
  126. package/dist-es/generated/mistica-icons/icon-download-app-filled.js +1 -1
  127. package/dist-es/generated/mistica-icons/icon-download-app-regular.js +1 -1
  128. package/dist-es/generated/mistica-icons/icon-drink-filled.js +1 -1
  129. package/dist-es/generated/mistica-icons/icon-drink-regular.js +1 -1
  130. package/dist-es/generated/mistica-icons/icon-dumbbell-filled.js +1 -1
  131. package/dist-es/generated/mistica-icons/icon-dumbbell-regular.js +6 -6
  132. package/dist-es/generated/mistica-icons/icon-eco-filled.js +1 -1
  133. package/dist-es/generated/mistica-icons/icon-eco-regular.js +1 -1
  134. package/dist-es/generated/mistica-icons/icon-edit-filled.js +1 -1
  135. package/dist-es/generated/mistica-icons/icon-email-filled.js +1 -1
  136. package/dist-es/generated/mistica-icons/icon-emergency-cross-with-circle-filled.js +1 -1
  137. package/dist-es/generated/mistica-icons/icon-error-filled.js +1 -1
  138. package/dist-es/generated/mistica-icons/icon-esim-filled.js +38 -17
  139. package/dist-es/generated/mistica-icons/icon-esim-light.js +38 -17
  140. package/dist-es/generated/mistica-icons/icon-esim-regular.js +37 -16
  141. package/dist-es/generated/mistica-icons/icon-euro-symbol-circle-filled.js +3 -3
  142. package/dist-es/generated/mistica-icons/icon-euro-symbol-filled.js +1 -1
  143. package/dist-es/generated/mistica-icons/icon-funnel-filled.js +25 -14
  144. package/dist-es/generated/mistica-icons/icon-funnel-light.js +23 -12
  145. package/dist-es/generated/mistica-icons/icon-funnel-regular.js +23 -12
  146. package/dist-es/generated/mistica-icons/icon-poison-regular.js +3 -3
  147. package/dist-es/generated/mistica-icons/icon-price-drop-light.js +4 -4
  148. package/dist-es/generated/mistica-icons/icon-search-file-filled.js +1 -1
  149. package/dist-es/index.js +1677 -1676
  150. package/dist-es/logo.css-mistica.js +3 -0
  151. package/dist-es/logo.css.ts.vanilla.css-mistica.js +2 -0
  152. package/dist-es/logo.js +94 -84
  153. package/dist-es/navigation-bar.css-mistica.js +21 -15
  154. package/dist-es/navigation-bar.js +251 -234
  155. package/dist-es/overscroll-color-context.js +1 -1
  156. package/dist-es/package-version.js +1 -1
  157. package/dist-es/sheet-root.js +121 -110
  158. package/dist-es/style.css +1 -1
  159. package/dist-es/text.js +21 -21
  160. package/dist-es/tooltip.css-mistica.js +3 -3
  161. package/dist-es/tooltip.js +143 -107
  162. package/dist-es/utils/dom.js +46 -33
  163. 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 , onClose: a , type: i = "default" } = param;
117
- const l = Ne(r, a), p = l.length > 0, s = {
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
- }, o = {
121
+ }, d = {
122
122
  default: ke,
123
123
  inverse: Xe,
124
124
  media: je
125
125
  };
126
- return p ? /* @__PURE__ */ e("div", {
126
+ return s ? /* @__PURE__ */ e("div", {
127
127
  style: {
128
128
  position: "absolute",
129
- right: 8,
130
- top: 8,
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: l.map((param, h)=>/* @__PURE__ */ {
138
- let { onPress: d , label: m , Icon: c , disabled: t = !1 } = param;
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: t,
140
+ disabled: h,
141
141
  size: Ce,
142
- onPress: d,
143
- "aria-label": m,
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: o[i],
150
- children: /* @__PURE__ */ e(c, {
151
- color: s[i],
149
+ className: d[l],
150
+ children: /* @__PURE__ */ e(t, {
151
+ color: o[l],
152
152
  size: 20
153
153
  })
154
154
  })
155
- }, h);
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: p , className: s , "aria-label": o } = param;
167
- const m = Qe(l);
168
- return /* @__PURE__ */ e("section", _object_spread_props(_object_spread({}, Ke(p)), {
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
- }, m ? qe({
176
- [ze.aspectRatio]: String(m)
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(), p = N.useRef(null), [s, o] = N.useReducer($e, "loading");
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 = p.current) == null || h.load(), ()=>{
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(p, i),
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
- ]), m = ()=>{
252
- const t = p.current;
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: m,
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: p , subtitle: s , subtitleLinesMax: o , description: d , descriptionLinesMax: m , extra: c , button: t , buttonLink: h } = param;
280
- const { textPresets: f } = q(), v = ()=>r ? typeof r == "string" ? /* @__PURE__ */ e(Be, {
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: p,
318
- weight: f.cardTitle.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: m,
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: p , subtitle: s , subtitleLinesMax: o , title: d , titleLinesMax: m , description: c , descriptionLinesMax: t , extra: h , actions: f , button: v , buttonLink: w , dataAttributes: b , "aria-label": T , onClose: g } = _param, u = _object_without_properties(_param, [
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 = u.href || u.to || u.onPress;
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
- }, u), {
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: p,
414
+ pretitleLinesMax: m,
415
415
  title: d,
416
- titleLinesMax: m,
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: f,
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: p , subtitle: s , subtitleLinesMax: o , title: d , titleLinesMax: m , description: c , descriptionLinesMax: t , extra: h , actions: f , button: v , buttonLink: w , dataAttributes: b , "aria-label": T , onClose: g } = _param, u = _object_without_properties(_param, [
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 = u.href || u.to || u.onPress, M = r && r.type === $ && r.props.circular;
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
- }, u), {
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: p,
506
+ pretitleLinesMax: m,
507
507
  title: d,
508
- titleLinesMax: m,
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: f,
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: p , description: s , descriptionLinesMax: o , extra: d , dataAttributes: m , "aria-label": c } = _param, t = _object_without_properties(_param, [
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 f = t.href || t.to || t.onPress, v = r && r.type === $ && r.props.circular;
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
- }, m),
558
+ }, p),
559
559
  "aria-label": c,
560
- className: f ? O : void 0,
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
- f && /* @__PURE__ */ e("div", {
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: p,
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: p , titleLinesMax: s , subtitle: o , subtitleLinesMax: d , description: m , descriptionLinesMax: c , extra: t , actions: h , button: f , buttonLink: v , dataAttributes: w , "aria-label": b , onClose: T , aspectRatio: g } = _param, u = _object_without_properties(_param, [
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 = u.href || u.to || u.onPress, z = Ne(h, T), G = {
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
- }, u), {
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: p,
687
+ title: m,
688
688
  titleLinesMax: s,
689
689
  subtitle: o,
690
690
  subtitleLinesMax: d,
691
- description: m,
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
- (f || v) && /* @__PURE__ */ e("div", {
704
+ (u || v) && /* @__PURE__ */ e("div", {
705
705
  className: ce,
706
706
  children: /* @__PURE__ */ e(Y, {
707
- primaryButton: f,
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: p , dataAttributes: s , "aria-label": o , extra: d , isInverse: m = !1 , aspectRatio: c } = _param, t = _object_without_properties(_param, [
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 f = t.href || t.to || t.onPress, v = m ? ee : Z;
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: m,
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
- f && /* @__PURE__ */ e("div", {
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: p,
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: p , icon: s , headline: o , pretitle: d , pretitleLinesMax: m , title: c , titleLinesMax: t , description: h , descriptionLinesMax: f , extra: v , button: w , secondaryButton: b , onClose: T , actions: g , buttonLink: u , dataAttributes: I , width: x , height: M , aspectRatio: z , "aria-label": G } = _param, k = _object_without_properties(_param, [
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, p, l);
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: m,
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: f,
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 || u) && /* @__PURE__ */ e(Y, {
935
+ (w || b || f) && /* @__PURE__ */ e(Y, {
936
936
  primaryButton: w,
937
937
  secondaryButton: b,
938
- link: u
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: p , width: s , height: o , aspectRatio: d = "7:10" , ariaLabel: m , actions: c , onClose: t , icon: h , headline: f , pretitle: v , pretitleLinesMax: w , title: b , titleLinesMax: T , description: g , descriptionLinesMax: u , variant: I , isInverse: x , backgroundColor: M } = _param, z = _object_without_properties(_param, [
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, p);
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": m,
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": m,
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
- (f || v || b) && /* @__PURE__ */ e("header", {
1080
+ (u || v || b) && /* @__PURE__ */ e("header", {
1081
1081
  children: /* @__PURE__ */ n(C, {
1082
1082
  space: 16,
1083
1083
  children: [
1084
- f,
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: u,
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 v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbh _1y2v1nf7t", _ = {
3
+ var _ = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbh _1y2v1nf7t", v = {
4
4
  default: "_1x00frui",
5
5
  mobile: "_1x00fruj"
6
- }, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb5 _1y2v1nfbr _1y2v1nfbb _1y2v1nfbs _1y2v1nfc9 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb5 _1y2v1nfba", b = "_1y2v1nfb5 _1y2v1nfbr _1y2v1nfbk _1y2v1nfde", x = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nffa", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc9 _1y2v1nfbb";
7
- export { v as actions, _ as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, y as cardContentStyle, u as dataCard, o as divider, i as footerDirection, b as footerText, x as hoverEffect, e as marginRightAuto, d as marginRightButton, c as minHeight, g as paddingX, l as touchableContainer };
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 };