@telefonica/mistica 16.34.0 → 16.35.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 (192) 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 +1 -1
  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 +24 -24
  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 +16 -16
  11. package/dist/callout.css-mistica.js +5 -5
  12. package/dist/card.css-mistica.js +3 -3
  13. package/dist/carousel.css-mistica.js +8 -8
  14. package/dist/checkbox.css-mistica.js +7 -7
  15. package/dist/chip.css-mistica.js +12 -12
  16. package/dist/circle.css-mistica.js +1 -1
  17. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  18. package/dist/community/blocks.css-mistica.js +1 -1
  19. package/dist/community/example-component.css-mistica.js +1 -1
  20. package/dist/counter.css-mistica.js +1 -1
  21. package/dist/cover-hero.css-mistica.js +3 -3
  22. package/dist/credit-card-number-field.css-mistica.js +3 -3
  23. package/dist/date-field.css-mistica.js +1 -1
  24. package/dist/date-time-picker.css-mistica.js +1 -1
  25. package/dist/dialog.css-mistica.js +4 -4
  26. package/dist/divider.css-mistica.js +2 -2
  27. package/dist/double-field.css-mistica.js +2 -2
  28. package/dist/drawer.css-mistica.js +1 -1
  29. package/dist/drawer.d.ts +1 -0
  30. package/dist/drawer.js +54 -51
  31. package/dist/empty-state-card.css-mistica.js +1 -1
  32. package/dist/empty-state.css-mistica.js +5 -5
  33. package/dist/fade-in.css-mistica.js +1 -1
  34. package/dist/feedback.css-mistica.js +1 -1
  35. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  36. package/dist/form.css-mistica.js +1 -1
  37. package/dist/grid-layout.css-mistica.js +3 -3
  38. package/dist/grid.css-mistica.js +122 -122
  39. package/dist/grid.d.ts +2 -0
  40. package/dist/grid.js +55 -26
  41. package/dist/header.css-mistica.js +1 -1
  42. package/dist/hero.css-mistica.js +2 -2
  43. package/dist/highlighted-card.css-mistica.js +4 -4
  44. package/dist/horizontal-scroll.css-mistica.js +1 -1
  45. package/dist/icon-button.css-mistica.js +42 -42
  46. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  47. package/dist/icons/icon-error.css-mistica.js +1 -1
  48. package/dist/image.css-mistica.js +3 -3
  49. package/dist/inline.css-mistica.js +10 -10
  50. package/dist/list.css-mistica.js +5 -2
  51. package/dist/list.css.d.ts +1 -0
  52. package/dist/list.js +37 -36
  53. package/dist/loading-bar.css-mistica.js +1 -1
  54. package/dist/loading-screen.css-mistica.js +4 -4
  55. package/dist/logo.css-mistica.js +5 -5
  56. package/dist/maybe-dismissable.css-mistica.js +1 -1
  57. package/dist/menu.css-mistica.js +12 -12
  58. package/dist/mosaic.css-mistica.js +1 -1
  59. package/dist/navigation-bar.css-mistica.js +16 -16
  60. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  61. package/dist/package-version.js +1 -1
  62. package/dist/pin-field.css-mistica.js +1 -1
  63. package/dist/popover.css-mistica.js +1 -1
  64. package/dist/progress-bar.css-mistica.js +4 -4
  65. package/dist/radio-button.css-mistica.js +14 -14
  66. package/dist/rating.css-mistica.js +2 -2
  67. package/dist/responsive-layout.css-mistica.js +4 -4
  68. package/dist/screen-reader-only.css-mistica.js +1 -1
  69. package/dist/select.css-mistica.js +15 -15
  70. package/dist/sheet-action-row.css-mistica.js +1 -1
  71. package/dist/sheet-common.css-mistica.js +1 -1
  72. package/dist/sheet-info.css-mistica.js +1 -1
  73. package/dist/skeletons.css-mistica.js +4 -4
  74. package/dist/skins/skin-contract.css-mistica.js +354 -354
  75. package/dist/skip-link.css-mistica.js +1 -1
  76. package/dist/slider.css-mistica.js +10 -10
  77. package/dist/snackbar.css-mistica.js +4 -4
  78. package/dist/spinner.css-mistica.js +1 -1
  79. package/dist/stack.css-mistica.js +5 -5
  80. package/dist/stacking-group.css-mistica.js +1 -1
  81. package/dist/stepper.css-mistica.js +2 -2
  82. package/dist/switch-component.css-mistica.js +26 -26
  83. package/dist/table.css-mistica.js +8 -8
  84. package/dist/tabs.css-mistica.js +12 -12
  85. package/dist/tag.css-mistica.js +1 -1
  86. package/dist/text-field-base.css-mistica.js +1 -1
  87. package/dist/text-field-components.css-mistica.js +3 -3
  88. package/dist/text-link.css-mistica.js +5 -5
  89. package/dist/text.css-mistica.js +7 -7
  90. package/dist/theme-context.css-mistica.js +394 -394
  91. package/dist/timeline.css-mistica.js +10 -10
  92. package/dist/timer.css-mistica.js +6 -6
  93. package/dist/tooltip.css-mistica.js +1 -1
  94. package/dist/touchable.css-mistica.js +1 -1
  95. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  96. package/dist/video.css-mistica.js +1 -1
  97. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  98. package/dist-es/accordion.css-mistica.js +6 -6
  99. package/dist-es/align.css-mistica.js +1 -1
  100. package/dist-es/avatar.css-mistica.js +1 -1
  101. package/dist-es/badge.css-mistica.js +1 -1
  102. package/dist-es/box.css-mistica.js +13 -13
  103. package/dist-es/boxed.css-mistica.js +23 -23
  104. package/dist-es/button-group.css-mistica.js +1 -1
  105. package/dist-es/button-layout.css-mistica.js +13 -13
  106. package/dist-es/button.css-mistica.js +16 -16
  107. package/dist-es/callout.css-mistica.js +5 -5
  108. package/dist-es/card.css-mistica.js +3 -3
  109. package/dist-es/carousel.css-mistica.js +8 -8
  110. package/dist-es/checkbox.css-mistica.js +7 -7
  111. package/dist-es/chip.css-mistica.js +12 -12
  112. package/dist-es/circle.css-mistica.js +1 -1
  113. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  114. package/dist-es/community/blocks.css-mistica.js +1 -1
  115. package/dist-es/community/example-component.css-mistica.js +1 -1
  116. package/dist-es/counter.css-mistica.js +1 -1
  117. package/dist-es/cover-hero.css-mistica.js +3 -3
  118. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  119. package/dist-es/date-field.css-mistica.js +1 -1
  120. package/dist-es/date-time-picker.css-mistica.js +1 -1
  121. package/dist-es/dialog.css-mistica.js +4 -4
  122. package/dist-es/divider.css-mistica.js +2 -2
  123. package/dist-es/double-field.css-mistica.js +2 -2
  124. package/dist-es/drawer.css-mistica.js +1 -1
  125. package/dist-es/drawer.js +70 -67
  126. package/dist-es/empty-state-card.css-mistica.js +1 -1
  127. package/dist-es/empty-state.css-mistica.js +5 -5
  128. package/dist-es/fade-in.css-mistica.js +1 -1
  129. package/dist-es/feedback.css-mistica.js +1 -1
  130. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  131. package/dist-es/form.css-mistica.js +1 -1
  132. package/dist-es/grid-layout.css-mistica.js +3 -3
  133. package/dist-es/grid.css-mistica.js +122 -122
  134. package/dist-es/grid.js +59 -30
  135. package/dist-es/header.css-mistica.js +1 -1
  136. package/dist-es/hero.css-mistica.js +2 -2
  137. package/dist-es/highlighted-card.css-mistica.js +4 -4
  138. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  139. package/dist-es/icon-button.css-mistica.js +42 -42
  140. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  141. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  142. package/dist-es/image.css-mistica.js +3 -3
  143. package/dist-es/inline.css-mistica.js +10 -10
  144. package/dist-es/list.css-mistica.js +2 -2
  145. package/dist-es/list.js +59 -58
  146. package/dist-es/loading-bar.css-mistica.js +1 -1
  147. package/dist-es/loading-screen.css-mistica.js +4 -4
  148. package/dist-es/logo.css-mistica.js +5 -5
  149. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  150. package/dist-es/menu.css-mistica.js +12 -12
  151. package/dist-es/mosaic.css-mistica.js +1 -1
  152. package/dist-es/navigation-bar.css-mistica.js +16 -16
  153. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  154. package/dist-es/package-version.js +1 -1
  155. package/dist-es/pin-field.css-mistica.js +1 -1
  156. package/dist-es/popover.css-mistica.js +1 -1
  157. package/dist-es/progress-bar.css-mistica.js +4 -4
  158. package/dist-es/radio-button.css-mistica.js +14 -14
  159. package/dist-es/rating.css-mistica.js +2 -2
  160. package/dist-es/responsive-layout.css-mistica.js +4 -4
  161. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  162. package/dist-es/select.css-mistica.js +15 -15
  163. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  164. package/dist-es/sheet-common.css-mistica.js +1 -1
  165. package/dist-es/sheet-info.css-mistica.js +1 -1
  166. package/dist-es/skeletons.css-mistica.js +4 -4
  167. package/dist-es/skins/skin-contract.css-mistica.js +354 -354
  168. package/dist-es/skip-link.css-mistica.js +1 -1
  169. package/dist-es/slider.css-mistica.js +10 -10
  170. package/dist-es/snackbar.css-mistica.js +4 -4
  171. package/dist-es/spinner.css-mistica.js +1 -1
  172. package/dist-es/stack.css-mistica.js +5 -5
  173. package/dist-es/stacking-group.css-mistica.js +1 -1
  174. package/dist-es/stepper.css-mistica.js +2 -2
  175. package/dist-es/style.css +1 -1
  176. package/dist-es/switch-component.css-mistica.js +26 -26
  177. package/dist-es/table.css-mistica.js +8 -8
  178. package/dist-es/tabs.css-mistica.js +12 -12
  179. package/dist-es/tag.css-mistica.js +1 -1
  180. package/dist-es/text-field-base.css-mistica.js +1 -1
  181. package/dist-es/text-field-components.css-mistica.js +3 -3
  182. package/dist-es/text-link.css-mistica.js +5 -5
  183. package/dist-es/text.css-mistica.js +7 -7
  184. package/dist-es/theme-context.css-mistica.js +394 -394
  185. package/dist-es/timeline.css-mistica.js +10 -10
  186. package/dist-es/timer.css-mistica.js +6 -6
  187. package/dist-es/tooltip.css-mistica.js +1 -1
  188. package/dist-es/touchable.css-mistica.js +1 -1
  189. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  190. package/dist-es/video.css-mistica.js +1 -1
  191. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  192. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./dialog.css.ts.vanilla.css-mistica.js";
3
- var n = 200, y = "v16_34_3dl29lb", f = "v16_34_3dl29l6", l = "v16_34_3dl29ll v16_34_1y2v1nf96", a = "v16_34_3dl29lj v16_34_1y2v1nfje v16_34_1y2v1nfks", o = "v16_34_3dl29lm", d = "v16_34_3dl29l8 v16_34_1y2v1nf90 v16_34_1y2v1nfa9 v16_34_1y2v1nfbi v16_34_1y2v1nfcr v16_34_1y2v1nfin v16_34_1y2v1nfm0 v16_34_1y2v1nfmu", i = "v16_34_3dl29la v16_34_1y2v1nf4b v16_34_1y2v1nflk", r = "v16_34_3dl29l5 v16_34_1y2v1nfio v16_34_1y2v1nfis v16_34_1y2v1nfj1 v16_34_1y2v1nfj7 v16_34_1y2v1nfiy v16_34_1y2v1nfm0 v16_34_1y2v1nfmu v16_34_1y2v1nfn9 v16_34_1y2v1nfmf v16_34_1y2v1nf4n", t = {
4
- dialog: "v16_34_3dl29ld v16_34_1y2v1nfis v16_34_1y2v1nfiy v16_34_1y2v1nfj4 v16_34_1y2v1nfbo v16_34_1y2v1nfcx v16_34_1y2v1nf9c v16_34_1y2v1nfaf",
5
- default: "v16_34_3dl29ld v16_34_1y2v1nfis v16_34_1y2v1nfiy v16_34_1y2v1nfj4 v16_34_1y2v1nf96 v16_34_1y2v1nfaf v16_34_1y2v1nfbo v16_34_1y2v1nfcx"
6
- }, e = "v16_34_1y2v1nfim";
3
+ var n = 200, y = "v16_35_3dl29lb", f = "v16_35_3dl29l6", l = "v16_35_3dl29ll v16_35_1y2v1nf96", a = "v16_35_3dl29lj v16_35_1y2v1nfje v16_35_1y2v1nfks", o = "v16_35_3dl29lm", d = "v16_35_3dl29l8 v16_35_1y2v1nf90 v16_35_1y2v1nfa9 v16_35_1y2v1nfbi v16_35_1y2v1nfcr v16_35_1y2v1nfin v16_35_1y2v1nfm0 v16_35_1y2v1nfmu", i = "v16_35_3dl29la v16_35_1y2v1nf4b v16_35_1y2v1nflk", r = "v16_35_3dl29l5 v16_35_1y2v1nfio v16_35_1y2v1nfis v16_35_1y2v1nfj1 v16_35_1y2v1nfj7 v16_35_1y2v1nfiy v16_35_1y2v1nfm0 v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nfmf v16_35_1y2v1nf4n", t = {
4
+ dialog: "v16_35_3dl29ld v16_35_1y2v1nfis v16_35_1y2v1nfiy v16_35_1y2v1nfj4 v16_35_1y2v1nfbo v16_35_1y2v1nfcx v16_35_1y2v1nf9c v16_35_1y2v1nfaf",
5
+ default: "v16_35_3dl29ld v16_35_1y2v1nfis v16_35_1y2v1nfiy v16_35_1y2v1nfj4 v16_35_1y2v1nf96 v16_35_1y2v1nfaf v16_35_1y2v1nfbo v16_35_1y2v1nfcx"
6
+ }, e = "v16_35_1y2v1nfim";
7
7
  export { n as ANIMATION_DURATION_MS, y as closedModalContent, f as closedOpactityLayer, l as dialogActions, a as dialogContent, o as iconContainer, d as modalCloseButtonContainer, i as modalContent, r as modalOpacityLayer, t as variants, e as wrapper };
@@ -1,6 +1,6 @@
1
1
  import "./divider.css.ts.vanilla.css-mistica.js";
2
2
  var t = {
3
- default: "v16_34_o0dvt10",
4
- inverse: "v16_34_o0dvt11"
3
+ default: "v16_35_o0dvt10",
4
+ inverse: "v16_35_o0dvt11"
5
5
  };
6
6
  export { t as variants };
@@ -4,7 +4,7 @@ import "./text-field-base.css.ts.vanilla.css-mistica.js";
4
4
  import "./text-field-components.css.ts.vanilla.css-mistica.js";
5
5
  import "./double-field.css.ts.vanilla.css-mistica.js";
6
6
  var t = {
7
- default: "v16_34_skrulh1 v16_34_1y2v1nfis v16_34_1y2v1nfix v16_34_1y2v1nfjf",
8
- fullWidth: "v16_34_skrulh2 v16_34_1y2v1nfis v16_34_1y2v1nfix v16_34_1y2v1nfjf"
7
+ default: "v16_35_skrulh1 v16_35_1y2v1nfis v16_35_1y2v1nfix v16_35_1y2v1nfjf",
8
+ fullWidth: "v16_35_skrulh2 v16_35_1y2v1nfis v16_35_1y2v1nfix v16_35_1y2v1nfjf"
9
9
  };
10
10
  export { t as variants };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./drawer.css.ts.vanilla.css-mistica.js";
3
- var n = 350, y = "v16_34_1y2v1nfin v16_34_1y2v1nfm3 v16_34_1y2v1nfmx", f = "v16_34_c4ngww9", r = "v16_34_c4ngww1 v16_34_1y2v1nfio v16_34_1y2v1nfis v16_34_1y2v1nf4b v16_34_1y2v1nfm0 v16_34_1y2v1nfmu v16_34_1y2v1nfn9 v16_34_1y2v1nflu", a = "v16_34_1y2v1nf9c v16_34_1y2v1nfis v16_34_1y2v1nfiy v16_34_1y2v1nfjd", o = "v16_34_c4ngww8", e = "v16_34_c4ngwwb v16_34_1y2v1nfio v16_34_1y2v1nfm0 v16_34_1y2v1nfmf v16_34_1y2v1nfmu v16_34_1y2v1nfn9 v16_34_1y2v1nf4n", c = "v16_34_c4ngwwc", w = "v16_34_c4ngwwd", i = "v16_34_1y2v1nfjd v16_34_1y2v1nflz", l = "v16_34_c4ngww5 v16_34_1y2v1nfja v16_34_1y2v1nfjc";
3
+ var n = 350, y = "v16_35_1y2v1nfin v16_35_1y2v1nfm3 v16_35_1y2v1nfmx", f = "v16_35_c4ngww9", r = "v16_35_c4ngww1 v16_35_1y2v1nfio v16_35_1y2v1nfis v16_35_1y2v1nf4b v16_35_1y2v1nfm0 v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nflu", a = "v16_35_1y2v1nf9c v16_35_1y2v1nfis v16_35_1y2v1nfiy v16_35_1y2v1nfjd", o = "v16_35_c4ngww8", e = "v16_35_c4ngwwb v16_35_1y2v1nfio v16_35_1y2v1nfm0 v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nf4n", c = "v16_35_c4ngwwc", w = "v16_35_c4ngwwd", i = "v16_35_1y2v1nfjd v16_35_1y2v1nflz", l = "v16_35_c4ngww5 v16_35_1y2v1nfja v16_35_1y2v1nfjc";
4
4
  export { n as ANIMATION_DURATION_MS, y as closeButtonContainer, f as closed, r as container, a as drawer, o as open, e as overlay, c as overlayClosed, w as overlayOpen, i as scrollableSection, l as titleContainer };
package/dist-es/drawer.js CHANGED
@@ -54,105 +54,105 @@ function _object_spread_props(target, source) {
54
54
  import { jsx as e, jsxs as k } from "react/jsx-runtime";
55
55
  import * as t from "react";
56
56
  import W from "./stack.js";
57
- import { Text5 as L, Text4 as X, Text3 as G } from "./text.js";
58
- import { vars as K } from "./skins/skin-contract.css-mistica.js";
57
+ import { Text5 as X, Text4 as G, Text3 as K } from "./text.js";
58
+ import { vars as L } from "./skins/skin-contract.css-mistica.js";
59
59
  import { IconButton as j } from "./icon-button.js";
60
60
  import Y from "./generated/mistica-icons/icon-close-regular.js";
61
61
  import E from "./box.js";
62
62
  import { ANIMATION_DURATION_MS as $, overlay as z, overlayOpen as U, overlayClosed as V, container as q, open as H, closed as J, drawer as Q, closeButtonContainer as Z, titleContainer as F, scrollableSection as ee } from "./drawer.css-mistica.js";
63
- import x from "classnames";
63
+ import N from "classnames";
64
64
  import { Portal as te } from "./portal.js";
65
- import { useScreenSize as re, useTheme as oe, useIsInViewport as D } from "./hooks.js";
66
- import ne from "./focus-trap.js";
67
- import { useSetModalStateEffect as ae } from "./modal-context-provider.js";
68
- import se from "./button-layout.js";
69
- import { ButtonPrimary as ie, ButtonSecondary as ce, ButtonLink as le } from "./button.js";
65
+ import { useScreenSize as re, useTheme as oe, useIsInViewport as x } from "./hooks.js";
66
+ import ae from "./focus-trap.js";
67
+ import { useSetModalStateEffect as se } from "./modal-context-provider.js";
68
+ import ne from "./button-layout.js";
69
+ import { ButtonPrimary as ie, ButtonSecondary as le, ButtonLink as ce } from "./button.js";
70
70
  import de from "./divider.js";
71
71
  import { getPrefixedDataAttributes as me } from "./utils/dom.js";
72
72
  import { modalClose as ue } from "./text-tokens.js";
73
- const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (param)=>{
74
- let { show: n } = param;
75
- return n ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e("div", {
73
+ const P = 40, A = 32, fe = 16, R = 388, pe = R + P * 2, ve = R + A * 2, D = (param)=>{
74
+ let { show: i } = param;
75
+ return i ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e("div", {
76
76
  style: {
77
77
  borderBottom: "1px solid transparent"
78
78
  }
79
79
  });
80
80
  }, he = ()=>{
81
- const n = t.useRef(document.activeElement);
81
+ const i = t.useRef(document.activeElement);
82
82
  t.useEffect(()=>{
83
- const r = n.current;
83
+ const r = i.current;
84
84
  return ()=>{
85
- var a;
86
- (a = r == null ? void 0 : r.focus) == null || a.call(r);
85
+ var l;
86
+ (l = r == null ? void 0 : r.focus) == null || l.call(r);
87
87
  };
88
88
  }, []);
89
89
  }, Ee = /*#__PURE__*/ t.forwardRef((param, S)=>{
90
- let { width: n, children: r, onClose: a, onDismiss: d } = param;
91
- ae(), he();
92
- const { isMobile: p, isTablet: T } = re(), [u, v] = t.useState(!1), s = p ? "none" : T ? ve : pe, i = p ? "auto" : n, c = t.useCallback((o)=>{
90
+ let { width: i, children: r, onClose: l, onDismiss: d } = param;
91
+ se(), he();
92
+ const { isMobile: p, isTablet: T } = re(), [u, v] = t.useState(!1), a = p ? "none" : T ? ve : pe, s = p ? "auto" : i, n = t.useCallback((o)=>{
93
93
  o && setTimeout(()=>{
94
94
  v(!0);
95
95
  }, 50);
96
96
  }, []), f = t.useCallback(()=>(v(!1), new Promise((o)=>{
97
97
  setTimeout(o, $);
98
- }).then(a)), [
99
- a
100
- ]), l = t.useCallback(()=>f().then(()=>d == null ? void 0 : d()), [
98
+ }).then(l)), [
99
+ l
100
+ ]), c = t.useCallback(()=>f().then(()=>d == null ? void 0 : d()), [
101
101
  d,
102
102
  f
103
103
  ]);
104
104
  return t.useImperativeHandle(S, ()=>({
105
105
  close: f,
106
- dismiss: l
106
+ dismiss: c
107
107
  })), t.useEffect(()=>{
108
108
  const o = (h)=>{
109
- h.key === "Escape" && l();
109
+ h.key === "Escape" && c();
110
110
  };
111
111
  return document.addEventListener("keydown", o), ()=>{
112
112
  document.removeEventListener("keydown", o);
113
113
  };
114
114
  }, [
115
- l
115
+ c
116
116
  ]), /* @__PURE__ */ e(te, {
117
- children: /* @__PURE__ */ k(ne, {
117
+ children: /* @__PURE__ */ k(ae, {
118
118
  children: [
119
119
  /* @__PURE__ */ e("div", {
120
120
  "data-testid": "drawerOverlay",
121
- onClick: d ? l : void 0,
122
- className: x(z, u ? U : V)
121
+ onClick: d ? c : void 0,
122
+ className: N(z, u ? U : V)
123
123
  }),
124
124
  /* @__PURE__ */ e("div", {
125
125
  "data-testid": "drawerLayout",
126
- ref: c,
126
+ ref: n,
127
127
  style: {
128
- width: i,
129
- minWidth: s
128
+ width: s,
129
+ minWidth: a
130
130
  },
131
- className: x(q, u ? H : J),
131
+ className: N(q, u ? H : J),
132
132
  children: r
133
133
  })
134
134
  ]
135
135
  })
136
136
  });
137
137
  }), ke = (param)=>{
138
- let { title: n, subtitle: r, description: a, titleAs: d = "h2", dismissLabel: S, width: p, onClose: T, onDismiss: u, children: v, button: s, secondaryButton: i, buttonLink: c, dataAttributes: f } = param;
139
- const l = t.useRef(null), o = !!(s || i || c), [h, _] = t.useState(null), I = t.useRef(null), g = t.useRef(null), { t: B, texts: C } = oe(), w = {
138
+ let { title: i, subtitle: r, description: l, titleAs: d = "h2", dismissLabel: S, width: p, onClose: T, onDismiss: u, children: v, button: a, secondaryButton: s, buttonLink: n, dataAttributes: f } = param;
139
+ const c = t.useRef(null), o = !!(a || s || n), [h, _] = t.useState(null), g = t.useRef(null), y = t.useRef(null), { t: B, texts: C } = oe(), w = {
140
140
  mobile: fe,
141
- tablet: b,
142
- desktop: A
143
- }, y = (m)=>{
144
- var N;
145
- (N = l.current) == null || N.close().then(()=>m == null ? void 0 : m());
146
- }, O = !D(I, !0, {
141
+ tablet: A,
142
+ desktop: P
143
+ }, I = (m)=>{
144
+ var b;
145
+ (b = c.current) == null || b.close().then(()=>m == null ? void 0 : m());
146
+ }, O = !x(g, !0, {
147
147
  root: h
148
- }), M = !D(g, !0, {
148
+ }), M = !x(y, !0, {
149
149
  rootMargin: "1px",
150
150
  // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
151
151
  root: h
152
152
  });
153
153
  return /* @__PURE__ */ e(Ee, {
154
154
  width: p,
155
- ref: l,
155
+ ref: c,
156
156
  onClose: T,
157
157
  onDismiss: u,
158
158
  children: /* @__PURE__ */ k("section", _object_spread_props(_object_spread({
@@ -170,7 +170,7 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
170
170
  },
171
171
  onPress: ()=>{
172
172
  var m;
173
- return (m = l.current) == null ? void 0 : m.dismiss();
173
+ return (m = c.current) == null ? void 0 : m.dismiss();
174
174
  },
175
175
  Icon: Y,
176
176
  "aria-label": S || C.modalClose || B(ue),
@@ -178,47 +178,47 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
178
178
  backgroundType: "transparent"
179
179
  })
180
180
  }),
181
- n && /* @__PURE__ */ e("div", {
181
+ i && /* @__PURE__ */ e("div", {
182
182
  className: F,
183
183
  children: /* @__PURE__ */ e(E, {
184
184
  paddingX: w,
185
- children: /* @__PURE__ */ e(L, {
185
+ children: /* @__PURE__ */ e(X, {
186
186
  as: d,
187
187
  dataAttributes: {
188
188
  testid: "title"
189
189
  },
190
- children: n
190
+ children: i
191
191
  })
192
192
  })
193
193
  }),
194
- /* @__PURE__ */ e(P, {
194
+ /* @__PURE__ */ e(D, {
195
195
  show: O
196
196
  }),
197
197
  /* @__PURE__ */ k("div", {
198
198
  className: ee,
199
199
  children: [
200
200
  /* @__PURE__ */ e("div", {
201
- ref: I
201
+ ref: g
202
202
  }),
203
203
  /* @__PURE__ */ e(E, {
204
204
  paddingX: w,
205
205
  children: /* @__PURE__ */ k(W, {
206
206
  space: 16,
207
207
  children: [
208
- r && /* @__PURE__ */ e(X, {
208
+ r && /* @__PURE__ */ e(G, {
209
209
  regular: !0,
210
210
  dataAttributes: {
211
211
  testid: "subtitle"
212
212
  },
213
213
  children: r
214
214
  }),
215
- a && /* @__PURE__ */ e(G, {
215
+ l && /* @__PURE__ */ e(K, {
216
216
  regular: !0,
217
- color: K.colors.textSecondary,
217
+ color: L.colors.textSecondary,
218
218
  dataAttributes: {
219
219
  testid: "description"
220
220
  },
221
- children: a
221
+ children: l
222
222
  }),
223
223
  v
224
224
  ]
@@ -231,11 +231,11 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
231
231
  }
232
232
  }),
233
233
  /* @__PURE__ */ e("div", {
234
- ref: g
234
+ ref: y
235
235
  })
236
236
  ]
237
237
  }),
238
- /* @__PURE__ */ e(P, {
238
+ /* @__PURE__ */ e(D, {
239
239
  show: o && M
240
240
  }),
241
241
  o && /* @__PURE__ */ e(E, {
@@ -244,25 +244,28 @@ const A = 40, b = 32, fe = 16, R = 388, pe = R + A * 2, ve = R + b * 2, P = (par
244
244
  mobile: 16,
245
245
  desktop: 24
246
246
  },
247
- children: /* @__PURE__ */ e(se, {
248
- primaryButton: s && /* @__PURE__ */ e(ie, {
247
+ children: /* @__PURE__ */ e(ne, {
248
+ primaryButton: a && /* @__PURE__ */ e(ie, {
249
+ trackEvent: a.trackEvent,
250
+ trackingEvent: a.trackingEvent,
251
+ onPress: ()=>I(a.onPress),
252
+ disabled: a.disabled,
253
+ children: a.text
254
+ }),
255
+ secondaryButton: s && /* @__PURE__ */ e(le, {
249
256
  trackEvent: s.trackEvent,
250
257
  trackingEvent: s.trackingEvent,
251
- onPress: ()=>y(s.onPress),
258
+ onPress: ()=>I(s.onPress),
259
+ disabled: s.disabled,
252
260
  children: s.text
253
261
  }),
254
- secondaryButton: i && /* @__PURE__ */ e(ce, {
255
- trackEvent: i.trackEvent,
256
- trackingEvent: i.trackingEvent,
257
- onPress: ()=>y(i.onPress),
258
- children: i.text
259
- }),
260
- link: c && /* @__PURE__ */ e(le, {
261
- trackEvent: c.trackEvent,
262
- trackingEvent: c.trackingEvent,
263
- onPress: ()=>y(c.onPress),
262
+ link: n && /* @__PURE__ */ e(ce, {
263
+ trackEvent: n.trackEvent,
264
+ trackingEvent: n.trackingEvent,
265
+ onPress: ()=>I(n.onPress),
264
266
  bleedY: !0,
265
- children: c.text
267
+ disabled: n.disabled,
268
+ children: n.text
266
269
  })
267
270
  })
268
271
  })
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./empty-state-card.css.ts.vanilla.css-mistica.js";
3
- var r = "v16_34_1azor6p4 v16_34_1y2v1nfjr v16_34_1y2v1nfk7", a = "v16_34_1azor6p0", n = "v16_34_1azor6p2 v16_34_1y2v1nfiu v16_34_1y2v1nfk9";
3
+ var r = "v16_35_1azor6p4 v16_35_1y2v1nfjr v16_35_1y2v1nfk7", a = "v16_35_1azor6p0", n = "v16_35_1azor6p2 v16_35_1y2v1nfiu v16_35_1y2v1nfk9";
4
4
  export { r as assetContainer, a as container, n as image };
@@ -1,9 +1,9 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./empty-state.css.ts.vanilla.css-mistica.js";
3
- var v = "v16_34_13fzrua9 v16_34_1y2v1nfjt v16_34_1y2v1nfk9", _ = "v16_34_1y2v1nfl9", e = "v16_34_13fzrua2 v16_34_1y2v1nfis v16_34_1y2v1nf8k", n = {
4
- default: "v16_34_13fzrua3",
5
- largeImage: "v16_34_13fzrua4"
6
- }, f = "v16_34_13fzruad", o = "v16_34_13fzrua7 v16_34_1y2v1nfjw", t = "v16_34_13fzrua5", u = "v16_34_13fzruab v16_34_1y2v1nfiu", i = {
7
- backgroundColor: "var(--v16_34_13fzrua0)"
3
+ var v = "v16_35_13fzrua9 v16_35_1y2v1nfjt v16_35_1y2v1nfk9", _ = "v16_35_1y2v1nfl9", e = "v16_35_13fzrua2 v16_35_1y2v1nfis v16_35_1y2v1nf8k", n = {
4
+ default: "v16_35_13fzrua3",
5
+ largeImage: "v16_35_13fzrua4"
6
+ }, f = "v16_35_13fzruad", o = "v16_35_13fzrua7 v16_35_1y2v1nfjw", t = "v16_35_13fzrua5", u = "v16_35_13fzruab v16_35_1y2v1nfiu", i = {
7
+ backgroundColor: "var(--v16_35_13fzrua0)"
8
8
  };
9
9
  export { v as assetContainer, _ as border, e as container, n as contentVariants, f as inverseBorder, o as largeImage, t as largeImageContainer, u as smallImage, i as vars };
@@ -1,3 +1,3 @@
1
1
  import "./fade-in.css.ts.vanilla.css-mistica.js";
2
- var p = "v16_34_kq227n1";
2
+ var p = "v16_35_kq227n1";
3
3
  export { p as wrapper };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./feedback.css.ts.vanilla.css-mistica.js";
3
- var v = "v16_34_1y2v1nfjr v16_34_1y2v1nfk7", e = "v16_34_gx6h6af", r = "v16_34_gx6h6a4 v16_34_1y2v1nfis v16_34_1y2v1nfjw v16_34_1y2v1nfjf v16_34_1y2v1nfiy", n = "v16_34_gx6h6a0", t = "v16_34_gx6h6a1", x = "v16_34_gx6h6a2", g = "v16_34_gx6h6ae", h = "v16_34_gx6h6ab v16_34_gx6h6aa", o = "v16_34_gx6h6ac v16_34_gx6h6aa", i = "v16_34_gx6h6ad v16_34_gx6h6aa", f = "v16_34_gx6h6a5", p = "v16_34_gx6h6a6";
3
+ var v = "v16_35_1y2v1nfjr v16_35_1y2v1nfk7", e = "v16_35_gx6h6af", r = "v16_35_gx6h6a4 v16_35_1y2v1nfis v16_35_1y2v1nfjw v16_35_1y2v1nfjf v16_35_1y2v1nfiy", n = "v16_35_gx6h6a0", t = "v16_35_gx6h6a1", x = "v16_35_gx6h6a2", g = "v16_35_gx6h6ae", h = "v16_35_gx6h6ab v16_35_gx6h6aa", o = "v16_35_gx6h6ac v16_35_gx6h6aa", i = "v16_35_gx6h6ad v16_35_gx6h6aa", f = "v16_35_gx6h6a5", p = "v16_35_gx6h6a6";
4
4
  export { v as assetContainer, e as backgroundBrand, r as container, n as desktopContainer, t as desktopContent, x as desktopImage, g as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, i as feedbackTextAppearSlow, f as innerContainer, p as innerContainerWithButtons };
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./fixed-footer-layout.css.ts.vanilla.css-mistica.js";
3
- var r = "v16_34_p5j8j5d v16_34_1y2v1nfmf v16_34_1y2v1nfmu v16_34_1y2v1nfin", f = "v16_34_p5j8j57", n = "v16_34_p5j8j55", o = "v16_34_p5j8j5b v16_34_1y2v1nfm0 v16_34_1y2v1nfmf v16_34_1y2v1nfmu v16_34_1y2v1nfn9 v16_34_1y2v1nfio", a = "v16_34_p5j8j54", j = "v16_34_p5j8j53 v16_34_1y2v1nfjf", y = "v16_34_p5j8j59 v16_34_1y2v1nfm0 v16_34_1y2v1nfmf v16_34_1y2v1nfmu v16_34_1y2v1nfn9 v16_34_1y2v1nfio", e = {
4
- footerHeight: "var(--v16_34_p5j8j50)",
5
- backgroundColor: "var(--v16_34_p5j8j51)"
6
- }, t = "v16_34_1y2v1nfir";
3
+ var r = "v16_35_p5j8j5d v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfin", f = "v16_35_p5j8j57", n = "v16_35_p5j8j55", o = "v16_35_p5j8j5b v16_35_1y2v1nfm0 v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nfio", a = "v16_35_p5j8j54", j = "v16_35_p5j8j53 v16_35_1y2v1nfjf", y = "v16_35_p5j8j59 v16_35_1y2v1nfm0 v16_35_1y2v1nfmf v16_35_1y2v1nfmu v16_35_1y2v1nfn9 v16_35_1y2v1nfio", e = {
4
+ footerHeight: "var(--v16_35_p5j8j50)",
5
+ backgroundColor: "var(--v16_35_p5j8j51)"
6
+ }, t = "v16_35_1y2v1nfir";
7
7
  export { r as absoluteBackgroundLayer, f as container, n as elevated, o as fixedBackgroundLayer, a as fixedFooter, j as footer, y as portal, e as vars, t as withoutFooter };
@@ -1,3 +1,3 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
- var f = "v16_34_1y2v1nfjf";
2
+ var f = "v16_35_1y2v1nfjf";
3
3
  export { f as form };
@@ -1,6 +1,6 @@
1
1
  import "./grid-layout.css.ts.vanilla.css-mistica.js";
2
- var a = "v16_34_379jdb5", _ = "v16_34_379jdb2", r = "v16_34_379jdb1", d = "v16_34_379jdb0", e = "v16_34_379jdb4", l = "v16_34_379jdb7", o = {
3
- colSpan: "var(--v16_34_379jdb6)",
4
- verticalSpace: "var(--v16_34_379jdb3)"
2
+ var a = "v16_35_379jdb5", _ = "v16_35_379jdb2", r = "v16_35_379jdb1", d = "v16_35_379jdb0", e = "v16_35_379jdb4", l = "v16_35_379jdb7", o = {
3
+ colSpan: "var(--v16_35_379jdb6)",
4
+ verticalSpace: "var(--v16_35_379jdb3)"
5
5
  };
6
6
  export { a as collapsedInTablet, _ as desktopLargeColumn, r as desktopMediumColumn, d as desktopSmallColumn, e as grid, l as span, o as vars };