@telefonica/mistica 16.37.5 → 16.39.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 (213) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +6 -6
  3. package/dist/align.css-mistica.js +1 -1
  4. package/dist/avatar.css-mistica.js +2 -2
  5. package/dist/badge.css-mistica.js +1 -1
  6. package/dist/box.css-mistica.js +13 -13
  7. package/dist/boxed.css-mistica.js +25 -25
  8. package/dist/button-group.css-mistica.js +1 -1
  9. package/dist/button-layout.css-mistica.js +13 -13
  10. package/dist/button.css-mistica.js +39 -29
  11. package/dist/button.css.d.ts +2 -0
  12. package/dist/button.js +44 -44
  13. package/dist/callout.css-mistica.js +5 -5
  14. package/dist/card-internal.css-mistica.js +15 -15
  15. package/dist/carousel.css-mistica.js +8 -8
  16. package/dist/carousel.d.ts +3 -1
  17. package/dist/carousel.js +263 -257
  18. package/dist/checkbox.css-mistica.js +7 -7
  19. package/dist/chip.css-mistica.js +12 -12
  20. package/dist/chip.js +10 -9
  21. package/dist/circle.css-mistica.js +1 -1
  22. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  23. package/dist/community/blocks.css-mistica.js +3 -3
  24. package/dist/community/example-component.css-mistica.js +1 -1
  25. package/dist/counter.css-mistica.js +1 -1
  26. package/dist/cover-hero.css-mistica.js +3 -3
  27. package/dist/credit-card-number-field.css-mistica.js +3 -3
  28. package/dist/date-field.css-mistica.js +1 -1
  29. package/dist/date-time-picker.css-mistica.js +1 -1
  30. package/dist/dialog.css-mistica.js +4 -4
  31. package/dist/divider.css-mistica.js +2 -2
  32. package/dist/double-field.css-mistica.js +2 -2
  33. package/dist/drawer.css-mistica.js +1 -1
  34. package/dist/empty-state-card.css-mistica.js +1 -1
  35. package/dist/empty-state.css-mistica.js +7 -7
  36. package/dist/fade-in.css-mistica.js +1 -1
  37. package/dist/feedback.css-mistica.js +1 -1
  38. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  39. package/dist/fixed-footer-layout.d.ts +2 -1
  40. package/dist/fixed-footer-layout.js +25 -24
  41. package/dist/form.css-mistica.js +1 -1
  42. package/dist/grid-layout.css-mistica.js +5 -5
  43. package/dist/grid.css-mistica.js +124 -124
  44. package/dist/grid.d.ts +3 -0
  45. package/dist/grid.js +33 -29
  46. package/dist/header.css-mistica.js +1 -1
  47. package/dist/hero.css-mistica.js +2 -2
  48. package/dist/horizontal-scroll.css-mistica.js +3 -3
  49. package/dist/icon-button.css-mistica.js +42 -42
  50. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  51. package/dist/icons/icon-error.css-mistica.js +1 -1
  52. package/dist/image.css-mistica.js +3 -3
  53. package/dist/inline.css-mistica.js +13 -13
  54. package/dist/list.css-mistica.js +1 -1
  55. package/dist/loading-bar.css-mistica.js +1 -1
  56. package/dist/loading-screen.css-mistica.js +5 -5
  57. package/dist/logo.css-mistica.js +6 -6
  58. package/dist/menu.css-mistica.js +12 -12
  59. package/dist/mosaic.css-mistica.js +2 -2
  60. package/dist/mosaic.d.ts +8 -2
  61. package/dist/mosaic.js +85 -62
  62. package/dist/navigation-bar.css-mistica.js +16 -16
  63. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  64. package/dist/package-version.js +1 -1
  65. package/dist/pin-field.css-mistica.js +1 -1
  66. package/dist/pin-field.js +21 -21
  67. package/dist/popover.css-mistica.js +1 -1
  68. package/dist/progress-bar.css-mistica.js +5 -5
  69. package/dist/progress-bar.js +4 -4
  70. package/dist/radio-button.css-mistica.js +14 -14
  71. package/dist/rating.css-mistica.js +2 -2
  72. package/dist/rating.js +25 -25
  73. package/dist/responsive-layout.css-mistica.js +8 -8
  74. package/dist/screen-reader-only.css-mistica.js +1 -1
  75. package/dist/select.css-mistica.js +15 -15
  76. package/dist/sheet-action-row.css-mistica.js +1 -1
  77. package/dist/sheet-common.css-mistica.js +1 -1
  78. package/dist/sheet-info.css-mistica.js +2 -2
  79. package/dist/skeletons.css-mistica.js +4 -4
  80. package/dist/skins/skin-contract.css-mistica.js +390 -390
  81. package/dist/skip-link.css-mistica.js +1 -1
  82. package/dist/slider.css-mistica.js +10 -10
  83. package/dist/snackbar.css-mistica.js +4 -4
  84. package/dist/spinner.css-mistica.js +1 -1
  85. package/dist/stack.css-mistica.js +7 -7
  86. package/dist/stacking-group.css-mistica.js +1 -1
  87. package/dist/stepper.css-mistica.js +2 -2
  88. package/dist/switch-component.css-mistica.js +26 -26
  89. package/dist/tab-focus.js +16 -14
  90. package/dist/table.css-mistica.js +8 -8
  91. package/dist/tabs.css-mistica.js +12 -12
  92. package/dist/tag.css-mistica.js +1 -1
  93. package/dist/text-field-base.css-mistica.js +1 -1
  94. package/dist/text-field-base.js +13 -13
  95. package/dist/text-field-components.css-mistica.js +18 -15
  96. package/dist/text-field-components.css.d.ts +1 -0
  97. package/dist/text-link.css-mistica.js +5 -5
  98. package/dist/text-tokens.d.ts +2 -0
  99. package/dist/text-tokens.js +97 -89
  100. package/dist/text.css-mistica.js +9 -9
  101. package/dist/theme-context-provider.js +40 -40
  102. package/dist/theme-context.css-mistica.js +1 -1
  103. package/dist/theme.d.ts +1 -1
  104. package/dist/timeline.css-mistica.js +10 -10
  105. package/dist/timer.css-mistica.js +6 -6
  106. package/dist/tooltip.css-mistica.js +1 -1
  107. package/dist/touchable.css-mistica.js +1 -1
  108. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  109. package/dist/video.css-mistica.js +2 -2
  110. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
  111. package/dist-es/accordion.css-mistica.js +6 -6
  112. package/dist-es/align.css-mistica.js +1 -1
  113. package/dist-es/avatar.css-mistica.js +2 -2
  114. package/dist-es/badge.css-mistica.js +1 -1
  115. package/dist-es/box.css-mistica.js +13 -13
  116. package/dist-es/boxed.css-mistica.js +24 -24
  117. package/dist-es/button-group.css-mistica.js +1 -1
  118. package/dist-es/button-layout.css-mistica.js +13 -13
  119. package/dist-es/button.css-mistica.js +27 -20
  120. package/dist-es/button.js +58 -58
  121. package/dist-es/callout.css-mistica.js +5 -5
  122. package/dist-es/card-internal.css-mistica.js +15 -15
  123. package/dist-es/carousel.css-mistica.js +8 -8
  124. package/dist-es/carousel.js +332 -326
  125. package/dist-es/checkbox.css-mistica.js +7 -7
  126. package/dist-es/chip.css-mistica.js +12 -12
  127. package/dist-es/chip.js +10 -9
  128. package/dist-es/circle.css-mistica.js +1 -1
  129. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  130. package/dist-es/community/blocks.css-mistica.js +2 -2
  131. package/dist-es/community/example-component.css-mistica.js +1 -1
  132. package/dist-es/counter.css-mistica.js +1 -1
  133. package/dist-es/cover-hero.css-mistica.js +3 -3
  134. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  135. package/dist-es/date-field.css-mistica.js +1 -1
  136. package/dist-es/date-time-picker.css-mistica.js +1 -1
  137. package/dist-es/dialog.css-mistica.js +4 -4
  138. package/dist-es/divider.css-mistica.js +2 -2
  139. package/dist-es/double-field.css-mistica.js +2 -2
  140. package/dist-es/drawer.css-mistica.js +1 -1
  141. package/dist-es/empty-state-card.css-mistica.js +1 -1
  142. package/dist-es/empty-state.css-mistica.js +6 -6
  143. package/dist-es/fade-in.css-mistica.js +1 -1
  144. package/dist-es/feedback.css-mistica.js +1 -1
  145. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  146. package/dist-es/fixed-footer-layout.js +49 -48
  147. package/dist-es/form.css-mistica.js +1 -1
  148. package/dist-es/grid-layout.css-mistica.js +4 -4
  149. package/dist-es/grid.css-mistica.js +124 -124
  150. package/dist-es/grid.js +40 -36
  151. package/dist-es/header.css-mistica.js +1 -1
  152. package/dist-es/hero.css-mistica.js +2 -2
  153. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  154. package/dist-es/icon-button.css-mistica.js +42 -42
  155. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  156. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  157. package/dist-es/image.css-mistica.js +3 -3
  158. package/dist-es/inline.css-mistica.js +11 -11
  159. package/dist-es/list.css-mistica.js +1 -1
  160. package/dist-es/loading-bar.css-mistica.js +1 -1
  161. package/dist-es/loading-screen.css-mistica.js +5 -5
  162. package/dist-es/logo.css-mistica.js +6 -6
  163. package/dist-es/menu.css-mistica.js +12 -12
  164. package/dist-es/mosaic.css-mistica.js +2 -2
  165. package/dist-es/mosaic.js +109 -86
  166. package/dist-es/navigation-bar.css-mistica.js +16 -16
  167. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  168. package/dist-es/package-version.js +1 -1
  169. package/dist-es/pin-field.css-mistica.js +1 -1
  170. package/dist-es/pin-field.js +31 -31
  171. package/dist-es/popover.css-mistica.js +1 -1
  172. package/dist-es/progress-bar.css-mistica.js +5 -5
  173. package/dist-es/progress-bar.js +21 -21
  174. package/dist-es/radio-button.css-mistica.js +14 -14
  175. package/dist-es/rating.css-mistica.js +2 -2
  176. package/dist-es/rating.js +33 -33
  177. package/dist-es/responsive-layout.css-mistica.js +6 -6
  178. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  179. package/dist-es/select.css-mistica.js +15 -15
  180. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  181. package/dist-es/sheet-common.css-mistica.js +1 -1
  182. package/dist-es/sheet-info.css-mistica.js +2 -2
  183. package/dist-es/skeletons.css-mistica.js +4 -4
  184. package/dist-es/skins/skin-contract.css-mistica.js +390 -390
  185. package/dist-es/skip-link.css-mistica.js +1 -1
  186. package/dist-es/slider.css-mistica.js +10 -10
  187. package/dist-es/snackbar.css-mistica.js +4 -4
  188. package/dist-es/spinner.css-mistica.js +1 -1
  189. package/dist-es/stack.css-mistica.js +6 -6
  190. package/dist-es/stacking-group.css-mistica.js +1 -1
  191. package/dist-es/stepper.css-mistica.js +2 -2
  192. package/dist-es/style.css +1 -1
  193. package/dist-es/switch-component.css-mistica.js +26 -26
  194. package/dist-es/tab-focus.js +18 -16
  195. package/dist-es/table.css-mistica.js +8 -8
  196. package/dist-es/tabs.css-mistica.js +12 -12
  197. package/dist-es/tag.css-mistica.js +1 -1
  198. package/dist-es/text-field-base.css-mistica.js +1 -1
  199. package/dist-es/text-field-base.js +17 -17
  200. package/dist-es/text-field-components.css-mistica.js +4 -4
  201. package/dist-es/text-link.css-mistica.js +5 -5
  202. package/dist-es/text-tokens.js +50 -45
  203. package/dist-es/text.css-mistica.js +8 -8
  204. package/dist-es/theme-context-provider.js +46 -46
  205. package/dist-es/theme-context.css-mistica.js +1 -1
  206. package/dist-es/timeline.css-mistica.js +10 -10
  207. package/dist-es/timer.css-mistica.js +6 -6
  208. package/dist-es/tooltip.css-mistica.js +1 -1
  209. package/dist-es/touchable.css-mistica.js +1 -1
  210. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  211. package/dist-es/video.css-mistica.js +2 -2
  212. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
  213. package/package.json +1 -1
package/dist-es/button.js CHANGED
@@ -80,23 +80,23 @@ function _object_without_properties_loose(source, excluded) {
80
80
  }
81
81
  import { jsx as e, jsxs as T, Fragment as W } from "react/jsx-runtime";
82
82
  import * as r from "react";
83
- import E from "classnames";
83
+ import N from "classnames";
84
84
  import F from "./spinner.js";
85
85
  import { BaseTouchable as L } from "./touchable.js";
86
- import { useIsInverseOrMediaVariant as M } from "./theme-variant-context.js";
86
+ import { useThemeVariant as M } from "./theme-variant-context.js";
87
87
  import { useForm as j } from "./form-context.js";
88
88
  import { applyCssVars as Y, pxToRem as Z } from "./utils/css.js";
89
89
  import { Text as H, Text3 as K } from "./text.js";
90
90
  import X from "./box.js";
91
91
  import { getTextFromChildren as D } from "./utils/common.js";
92
92
  import { useTrackingConfig as q, eventNames as G, eventCategories as J, eventActions as V } from "./utils/analytics.js";
93
- import { useTheme as N } from "./hooks.js";
93
+ import { useTheme as P } from "./hooks.js";
94
94
  import { flattenChildren as Q } from "./skins/utils.js";
95
- import { linkMinWidth as U, buttonMinWidth as p, inverseButtonVariants as tt, buttonVariants as et, small as nt, isLoading as it, buttonVars as at, borderSize as B, buttonPaddingX as y, buttonPaddingY as w, smallLink as O, textContent as rt, iconMargin as C, chevronMarginLeft as ot, loadingFiller as lt, loadingContent as st, iconSize as z, spinnerSize as A } from "./button.css-mistica.js";
96
- import { VIVO_NEW_SKIN as dt } from "./skins/constants.js";
97
- const ct = (param)=>{
95
+ import { linkMinWidth as U, buttonMinWidth as p, mediaButtonVariants as tt, inverseButtonVariants as et, buttonVariants as nt, small as it, isLoading as at, buttonVars as rt, borderSize as B, buttonPaddingX as y, buttonPaddingY as w, smallLink as _, textContent as ot, iconMargin as C, chevronMarginLeft as lt, loadingFiller as st, loadingContent as dt, iconSize as z, spinnerSize as A } from "./button.css-mistica.js";
96
+ import { VIVO_NEW_SKIN as ct } from "./skins/constants.js";
97
+ const ut = (param)=>{
98
98
  let { element: t, small: i } = param;
99
- const { textPresets: n } = N();
99
+ const { textPresets: n } = P();
100
100
  return i ? /* @__PURE__ */ e(H, {
101
101
  size: 14,
102
102
  lineHeight: 20,
@@ -114,37 +114,37 @@ const ct = (param)=>{
114
114
  });
115
115
  }, $ = (param)=>{
116
116
  let { small: t, content: i, defaultIconSize: n } = param;
117
- const a = Q(i), g = a.length, l = [];
117
+ const a = Q(i), g = a.length, o = [];
118
118
  let d = [];
119
119
  const m = ()=>{
120
- l.push(/* @__PURE__ */ e(r.Fragment, {
121
- children: /* @__PURE__ */ e(ct, {
120
+ o.push(/* @__PURE__ */ e(r.Fragment, {
121
+ children: /* @__PURE__ */ e(ut, {
122
122
  element: d,
123
123
  small: t
124
124
  })
125
- }, l.length)), d = [];
125
+ }, o.length)), d = [];
126
126
  };
127
- return a.forEach((o, c)=>{
127
+ return a.forEach((l, c)=>{
128
128
  const u = c === 0, f = c === g - 1;
129
- if (/*#__PURE__*/ r.isValidElement(o)) {
129
+ if (/*#__PURE__*/ r.isValidElement(l)) {
130
130
  d.length && m();
131
- const I = o.props.size !== void 0 ? Z(o.props.size) : n;
132
- l.push(/* @__PURE__ */ e("div", {
131
+ const x = l.props.size !== void 0 ? Z(l.props.size) : n;
132
+ o.push(/* @__PURE__ */ e("div", {
133
133
  style: {
134
134
  display: "flex",
135
135
  alignItems: "center",
136
136
  marginLeft: u ? 0 : C,
137
137
  marginRight: f ? 0 : C
138
138
  },
139
- children: /*#__PURE__*/ r.cloneElement(o, {
140
- size: I
139
+ children: /*#__PURE__*/ r.cloneElement(l, {
140
+ size: x
141
141
  })
142
- }, l.length));
143
- } else d.push(o), f && m();
144
- }), l;
145
- }, ut = ()=>{
146
- const { skinName: t } = N();
147
- return t === dt ? /* @__PURE__ */ e("svg", {
142
+ }, o.length));
143
+ } else d.push(l), f && m();
144
+ }), o;
145
+ }, mt = ()=>{
146
+ const { skinName: t } = P();
147
+ return t === ct ? /* @__PURE__ */ e("svg", {
148
148
  width: "0.5em",
149
149
  height: "0.5em",
150
150
  viewBox: "0 0 8 8",
@@ -162,8 +162,8 @@ const ct = (param)=>{
162
162
  fill: "currentColor"
163
163
  })
164
164
  });
165
- }, mt = (param)=>{
166
- let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: l, StartIcon: d, EndIcon: m, withChevron: o } = param;
165
+ }, ft = (param)=>{
166
+ let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: o, StartIcon: d, EndIcon: m, withChevron: l } = param;
167
167
  const c = n ? z.small : z.default, u = n ? A.small : A.default, f = $({
168
168
  small: n,
169
169
  content: i,
@@ -177,7 +177,7 @@ const ct = (param)=>{
177
177
  children: [
178
178
  /* @__PURE__ */ T("div", {
179
179
  "aria-hidden": t ? !0 : void 0,
180
- className: rt,
180
+ className: ot,
181
181
  children: [
182
182
  d && /* @__PURE__ */ e("div", {
183
183
  style: {
@@ -198,17 +198,17 @@ const ct = (param)=>{
198
198
  },
199
199
  children: [
200
200
  f,
201
- o && /* @__PURE__ */ e("div", {
201
+ l && /* @__PURE__ */ e("div", {
202
202
  style: {
203
203
  display: "flex",
204
204
  alignItems: "center",
205
- marginLeft: ot
205
+ marginLeft: lt
206
206
  },
207
- children: /* @__PURE__ */ e(ut, {})
207
+ children: /* @__PURE__ */ e(mt, {})
208
208
  })
209
209
  ]
210
210
  }),
211
- m && !o && /* @__PURE__ */ e("div", {
211
+ m && !l && /* @__PURE__ */ e("div", {
212
212
  style: {
213
213
  display: "flex",
214
214
  alignItems: "center",
@@ -223,7 +223,7 @@ const ct = (param)=>{
223
223
  ]
224
224
  }),
225
225
  /* @__PURE__ */ e("div", {
226
- className: lt,
226
+ className: st,
227
227
  "aria-hidden": !0,
228
228
  style: a ? {
229
229
  paddingLeft: u,
@@ -233,9 +233,9 @@ const ct = (param)=>{
233
233
  }),
234
234
  /* @__PURE__ */ T("div", {
235
235
  "aria-hidden": t ? void 0 : !0,
236
- className: st,
236
+ className: dt,
237
237
  onTransitionEnd: ()=>{
238
- t !== g && l(t);
238
+ t !== g && o(t);
239
239
  },
240
240
  children: [
241
241
  g ? /* @__PURE__ */ e(F, {
@@ -263,16 +263,16 @@ const ct = (param)=>{
263
263
  });
264
264
  }, k = /*#__PURE__*/ r.forwardRef((t, i)=>{
265
265
  var _t_withChevron;
266
- const { eventFormat: n } = q(), { formStatus: a, formId: g } = j(), l = M(), { loadingText: d } = t, m = !!t.submit, o = a === "sending", { isDarkMode: c } = N(), [u, f] = r.useState(!1), s = t.showSpinner || o && m || u, I = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [x, P] = r.useState(!!s);
266
+ const { eventFormat: n } = q(), { formStatus: a, formId: g } = j(), o = M(), { loadingText: d } = t, m = !!t.submit, l = a === "sending", { isDarkMode: c } = P(), [u, f] = r.useState(!1), s = t.showSpinner || l && m || u, x = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [E, R] = r.useState(!!s);
267
267
  r.useEffect(()=>{
268
- s && !x && P(!0);
268
+ s && !E && R(!0);
269
269
  }, [
270
270
  s,
271
- x,
271
+ E,
272
272
  a
273
273
  ]);
274
274
  var _t_trackingEvent;
275
- const _ = ()=>{
275
+ const O = ()=>{
276
276
  let b, h;
277
277
  switch(t.buttonType){
278
278
  case "link":
@@ -294,14 +294,14 @@ const ct = (param)=>{
294
294
  action: h,
295
295
  label: D(t.children)
296
296
  };
297
- }, R = t.buttonType.startsWith("link") ? U : p, S = t.buttonType === "linkDanger" && c && l ? "linkDangerDark" : t.buttonType, v = {
297
+ }, S = t.buttonType.startsWith("link") ? U : p, I = t.buttonType === "linkDanger" && c && o === "inverse" ? "linkDangerDark" : t.buttonType, v = {
298
298
  ref: i,
299
- className: E(l ? tt[S] : et[S], t.className, {
300
- [nt]: t.small,
301
- [it]: s
299
+ className: N(o === "media" ? tt[I] : o === "inverse" ? et[I] : nt[I], t.className, {
300
+ [it]: t.small,
301
+ [at]: s
302
302
  }),
303
303
  style: _object_spread(_object_spread_props(_object_spread({}, Y({
304
- [at.minWidth]: t.small ? R.small : R.default
304
+ [rt.minWidth]: t.small ? S.small : S.default
305
305
  }), t.bleedLeft ? {
306
306
  marginLeft: `calc(-1 * (${B} + ${t.small ? y.small : y.default}))`
307
307
  } : void 0, t.bleedRight ? {
@@ -312,7 +312,7 @@ const ct = (param)=>{
312
312
  } : void 0), {
313
313
  cursor: t.fake ? "pointer" : void 0
314
314
  }), t.style),
315
- trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? _() : void 0,
315
+ trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? O() : void 0,
316
316
  dataAttributes: t.dataAttributes,
317
317
  "aria-label": t["aria-label"],
318
318
  "aria-labelledby": t["aria-labelledby"],
@@ -323,18 +323,18 @@ const ct = (param)=>{
323
323
  "aria-description": t["aria-description"],
324
324
  "aria-describedby": t["aria-describedby"],
325
325
  tabIndex: t.tabIndex,
326
- children: mt({
326
+ children: ft({
327
327
  showSpinner: s,
328
- shouldRenderSpinner: x,
329
- setShouldRenderSpinner: P,
328
+ shouldRenderSpinner: E,
329
+ setShouldRenderSpinner: R,
330
330
  children: t.children,
331
331
  loadingText: d,
332
332
  small: t.small,
333
333
  StartIcon: t.StartIcon,
334
334
  EndIcon: t.EndIcon,
335
- withChevron: I
335
+ withChevron: x
336
336
  }),
337
- disabled: t.disabled || s || o,
337
+ disabled: t.disabled || s || l,
338
338
  role: t.role
339
339
  };
340
340
  if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
@@ -366,7 +366,7 @@ const ct = (param)=>{
366
366
  }));
367
367
  if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
368
368
  return null;
369
- }), Nt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
369
+ }), Pt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
370
370
  var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
371
371
  "dataAttributes",
372
372
  "className"
@@ -376,14 +376,14 @@ const ct = (param)=>{
376
376
  "component-name": "ButtonLink",
377
377
  testid: "ButtonLink"
378
378
  }, t),
379
- className: E(i, {
380
- [O]: n.small
379
+ className: N(i, {
380
+ [_]: n.small
381
381
  })
382
382
  }, n), {
383
383
  ref: a,
384
384
  buttonType: "link"
385
385
  }));
386
- }), Pt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
386
+ }), Rt = /*#__PURE__*/ r.forwardRef((_param, a)=>{
387
387
  var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
388
388
  "dataAttributes",
389
389
  "className"
@@ -393,15 +393,15 @@ const ct = (param)=>{
393
393
  "component-name": "ButtonLinkDanger",
394
394
  testid: "ButtonLinkDanger"
395
395
  }, t),
396
- className: E(i, {
397
- [O]: n.small
396
+ className: N(i, {
397
+ [_]: n.small
398
398
  })
399
399
  }, n), {
400
400
  withChevron: !1,
401
401
  ref: a,
402
402
  buttonType: "linkDanger"
403
403
  }));
404
- }), Rt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
404
+ }), St = /*#__PURE__*/ r.forwardRef((_param, n)=>{
405
405
  var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
406
406
  "dataAttributes"
407
407
  ]);
@@ -414,7 +414,7 @@ const ct = (param)=>{
414
414
  ref: n,
415
415
  buttonType: "primary"
416
416
  }));
417
- }), St = /*#__PURE__*/ r.forwardRef((_param, n)=>{
417
+ }), Dt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
418
418
  var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
419
419
  "dataAttributes"
420
420
  ]);
@@ -427,7 +427,7 @@ const ct = (param)=>{
427
427
  ref: n,
428
428
  buttonType: "secondary"
429
429
  }));
430
- }), Dt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
430
+ }), Vt = /*#__PURE__*/ r.forwardRef((_param, n)=>{
431
431
  var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
432
432
  "dataAttributes"
433
433
  ]);
@@ -441,4 +441,4 @@ const ct = (param)=>{
441
441
  buttonType: "danger"
442
442
  }));
443
443
  });
444
- export { Dt as ButtonDanger, Nt as ButtonLink, Pt as ButtonLinkDanger, Rt as ButtonPrimary, St as ButtonSecondary };
444
+ export { Vt as ButtonDanger, Pt as ButtonLink, Rt as ButtonLinkDanger, St as ButtonPrimary, Dt as ButtonSecondary };
@@ -2,9 +2,9 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./icon-button.css.ts.vanilla.css-mistica.js";
3
3
  import "./callout.css.ts.vanilla.css-mistica.js";
4
4
  var y = {
5
- inverse: "v16_37_5_1y2v1nf4u",
6
- alternative: "v16_37_5_1y2v1nf4u",
7
- default: "v16_37_5_1y2v1nf52",
8
- media: "v16_37_5_1y2v1nf4u"
9
- }, f = "v16_37_5_14g0jmy5 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfnu", r = "v16_37_5_14g0jmy6", t = "v16_37_5_14g0jmy1 v16_37_5_1y2v1nfa0 v16_37_5_1y2v1nfb9 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfmk v16_37_5_1y2v1nfmu", e = "v16_37_5_14g0jmy3 v16_37_5_1y2v1nfke v16_37_5_1y2v1nfjm";
5
+ inverse: "v16_39_1y2v1nf4u",
6
+ alternative: "v16_39_1y2v1nf4u",
7
+ default: "v16_39_1y2v1nf52",
8
+ media: "v16_39_1y2v1nf4u"
9
+ }, f = "v16_39_14g0jmy5 v16_39_1y2v1nfjn v16_39_1y2v1nfnu", r = "v16_39_14g0jmy6", t = "v16_39_14g0jmy1 v16_39_1y2v1nfa0 v16_39_1y2v1nfb9 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nfjs v16_39_1y2v1nfmk v16_39_1y2v1nfmu", e = "v16_39_14g0jmy3 v16_39_1y2v1nfke v16_39_1y2v1nfjm";
10
10
  export { y as background, f as closeButtonContainer, r as closeButtonContainerSize, t as container, e as content };
@@ -1,22 +1,22 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./card-internal.css.ts.vanilla.css-mistica.js";
3
3
  var n = {
4
- display: "v16_37_5_1y2v1nfa6",
5
- default: "v16_37_5_1499nmdj v16_37_5_1y2v1nfa0",
6
- snap: "v16_37_5_1y2v1nfa0"
7
- }, a = "v16_37_5_1499nmd15 v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfoo", f = "v16_37_5_1499nmdr", y = "v16_37_5_1499nmd2 v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx", d = {
8
- display: "v16_37_5_1y2v1nfbi",
9
- default: "v16_37_5_1499nmdp v16_37_5_1y2v1nfbf",
10
- snap: "v16_37_5_1499nmdq v16_37_5_1y2v1nfb9"
4
+ display: "v16_39_1y2v1nfa6",
5
+ default: "v16_39_1499nmdj v16_39_1y2v1nfa0",
6
+ snap: "v16_39_1y2v1nfa0"
7
+ }, a = "v16_39_1499nmd15 v16_39_1y2v1nfkf v16_39_1y2v1nfkw v16_39_1y2v1nfjn v16_39_1y2v1nfoo", f = "v16_39_1499nmdr", y = "v16_39_1499nmd2 v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfjx", d = {
8
+ display: "v16_39_1y2v1nfbi",
9
+ default: "v16_39_1499nmdp v16_39_1y2v1nfbf",
10
+ snap: "v16_39_1499nmdq v16_39_1y2v1nfb9"
11
11
  }, r = {
12
- display: "v16_37_5_1y2v1nfa6",
13
- default: "v16_37_5_1499nmdd v16_37_5_1y2v1nfa0",
14
- snap: "v16_37_5_1499nmde v16_37_5_1y2v1nfa0"
12
+ display: "v16_39_1y2v1nfa6",
13
+ default: "v16_39_1499nmdd v16_39_1y2v1nfa0",
14
+ snap: "v16_39_1499nmde v16_39_1y2v1nfa0"
15
15
  }, t = {
16
- display: "v16_37_5_1y2v1nfco v16_37_5_1y2v1nfdx",
17
- default: "v16_37_5_1499nmd7 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr",
18
- snap: "v16_37_5_1499nmd8 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr"
19
- }, o = "v16_37_5_1499nmdz v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx v16_37_5_1y2v1nfk4", e = "v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfkf", i = "v16_37_5_1499nmd13 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn5 v16_37_5_1y2v1nfnz v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx", m = "v16_37_5_1499nmdt v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw", s = "v16_37_5_1499nmdw v16_37_5_1499nmdv", c = "v16_37_5_1499nmdx v16_37_5_1499nmdv", j = "v16_37_5_1499nmdu", l = {
20
- aspectRatio: "var(--v16_37_5_1499nmd0)"
16
+ display: "v16_39_1y2v1nfco v16_39_1y2v1nfdx",
17
+ default: "v16_39_1499nmd7 v16_39_1y2v1nfci v16_39_1y2v1nfdr",
18
+ snap: "v16_39_1499nmd8 v16_39_1y2v1nfci v16_39_1y2v1nfdr"
19
+ }, o = "v16_39_1499nmdz v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfjx v16_39_1y2v1nfk4", e = "v16_39_1y2v1nfjm v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfkw v16_39_1y2v1nfkf", i = "v16_39_1499nmd13 v16_39_1y2v1nfjn v16_39_1y2v1nfn5 v16_39_1y2v1nfnz v16_39_1y2v1nfjs v16_39_1y2v1nfjx", m = "v16_39_1499nmdt v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjs v16_39_1y2v1nfjy v16_39_1y2v1nfjm v16_39_1y2v1nfma v16_39_1y2v1nf9k v16_39_1y2v1nfkf v16_39_1y2v1nfkw", s = "v16_39_1499nmdw v16_39_1499nmdv", c = "v16_39_1499nmdx v16_39_1499nmdv", j = "v16_39_1499nmdu", l = {
20
+ aspectRatio: "var(--v16_39_1499nmd0)"
21
21
  };
22
22
  export { n as actionsContainerVariants, a as backgroundImageOrVideoContainer, f as boxed, y as container, d as containerPaddingBottomVariants, r as containerPaddingTopVariants, t as containerPaddingXVariants, o as contentContainer, e as textContent, i as topActionsContainer, m as touchable, s as touchableCardOverlay, c as touchableCardOverlayInverse, j as touchableContainer, l as vars };
@@ -1,13 +1,13 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./responsive-layout.css.ts.vanilla.css-mistica.js";
3
3
  import "./carousel.css.ts.vanilla.css-mistica.js";
4
- var n = 14, l = 12, e = 5, r = "v16_37_5_1abcu7j v16_37_5_1y2v1nfmc v16_37_5_1y2v1nf6f", u = "v16_37_5_1abcu7j v16_37_5_1y2v1nfmc v16_37_5_1y2v1nf6g", b = "v16_37_5_1abcu7j v16_37_5_1y2v1nfmc v16_37_5_1y2v1nf73", t = "v16_37_5_1abcu7s v16_37_5_1abcu7r", c = "v16_37_5_1abcu7b v16_37_5_1y2v1nf9r v16_37_5_1y2v1nfb0 v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nfju v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k", i = "v16_37_5_1abcu7t v16_37_5_1abcu7r", o = "v16_37_5_1abcu7r", y = "v16_37_5_1abcu7u v16_37_5_1abcu7r", f = "v16_37_5_1abcu7m v16_37_5_1abcu7j v16_37_5_1y2v1nfmc", s = "v16_37_5_1abcu7c v16_37_5_1abcu7b v16_37_5_1y2v1nf9r v16_37_5_1y2v1nfb0 v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nfju v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k", m = "v16_37_5_1abcu7f v16_37_5_1abcu7b v16_37_5_1y2v1nf9r v16_37_5_1y2v1nfb0 v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nfju v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k", C = "v16_37_5_1abcu7d v16_37_5_1abcu7b v16_37_5_1y2v1nf9r v16_37_5_1y2v1nfb0 v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nfju v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k", j = "v16_37_5_1abcu7e v16_37_5_1abcu7b v16_37_5_1y2v1nf9r v16_37_5_1y2v1nfb0 v16_37_5_1y2v1nfc9 v16_37_5_1y2v1nfdi v16_37_5_1y2v1nfju v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k", d = "v16_37_5_1abcu7x", k = "v16_37_5_1abcu7w v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfl5", L = "v16_37_5_1abcu71d v16_37_5_1abcu711 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nflc", p = "v16_37_5_1abcu71a v16_37_5_1y2v1nflp", B = "v16_37_5_1abcu71j v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk1", S = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy", g = "v16_37_5_1y2v1nfjl v16_37_5_1y2v1nflp v16_37_5_1y2v1nfjm", h = "v16_37_5_1y2v1nf9u", I = "v16_37_5_1abcu715", P = "v16_37_5_1abcu718", w = "v16_37_5_1abcu716", V = "v16_37_5_1abcu717", T = "v16_37_5_1abcu71h", A = "v16_37_5_1abcu71b", E = "v16_37_5_1abcu71e", M = "v16_37_5_1abcu71f", z = "v16_37_5_1abcu71g", U = "v16_37_5_1abcu71k", D = "v16_37_5_1abcu71m", W = "v16_37_5_1abcu71l", x = "v16_37_5_1abcu7h v16_37_5_1y2v1nfjn", F = "v16_37_5_1abcu71o v16_37_5_1abcu711 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nflc", Z = "v16_37_5_1y2v1nflr", q = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfcc v16_37_5_1y2v1nfdl", G = "v16_37_5_1abcu7z v16_37_5_1y2v1nfjm", O = "v16_37_5_1abcu71s v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfod v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfl5", R = "v16_37_5_1y2v1nfk2", H = "v16_37_5_1abcu71q v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfka", J = "v16_37_5_1abcu710", K = {
5
- itemsPerPageMobile: "var(--v16_37_5_1abcu71)",
6
- itemsPerPageTablet: "var(--v16_37_5_1abcu72)",
7
- itemsPerPageDesktop: "var(--v16_37_5_1abcu73)",
8
- gap: "var(--v16_37_5_1abcu74)",
9
- mobilePageOffset: "var(--v16_37_5_1abcu75)",
10
- mobileBulletLeftPosition: "var(--v16_37_5_1abcu76)",
11
- desktopBulletLeftPosition: "var(--v16_37_5_1abcu77)"
4
+ var n = 14, l = 12, e = 5, r = "v16_39_1abcu7j v16_39_1y2v1nfmc v16_39_1y2v1nf6f", u = "v16_39_1abcu7j v16_39_1y2v1nfmc v16_39_1y2v1nf6g", b = "v16_39_1abcu7j v16_39_1y2v1nfmc v16_39_1y2v1nf73", t = "v16_39_1abcu7s v16_39_1abcu7r", c = "v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", i = "v16_39_1abcu7t v16_39_1abcu7r", o = "v16_39_1abcu7r", y = "v16_39_1abcu7u v16_39_1abcu7r", f = "v16_39_1abcu7m v16_39_1abcu7j v16_39_1y2v1nfmc", s = "v16_39_1abcu7c v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", m = "v16_39_1abcu7f v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", C = "v16_39_1abcu7d v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", j = "v16_39_1abcu7e v16_39_1abcu7b v16_39_1y2v1nf9r v16_39_1y2v1nfb0 v16_39_1y2v1nfc9 v16_39_1y2v1nfdi v16_39_1y2v1nfju v16_39_1y2v1nfma v16_39_1y2v1nf9k", d = "v16_39_1abcu7x", k = "v16_39_1abcu7w v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfjm v16_39_1y2v1nfl5", L = "v16_39_1abcu71d v16_39_1abcu711 v16_39_1y2v1nfjs v16_39_1y2v1nflc", p = "v16_39_1abcu71a v16_39_1y2v1nflp", B = "v16_39_1abcu71j v16_39_1y2v1nfjs v16_39_1y2v1nfk1", S = "v16_39_1y2v1nfjs v16_39_1y2v1nfjy", g = "v16_39_1y2v1nfjl v16_39_1y2v1nflp v16_39_1y2v1nfjm", h = "v16_39_1y2v1nf9u", I = "v16_39_1abcu715", P = "v16_39_1abcu718", w = "v16_39_1abcu716", V = "v16_39_1abcu717", T = "v16_39_1abcu71h", A = "v16_39_1abcu71b", E = "v16_39_1abcu71e", M = "v16_39_1abcu71f", z = "v16_39_1abcu71g", U = "v16_39_1abcu71k", D = "v16_39_1abcu71m", W = "v16_39_1abcu71l", x = "v16_39_1abcu7h v16_39_1y2v1nfjn", F = "v16_39_1abcu71o v16_39_1abcu711 v16_39_1y2v1nfjs v16_39_1y2v1nflc", Z = "v16_39_1y2v1nflr", q = "v16_39_1y2v1nfjs v16_39_1y2v1nfk1 v16_39_1y2v1nf9l v16_39_1y2v1nfcc v16_39_1y2v1nfdl", G = "v16_39_1abcu7z v16_39_1y2v1nfjm", O = "v16_39_1abcu71s v16_39_1y2v1nfjn v16_39_1y2v1nfod v16_39_1y2v1nfnf v16_39_1y2v1nfnu v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_1y2v1nfl5", R = "v16_39_1y2v1nfk2", H = "v16_39_1abcu71q v16_39_1y2v1nfkf v16_39_1y2v1nfka", J = "v16_39_1abcu710", K = {
5
+ itemsPerPageMobile: "var(--v16_39_1abcu71)",
6
+ itemsPerPageTablet: "var(--v16_39_1abcu72)",
7
+ itemsPerPageDesktop: "var(--v16_39_1abcu73)",
8
+ gap: "var(--v16_39_1abcu74)",
9
+ mobilePageOffset: "var(--v16_39_1abcu75)",
10
+ mobileBulletLeftPosition: "var(--v16_39_1abcu76)",
11
+ desktopBulletLeftPosition: "var(--v16_39_1abcu77)"
12
12
  };
13
13
  export { n as LARGE_BULLET_FULL_SIZE, l as SMALL_BULLET_FULL_SIZE, e as VISIBLE_BULLETS, r as bullet, u as bulletActive, b as bulletActiveInverse, t as bulletActiveSizing, c as bulletButton, i as bulletInactiveMediumSizing, o as bulletInactiveSizing, y as bulletInactiveSmallSizing, f as bulletInverse, s as bulletVisibility, m as bulletVisibilityDesktop, C as bulletVisibilityMobile, j as bulletVisibilityTablet, d as bulletsScrollableContainer, k as bulletsScrollableContainerBase, L as carousel, p as carouselAutoplayControlContainer, B as carouselBullets, S as carouselComponentContainer, g as carouselContainer, h as carouselControlsContainer, I as carouselControlsVisibility, P as carouselControlsVisibilityDesktop, w as carouselControlsVisibilityMobile, V as carouselControlsVisibilityTablet, T as carouselItem, A as carouselPagesControlsContainer, E as carouselWithScrollMobile, M as carouselWithScrollTablet, z as centeredCarousel, U as noCarouselBulletsDesktop, D as noCarouselBulletsMobile, W as noCarouselBulletsTablet, x as scrollableBullet, F as slideshow, Z as slideshowAutoplayControlContainer, q as slideshowBulletsContainer, G as slideshowContainer, O as slideshowControlsContainer, R as slideshowControlsContainerSingleItem, H as slideshowItem, J as slideshowWithBullets, K as vars };