@telefonica/mistica 16.69.0 → 16.71.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 (215) 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/autocomplete.css-mistica.js +1 -1
  5. package/dist/avatar.css-mistica.js +1 -1
  6. package/dist/badge.css-mistica.js +1 -1
  7. package/dist/box.css-mistica.js +13 -13
  8. package/dist/boxed.css-mistica.js +24 -24
  9. package/dist/button-group.css-mistica.js +1 -1
  10. package/dist/button-layout.css-mistica.js +14 -14
  11. package/dist/button.css-mistica.js +30 -30
  12. package/dist/callout.css-mistica.js +11 -11
  13. package/dist/card-internal.css-mistica.js +15 -15
  14. package/dist/carousel.css-mistica.js +8 -8
  15. package/dist/checkbox.css-mistica.js +11 -11
  16. package/dist/chip.css-mistica.js +15 -15
  17. package/dist/circle.css-mistica.js +1 -1
  18. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  19. package/dist/community/ai-card.css-mistica.js +13 -13
  20. package/dist/community/blocks.css-mistica.js +1 -1
  21. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  22. package/dist/community/example-component.css-mistica.js +2 -2
  23. package/dist/counter.css-mistica.js +1 -1
  24. package/dist/cover-hero.css-mistica.js +2 -2
  25. package/dist/credit-card-number-field.css-mistica.js +3 -3
  26. package/dist/date-field.css-mistica.js +1 -1
  27. package/dist/date-time-picker.css-mistica.js +1 -1
  28. package/dist/dialog.css-mistica.js +4 -4
  29. package/dist/divider.css-mistica.js +5 -5
  30. package/dist/double-field.css-mistica.js +2 -2
  31. package/dist/drawer.css-mistica.js +1 -1
  32. package/dist/drawer.js +70 -79
  33. package/dist/empty-state-card.css-mistica.js +1 -1
  34. package/dist/empty-state.css-mistica.js +5 -5
  35. package/dist/fade-in.css-mistica.js +1 -1
  36. package/dist/feedback.css-mistica.js +1 -1
  37. package/dist/file-upload.css-mistica.js +7 -7
  38. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  39. package/dist/form.css-mistica.js +1 -1
  40. package/dist/grid-layout.css-mistica.js +3 -3
  41. package/dist/grid.css-mistica.js +120 -120
  42. package/dist/header.css-mistica.js +1 -1
  43. package/dist/hero.css-mistica.js +2 -2
  44. package/dist/horizontal-scroll.css-mistica.js +1 -1
  45. package/dist/icon-button.css-mistica.js +53 -53
  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 +2 -2
  49. package/dist/index.d.ts +1 -0
  50. package/dist/index.js +4 -0
  51. package/dist/inline.css-mistica.js +9 -9
  52. package/dist/list.css-mistica.js +1 -1
  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/menu.css-mistica.js +13 -13
  57. package/dist/mosaic.css-mistica.js +1 -1
  58. package/dist/navigation-bar.css-mistica.js +18 -18
  59. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  60. package/dist/package-version.js +1 -1
  61. package/dist/pagination.css-mistica.js +67 -0
  62. package/dist/pagination.css.d.ts +12 -0
  63. package/dist/pagination.d.ts +34 -0
  64. package/dist/pagination.js +318 -0
  65. package/dist/pin-field.css-mistica.js +1 -1
  66. package/dist/popover.css-mistica.js +1 -1
  67. package/dist/progress-bar.css-mistica.js +6 -6
  68. package/dist/radio-button.css-mistica.js +19 -19
  69. package/dist/rating.css-mistica.js +2 -2
  70. package/dist/responsive-layout.css-mistica.js +6 -6
  71. package/dist/screen-reader-only.css-mistica.js +1 -1
  72. package/dist/select.css-mistica.js +15 -15
  73. package/dist/select.js +45 -43
  74. package/dist/sheet-action-row.css-mistica.js +1 -1
  75. package/dist/sheet-common.css-mistica.js +1 -1
  76. package/dist/sheet-info.css-mistica.js +1 -1
  77. package/dist/skeletons.css-mistica.js +6 -6
  78. package/dist/skins/skin-contract.css-mistica.js +684 -684
  79. package/dist/skip-link.css-mistica.js +1 -1
  80. package/dist/slider.css-mistica.js +18 -18
  81. package/dist/snackbar.css-mistica.js +4 -4
  82. package/dist/spinner.css-mistica.js +1 -1
  83. package/dist/square.css-mistica.js +1 -1
  84. package/dist/stack.css-mistica.js +5 -5
  85. package/dist/stacking-group.css-mistica.js +1 -1
  86. package/dist/stepper.css-mistica.js +2 -2
  87. package/dist/switch-component.css-mistica.js +35 -35
  88. package/dist/table.css-mistica.js +9 -9
  89. package/dist/tabs.css-mistica.js +17 -17
  90. package/dist/tag.css-mistica.js +1 -1
  91. package/dist/text-field-base.css-mistica.js +15 -15
  92. package/dist/text-field-components.css-mistica.js +3 -3
  93. package/dist/text-link.css-mistica.js +6 -6
  94. package/dist/text-tokens.d.ts +14 -0
  95. package/dist/text-tokens.js +173 -117
  96. package/dist/text.css-mistica.js +6 -6
  97. package/dist/timeline.css-mistica.js +9 -9
  98. package/dist/timer.css-mistica.js +6 -6
  99. package/dist/tooltip.css-mistica.js +1 -1
  100. package/dist/touchable.css-mistica.js +1 -1
  101. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  102. package/dist/video.css-mistica.js +1 -1
  103. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  104. package/dist-es/accordion.css-mistica.js +6 -6
  105. package/dist-es/align.css-mistica.js +1 -1
  106. package/dist-es/autocomplete.css-mistica.js +1 -1
  107. package/dist-es/avatar.css-mistica.js +1 -1
  108. package/dist-es/badge.css-mistica.js +1 -1
  109. package/dist-es/box.css-mistica.js +13 -13
  110. package/dist-es/boxed.css-mistica.js +23 -23
  111. package/dist-es/button-group.css-mistica.js +1 -1
  112. package/dist-es/button-layout.css-mistica.js +14 -14
  113. package/dist-es/button.css-mistica.js +30 -30
  114. package/dist-es/callout.css-mistica.js +11 -11
  115. package/dist-es/card-internal.css-mistica.js +15 -15
  116. package/dist-es/carousel.css-mistica.js +8 -8
  117. package/dist-es/checkbox.css-mistica.js +11 -11
  118. package/dist-es/chip.css-mistica.js +15 -15
  119. package/dist-es/circle.css-mistica.js +1 -1
  120. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  121. package/dist-es/community/ai-card.css-mistica.js +4 -4
  122. package/dist-es/community/blocks.css-mistica.js +1 -1
  123. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  124. package/dist-es/community/example-component.css-mistica.js +2 -2
  125. package/dist-es/counter.css-mistica.js +1 -1
  126. package/dist-es/cover-hero.css-mistica.js +2 -2
  127. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  128. package/dist-es/date-field.css-mistica.js +1 -1
  129. package/dist-es/date-time-picker.css-mistica.js +1 -1
  130. package/dist-es/dialog.css-mistica.js +4 -4
  131. package/dist-es/divider.css-mistica.js +5 -5
  132. package/dist-es/double-field.css-mistica.js +2 -2
  133. package/dist-es/drawer.css-mistica.js +1 -1
  134. package/dist-es/drawer.js +87 -96
  135. package/dist-es/empty-state-card.css-mistica.js +1 -1
  136. package/dist-es/empty-state.css-mistica.js +5 -5
  137. package/dist-es/fade-in.css-mistica.js +1 -1
  138. package/dist-es/feedback.css-mistica.js +1 -1
  139. package/dist-es/file-upload.css-mistica.js +7 -7
  140. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  141. package/dist-es/form.css-mistica.js +1 -1
  142. package/dist-es/grid-layout.css-mistica.js +3 -3
  143. package/dist-es/grid.css-mistica.js +120 -120
  144. package/dist-es/header.css-mistica.js +1 -1
  145. package/dist-es/hero.css-mistica.js +2 -2
  146. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  147. package/dist-es/icon-button.css-mistica.js +53 -53
  148. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  149. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  150. package/dist-es/image.css-mistica.js +2 -2
  151. package/dist-es/index.js +2290 -2289
  152. package/dist-es/inline.css-mistica.js +9 -9
  153. package/dist-es/list.css-mistica.js +1 -1
  154. package/dist-es/loading-bar.css-mistica.js +1 -1
  155. package/dist-es/loading-screen.css-mistica.js +4 -4
  156. package/dist-es/logo.css-mistica.js +5 -5
  157. package/dist-es/menu.css-mistica.js +13 -13
  158. package/dist-es/mosaic.css-mistica.js +1 -1
  159. package/dist-es/navigation-bar.css-mistica.js +18 -18
  160. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  161. package/dist-es/package-version.js +1 -1
  162. package/dist-es/pagination.css-mistica.js +20 -0
  163. package/dist-es/pagination.js +252 -0
  164. package/dist-es/pin-field.css-mistica.js +1 -1
  165. package/dist-es/popover.css-mistica.js +1 -1
  166. package/dist-es/progress-bar.css-mistica.js +6 -6
  167. package/dist-es/radio-button.css-mistica.js +19 -19
  168. package/dist-es/rating.css-mistica.js +2 -2
  169. package/dist-es/responsive-layout.css-mistica.js +6 -6
  170. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  171. package/dist-es/select.css-mistica.js +15 -15
  172. package/dist-es/select.js +69 -67
  173. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  174. package/dist-es/sheet-common.css-mistica.js +1 -1
  175. package/dist-es/sheet-info.css-mistica.js +1 -1
  176. package/dist-es/skeletons.css-mistica.js +6 -6
  177. package/dist-es/skins/skin-contract.css-mistica.js +684 -684
  178. package/dist-es/skip-link.css-mistica.js +1 -1
  179. package/dist-es/slider.css-mistica.js +18 -18
  180. package/dist-es/snackbar.css-mistica.js +4 -4
  181. package/dist-es/spinner.css-mistica.js +1 -1
  182. package/dist-es/square.css-mistica.js +1 -1
  183. package/dist-es/stack.css-mistica.js +5 -5
  184. package/dist-es/stacking-group.css-mistica.js +1 -1
  185. package/dist-es/stepper.css-mistica.js +2 -2
  186. package/dist-es/style.css +1 -1
  187. package/dist-es/switch-component.css-mistica.js +35 -35
  188. package/dist-es/table.css-mistica.js +9 -9
  189. package/dist-es/tabs.css-mistica.js +17 -17
  190. package/dist-es/tag.css-mistica.js +1 -1
  191. package/dist-es/text-field-base.css-mistica.js +15 -15
  192. package/dist-es/text-field-components.css-mistica.js +3 -3
  193. package/dist-es/text-link.css-mistica.js +6 -6
  194. package/dist-es/text-tokens.js +94 -59
  195. package/dist-es/text.css-mistica.js +6 -6
  196. package/dist-es/timeline.css-mistica.js +9 -9
  197. package/dist-es/timer.css-mistica.js +6 -6
  198. package/dist-es/tooltip.css-mistica.js +1 -1
  199. package/dist-es/touchable.css-mistica.js +1 -1
  200. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  201. package/dist-es/video.css-mistica.js +1 -1
  202. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  203. package/doc/components.md +27 -0
  204. package/doc/patterns.md +20 -0
  205. package/package.json +2 -2
  206. package/src/button.css.ts +1 -0
  207. package/src/drawer.tsx +0 -14
  208. package/src/focus-trap.tsx +0 -1
  209. package/src/index.tsx +1 -0
  210. package/src/package-version.tsx +1 -1
  211. package/src/pagination.css.ts +303 -0
  212. package/src/pagination.tsx +376 -0
  213. package/src/select.tsx +2 -1
  214. package/src/test-utils/index.tsx +2 -1
  215. package/src/text-tokens.tsx +56 -0
@@ -1,18 +1,18 @@
1
- /* empty css */ /* empty css */ var n = "v16_69_cc7htn0 v16_69_1y2v1nfq5 v16_69_1y2v1nfqd v16_69_1y2v1nfqj", c = "v16_69_cc7htn1 v16_69_1y2v1nfq4 v16_69_1y2v1nfqq v16_69_1y2v1nfqd v16_69_1y2v1nfqj", t = "v16_69_cc7htn3", h = "v16_69_cc7htn6", f = {
2
- default: "v16_69_cc7htnd v16_69_cc7htn5 v16_69_cc7htn4 v16_69_1y2v1nfsl v16_69_1y2v1nfsd v16_69_1y2v1nfs2 v16_69_cc7htn8 v16_69_1y2v1nf83 v16_69_1y2v1nf4x",
3
- overAlternative: "v16_69_cc7htne v16_69_cc7htn5 v16_69_cc7htn4 v16_69_1y2v1nfsl v16_69_1y2v1nfsd v16_69_1y2v1nfs2 v16_69_cc7htn9 v16_69_1y2v1nf8d v16_69_1y2v1nf4x",
4
- active: "v16_69_cc7htnf v16_69_cc7htn7 v16_69_cc7htn5 v16_69_cc7htn4 v16_69_1y2v1nfsl v16_69_1y2v1nfsd v16_69_1y2v1nfs2 v16_69_cc7htna v16_69_1y2v1nf3c v16_69_1y2v1nfdi",
5
- navigationActive: "v16_69_cc7htng v16_69_cc7htn7 v16_69_cc7htn5 v16_69_cc7htn4 v16_69_1y2v1nfsl v16_69_1y2v1nfsd v16_69_1y2v1nfs2 v16_69_cc7htnb v16_69_1y2v1nf2l v16_69_1y2v1nf9j",
6
- navigationActiveOverBrand: "v16_69_cc7htnh v16_69_cc7htn5 v16_69_cc7htn4 v16_69_1y2v1nfsl v16_69_1y2v1nfsd v16_69_1y2v1nfs2 v16_69_cc7htnc v16_69_1y2v1nf3c v16_69_1y2v1nfdi"
7
- }, y = "v16_69_cc7htni", a = "v16_69_cc7htnj", i = "v16_69_cc7htnl v16_69_cc7htnk v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfte v16_69_1y2v1nfun v16_69_1y2v1nfpz", r = "v16_69_cc7htnn v16_69_cc7htnm v16_69_1y2v1nfju", e = "v16_69_cc7htnp v16_69_cc7htno v16_69_1y2v1nfju", l = "v16_69_cc7htnr v16_69_cc7htnq v16_69_1y2v1nfju", d = "v16_69_cc7htnt v16_69_cc7htns v16_69_1y2v1nfju", o = {
8
- default: "v16_69_cc7htny v16_69_cc7htnu v16_69_1y2v1nfix",
9
- small: "v16_69_cc7htnz v16_69_cc7htnv v16_69_1y2v1nfir",
10
- withIcon: "v16_69_cc7htn10 v16_69_cc7htnw v16_69_1y2v1nfiu",
11
- withIconSmall: "v16_69_cc7htn11 v16_69_cc7htnx v16_69_1y2v1nfio"
1
+ /* empty css */ /* empty css */ var n = "v16_71_cc7htn0 v16_71_1y2v1nfq5 v16_71_1y2v1nfqd v16_71_1y2v1nfqj", c = "v16_71_cc7htn1 v16_71_1y2v1nfq4 v16_71_1y2v1nfqq v16_71_1y2v1nfqd v16_71_1y2v1nfqj", t = "v16_71_cc7htn3", h = "v16_71_cc7htn6", f = {
2
+ default: "v16_71_cc7htnd v16_71_cc7htn5 v16_71_cc7htn4 v16_71_1y2v1nfsl v16_71_1y2v1nfsd v16_71_1y2v1nfs2 v16_71_cc7htn8 v16_71_1y2v1nf83 v16_71_1y2v1nf4x",
3
+ overAlternative: "v16_71_cc7htne v16_71_cc7htn5 v16_71_cc7htn4 v16_71_1y2v1nfsl v16_71_1y2v1nfsd v16_71_1y2v1nfs2 v16_71_cc7htn9 v16_71_1y2v1nf8d v16_71_1y2v1nf4x",
4
+ active: "v16_71_cc7htnf v16_71_cc7htn7 v16_71_cc7htn5 v16_71_cc7htn4 v16_71_1y2v1nfsl v16_71_1y2v1nfsd v16_71_1y2v1nfs2 v16_71_cc7htna v16_71_1y2v1nf3c v16_71_1y2v1nfdi",
5
+ navigationActive: "v16_71_cc7htng v16_71_cc7htn7 v16_71_cc7htn5 v16_71_cc7htn4 v16_71_1y2v1nfsl v16_71_1y2v1nfsd v16_71_1y2v1nfs2 v16_71_cc7htnb v16_71_1y2v1nf2l v16_71_1y2v1nf9j",
6
+ navigationActiveOverBrand: "v16_71_cc7htnh v16_71_cc7htn5 v16_71_cc7htn4 v16_71_1y2v1nfsl v16_71_1y2v1nfsd v16_71_1y2v1nfs2 v16_71_cc7htnc v16_71_1y2v1nf3c v16_71_1y2v1nfdi"
7
+ }, y = "v16_71_cc7htni", a = "v16_71_cc7htnj", i = "v16_71_cc7htnl v16_71_cc7htnk v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfte v16_71_1y2v1nfun v16_71_1y2v1nfpz", r = "v16_71_cc7htnn v16_71_cc7htnm v16_71_1y2v1nfju", e = "v16_71_cc7htnp v16_71_cc7htno v16_71_1y2v1nfju", l = "v16_71_cc7htnr v16_71_cc7htnq v16_71_1y2v1nfju", d = "v16_71_cc7htnt v16_71_cc7htns v16_71_1y2v1nfju", o = {
8
+ default: "v16_71_cc7htny v16_71_cc7htnu v16_71_1y2v1nfix",
9
+ small: "v16_71_cc7htnz v16_71_cc7htnv v16_71_1y2v1nfir",
10
+ withIcon: "v16_71_cc7htn10 v16_71_cc7htnw v16_71_1y2v1nfiu",
11
+ withIconSmall: "v16_71_cc7htn11 v16_71_cc7htnx v16_71_1y2v1nfio"
12
12
  }, s = {
13
- default: "v16_69_cc7htn16 v16_69_cc7htn12 v16_69_1y2v1nfk6",
14
- small: "v16_69_cc7htn17 v16_69_cc7htn13 v16_69_1y2v1nfk0",
15
- withIcon: "v16_69_cc7htn18 v16_69_cc7htn14 v16_69_1y2v1nfk3",
16
- withIconSmall: "v16_69_cc7htn19 v16_69_cc7htn15 v16_69_1y2v1nfjx"
13
+ default: "v16_71_cc7htn16 v16_71_cc7htn12 v16_71_1y2v1nfk6",
14
+ small: "v16_71_cc7htn17 v16_71_cc7htn13 v16_71_1y2v1nfk0",
15
+ withIcon: "v16_71_cc7htn18 v16_71_cc7htn14 v16_71_1y2v1nfk3",
16
+ withIconSmall: "v16_71_cc7htn19 v16_71_cc7htn15 v16_71_1y2v1nfjx"
17
17
  };
18
18
  export { a as button, f as chipVariants, n as chipWrapper, h as containerSmall, r as icon, d as iconActive, e as iconNavigation, l as iconNavigationOverBrand, y as interactive, i as interactiveChipOverlay, o as leftPadding, t as minimumInteractiveArea, s as rightPadding, c as wrappedContent };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var y = "v16_69_1wpwyyp1 v16_69_1wpwyyp0 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqd v16_69_1y2v1nfso";
1
+ /* empty css */ /* empty css */ var y = "v16_71_1wpwyyp1 v16_71_1wpwyyp0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nfso";
2
2
  export { y as circle };
@@ -1,7 +1,7 @@
1
- /* empty css */ /* empty css */ /* empty css */ var f = "v16_69_1x00fru0 v16_69_1y2v1nfpy v16_69_1y2v1nfr8", n = "v16_69_1x00fru2 v16_69_1x00fru1 v16_69_1y2v1nfiu v16_69_1y2v1nfk3", u = "v16_69_1x00fru4 v16_69_1x00fru2 v16_69_1x00fru1 v16_69_1y2v1nfiu v16_69_1y2v1nfk3 v16_69_1x00fru3 v16_69_1y2v1nfq4 v16_69_1y2v1nfqg v16_69_1y2v1nfhr", a = "v16_69_1x00fru5", t = "v16_69_1x00fru6", x = "v16_69_1x00fru8 v16_69_1x00fru2 v16_69_1x00fru1 v16_69_1y2v1nfiu v16_69_1y2v1nfk3 v16_69_1x00fru7 v16_69_1y2v1nfg6 v16_69_1y2v1nfhr", o = "v16_69_1x00frua v16_69_1x00fru9 v16_69_1y2v1nfgc v16_69_1y2v1nfhr v16_69_1y2v1nfqr", y = 216, i = "v16_69_1x00frub", e = "v16_69_1x00frud v16_69_1x00fruc v16_69_1y2v1nfpy v16_69_1y2v1nfq4 v16_69_1y2v1nfqq v16_69_1y2v1nfqa", q = "v16_69_1x00frui", d = "v16_69_1x00fruj v16_69_1y2v1nfq4 v16_69_1y2v1nfqq v16_69_1y2v1nfqj v16_69_1y2v1nfsd", c = {
2
- default: "v16_69_1x00fruk",
3
- mobile: "v16_69_1x00frul"
4
- }, g = "v16_69_1x00frum", p = "v16_69_1x00frun v16_69_1y2v1nfgc", h = "v16_69_1x00fruo", l = "v16_69_1x00frup v16_69_1x00fruo", m = "v16_69_1x00fruq v16_69_1y2v1nfqj v16_69_1y2v1nfq4 v16_69_1y2v1nfk3", s = "v16_69_1x00frus v16_69_1x00frur v16_69_1y2v1nfq4 v16_69_1y2v1nfq9", b = "v16_69_1x00frut", k = "v16_69_1x00fruu", C = {
5
- topActionsCount: "var(--v16_69_1x00fruv)"
6
- }, j = "v16_69_1x00fruw", H = "v16_69_1x00frux";
1
+ /* empty css */ /* empty css */ /* empty css */ var f = "v16_71_1x00fru0 v16_71_1y2v1nfpy v16_71_1y2v1nfr8", n = "v16_71_1x00fru2 v16_71_1x00fru1 v16_71_1y2v1nfiu v16_71_1y2v1nfk3", u = "v16_71_1x00fru4 v16_71_1x00fru2 v16_71_1x00fru1 v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1x00fru3 v16_71_1y2v1nfq4 v16_71_1y2v1nfqg v16_71_1y2v1nfhr", a = "v16_71_1x00fru5", t = "v16_71_1x00fru6", x = "v16_71_1x00fru8 v16_71_1x00fru2 v16_71_1x00fru1 v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1x00fru7 v16_71_1y2v1nfg6 v16_71_1y2v1nfhr", o = "v16_71_1x00frua v16_71_1x00fru9 v16_71_1y2v1nfgc v16_71_1y2v1nfhr v16_71_1y2v1nfqr", y = 216, i = "v16_71_1x00frub", e = "v16_71_1x00frud v16_71_1x00fruc v16_71_1y2v1nfpy v16_71_1y2v1nfq4 v16_71_1y2v1nfqq v16_71_1y2v1nfqa", q = "v16_71_1x00frui", d = "v16_71_1x00fruj v16_71_1y2v1nfq4 v16_71_1y2v1nfqq v16_71_1y2v1nfqj v16_71_1y2v1nfsd", c = {
2
+ default: "v16_71_1x00fruk",
3
+ mobile: "v16_71_1x00frul"
4
+ }, g = "v16_71_1x00frum", p = "v16_71_1x00frun v16_71_1y2v1nfgc", h = "v16_71_1x00fruo", l = "v16_71_1x00frup v16_71_1x00fruo", m = "v16_71_1x00fruq v16_71_1y2v1nfqj v16_71_1y2v1nfq4 v16_71_1y2v1nfk3", s = "v16_71_1x00frus v16_71_1x00frur v16_71_1y2v1nfq4 v16_71_1y2v1nfq9", b = "v16_71_1x00frut", k = "v16_71_1x00fruu", C = {
5
+ topActionsCount: "var(--v16_71_1x00fruv)"
6
+ }, j = "v16_71_1x00fruw", H = "v16_71_1x00frux";
7
7
  export { y as MIN_HEIGHT, u as actions, c as actionsVariants, b as adjustButtonLink, h as button, l as buttonMobile, x as cardContentStyle, f as container, e as dataCard, q as divider, o as extra, H as flexColumn, s as footerDirection, m as footerImage, d as footerText, g as marginRightAuto, k as marginRightButton, i as minHeight, n as paddingX, j as topActionsWithoutIcon, a as touchable, t as touchableCardHoverOverlay, C as vars, p as withPaddingTop };
@@ -1,4 +1,4 @@
1
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = {
2
- borderColorVar: "var(--v16_69_19dwsmp0)"
3
- }, p = "v16_69_19dwsmp2 v16_69_19dwsmp1 v16_69_1y2v1nfgc v16_69_1y2v1nfhl v16_69_1y2v1nfiu v16_69_1y2v1nfk3 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqr", d = "v16_69_19dwsmp3", t = "v16_69_19dwsmp5 v16_69_19dwsmp4 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj", m = "v16_69_19dwsmp7 v16_69_19dwsmp6 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqd", s = "v16_69_19dwsmp8", e = "v16_69_19dwsmpa v16_69_19dwsmp9", w = "v16_69_19dwsmp9", i = "v16_69_19dwsmpc", o = "v16_69_19dwsmpd", f = "v16_69_19dwsmpe";
4
- export { i as caret, f as caretBlinking, o as caretHidden, p as container, d as containerInteractive, e as ghost, m as slot, t as textLine, s as textWrapper, a as vars, w as visibleContent };
1
+ /* empty css */ /* empty css */ /* empty css */ var n = {
2
+ borderColorVar: "var(--v16_71_19dwsmp0)"
3
+ }, a = "v16_71_19dwsmp2 v16_71_19dwsmp1 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqr", p = "v16_71_19dwsmp3", d = "v16_71_19dwsmp5 v16_71_19dwsmp4 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj", s = "v16_71_19dwsmp7 v16_71_19dwsmp6 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd", t = "v16_71_19dwsmp8", m = "v16_71_19dwsmpa v16_71_19dwsmp9", e = "v16_71_19dwsmp9", w = "v16_71_19dwsmpc", i = "v16_71_19dwsmpd", f = "v16_71_19dwsmpe";
4
+ export { w as caret, f as caretBlinking, i as caretHidden, a as container, p as containerInteractive, m as ghost, s as slot, d as textLine, t as textWrapper, n as vars, e as visibleContent };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var _ = "v16_69_llrsen0 v16_69_1y2v1nfq4 v16_69_1y2v1nfqa", n = "v16_69_llrsen1";
1
+ /* empty css */ /* empty css */ var _ = "v16_71_llrsen0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa", n = "v16_71_llrsen1";
2
2
  export { _ as column, n as rightContent };
@@ -1,2 +1,2 @@
1
- /* empty css */ var e = "v16_69_1xqw7a70";
1
+ /* empty css */ var e = "v16_71_1xqw7a70";
2
2
  export { e as example };
@@ -1,2 +1,2 @@
1
- /* empty css */ var m = "v16_69_jbmjs60";
2
- export { m as example };
1
+ /* empty css */ /* empty css */ var r = "v16_71_jbmjs60";
2
+ export { r as example };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var n = "v16_69_rijsns0", s = "v16_69_rijsns1", r = "v16_69_rijsns3 v16_69_rijsns2 v16_69_1y2v1nfsu v16_69_1y2v1nf83 v16_69_1y2v1nfq5 v16_69_1y2v1nft8", i = "v16_69_rijsns4", a = "v16_69_rijsns5 v16_69_1y2v1nfpy v16_69_1y2v1nfq4 v16_69_1y2v1nfqd", t = "v16_69_rijsns6", f = "v16_69_rijsns8 v16_69_rijsns7 v16_69_1y2v1nffw v16_69_1y2v1nfsm v16_69_1y2v1nfpz v16_69_1y2v1nfr2 v16_69_1y2v1nfri", y = "v16_69_rijsnsa v16_69_rijsns9 v16_69_1y2v1nfpz", j = "v16_69_rijsnsb v16_69_rijsnsa v16_69_rijsns9 v16_69_1y2v1nfpz", o = "v16_69_rijsnsc v16_69_rijsnsa v16_69_rijsns9 v16_69_1y2v1nfpz", u = "v16_69_rijsnse v16_69_rijsnsd v16_69_1y2v1nfr1 v16_69_1y2v1nfrh v16_69_1y2v1nfpz v16_69_1y2v1nfsu v16_69_1y2v1nfdi";
1
+ /* empty css */ /* empty css */ var n = "v16_71_rijsns0", s = "v16_71_rijsns1", r = "v16_71_rijsns3 v16_71_rijsns2 v16_71_1y2v1nfsu v16_71_1y2v1nf83 v16_71_1y2v1nfq5 v16_71_1y2v1nft8", i = "v16_71_rijsns4", a = "v16_71_rijsns5 v16_71_1y2v1nfpy v16_71_1y2v1nfq4 v16_71_1y2v1nfqd", t = "v16_71_rijsns6", f = "v16_71_rijsns8 v16_71_rijsns7 v16_71_1y2v1nffw v16_71_1y2v1nfsm v16_71_1y2v1nfpz v16_71_1y2v1nfr2 v16_71_1y2v1nfri", y = "v16_71_rijsnsa v16_71_rijsns9 v16_71_1y2v1nfpz", j = "v16_71_rijsnsb v16_71_rijsnsa v16_71_rijsns9 v16_71_1y2v1nfpz", o = "v16_71_rijsnsc v16_71_rijsnsa v16_71_rijsns9 v16_71_1y2v1nfpz", u = "v16_71_rijsnse v16_71_rijsnsd v16_71_1y2v1nfr1 v16_71_1y2v1nfrh v16_71_1y2v1nfpz v16_71_1y2v1nfsu v16_71_1y2v1nfdi";
2
2
  export { f as button, u as buttonBackground, t as buttonContainer, r as counter, o as decreaseButtonIcon, y as defaultButtonIcon, i as disabled, n as hasTrashIcon, s as isButtonDisabled, j as trashButtonIcon, a as valueContainer };
@@ -1,4 +1,4 @@
1
1
  /* empty css */ /* empty css */ /* empty css */ /* empty css */ var r = {
2
- aspectRatio: "var(--v16_69_moeazi0)"
3
- }, n = "v16_69_moeazi2 v16_69_moeazi1 v16_69_1y2v1nfpy v16_69_1y2v1nfq4 v16_69_1y2v1nfqa v16_69_1y2v1nfqd v16_69_1y2v1nfqr v16_69_1y2v1nfte v16_69_1y2v1nfun", i = "v16_69_moeazi4 v16_69_moeazi3 v16_69_1y2v1nfpy v16_69_1y2v1nfq4 v16_69_1y2v1nfqr", o = "v16_69_moeazi5", y = "v16_69_moeazi6", m = "v16_69_moeazi7", f = "v16_69_moeazi9 v16_69_moeazi8 v16_69_1y2v1nfqj", t = "v16_69_moeazia v16_69_1y2v1nfpz v16_69_1y2v1nfv2 v16_69_1y2v1nfqr v16_69_1y2v1nfr8", z = "v16_69_moeazic v16_69_moeazib v16_69_1y2v1nfpz v16_69_1y2v1nfte v16_69_1y2v1nftt v16_69_1y2v1nfqr v16_69_1y2v1nfr8", p = "v16_69_moeazid v16_69_1y2v1nfpy", q = "v16_69_moeazie", d = "v16_69_moeazif v16_69_1y2v1nfpy", s = "v16_69_moeazig v16_69_1y2v1nfq4 v16_69_1y2v1nfqa";
2
+ aspectRatio: "var(--v16_71_moeazi0)"
3
+ }, n = "v16_71_moeazi2 v16_71_moeazi1 v16_71_1y2v1nfpy v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqd v16_71_1y2v1nfqr v16_71_1y2v1nfte v16_71_1y2v1nfun", i = "v16_71_moeazi4 v16_71_moeazi3 v16_71_1y2v1nfpy v16_71_1y2v1nfq4 v16_71_1y2v1nfqr", o = "v16_71_moeazi5", y = "v16_71_moeazi6", m = "v16_71_moeazi7", f = "v16_71_moeazi9 v16_71_moeazi8 v16_71_1y2v1nfqj", t = "v16_71_moeazia v16_71_1y2v1nfpz v16_71_1y2v1nfv2 v16_71_1y2v1nfqr v16_71_1y2v1nfr8", z = "v16_71_moeazic v16_71_moeazib v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfqr v16_71_1y2v1nfr8", p = "v16_71_moeazid v16_71_1y2v1nfpy", q = "v16_71_moeazie", d = "v16_71_moeazif v16_71_1y2v1nfpy", s = "v16_71_moeazig v16_71_1y2v1nfq4 v16_71_1y2v1nfqa";
4
4
  export { f as centered, n as coverHero, i as coverHeroContainer, s as flexColumn, m as hasSideExtra, p as mainContent, t as mediaLayer, z as mediaOverlay, y as minHeight, d as sideExtra, q as sixColumns, r as vars, o as withAspectRatio };
@@ -1,5 +1,5 @@
1
- /* empty css */ /* empty css */ var y = "v16_69_yvyo3q0", q = "v16_69_yvyo3q4 v16_69_yvyo3q2 v16_69_yvyo3q1 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqd v16_69_1y2v1nfr8 v16_69_yvyo3q3 v16_69_1y2v1nfpz", o = "v16_69_yvyo3q5 v16_69_yvyo3q2 v16_69_yvyo3q1 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqd v16_69_1y2v1nfr8", f = {
2
- default: "v16_69_yvyo3qa v16_69_yvyo3q7 v16_69_yvyo3q6 v16_69_1y2v1nfpy v16_69_yvyo3q8",
3
- backface: "v16_69_yvyo3qb v16_69_yvyo3q7 v16_69_yvyo3q6 v16_69_1y2v1nfpy v16_69_yvyo3q9"
1
+ /* empty css */ /* empty css */ var y = "v16_71_yvyo3q0", q = "v16_71_yvyo3q4 v16_71_yvyo3q2 v16_71_yvyo3q1 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nfr8 v16_71_yvyo3q3 v16_71_1y2v1nfpz", o = "v16_71_yvyo3q5 v16_71_yvyo3q2 v16_71_yvyo3q1 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nfr8", f = {
2
+ default: "v16_71_yvyo3qa v16_71_yvyo3q7 v16_71_yvyo3q6 v16_71_1y2v1nfpy v16_71_yvyo3q8",
3
+ backface: "v16_71_yvyo3qb v16_71_yvyo3q7 v16_71_yvyo3q6 v16_71_1y2v1nfpy v16_71_yvyo3q9"
4
4
  };
5
5
  export { y as flip, o as flipBack, q as flipFront, f as variants };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ var p = "v16_69_1pntndu0";
1
+ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var p = "v16_71_1pntndu0";
2
2
  export { p as iconContainer };
@@ -1,2 +1,2 @@
1
- /* empty css */ var e = "v16_69_c0yqjy0";
1
+ /* empty css */ var e = "v16_71_c0yqjy0";
2
2
  export { e as reactDatePicker };
@@ -1,5 +1,5 @@
1
- /* empty css */ /* empty css */ var l = 200, n = "v16_69_3dl29l3 v16_69_3dl29l2 v16_69_1y2v1nfpy", y = "v16_69_3dl29l5 v16_69_3dl29l4 v16_69_1y2v1nfq0 v16_69_1y2v1nfq4 v16_69_1y2v1nfqd v16_69_1y2v1nfqj v16_69_1y2v1nfqa v16_69_1y2v1nfte v16_69_1y2v1nfu8 v16_69_1y2v1nfun v16_69_1y2v1nftt v16_69_1y2v1nf8e", f = "v16_69_3dl29l6", d = "v16_69_3dl29l8 v16_69_3dl29l7 v16_69_1y2v1nfgc v16_69_1y2v1nfhl v16_69_1y2v1nfiu v16_69_1y2v1nfk3 v16_69_1y2v1nfpz v16_69_1y2v1nfte v16_69_1y2v1nfu8", a = "v16_69_3dl29la v16_69_3dl29l9 v16_69_1y2v1nf7y v16_69_1y2v1nfsw", r = "v16_69_3dl29lb", t = {
2
- dialog: "v16_69_3dl29lg v16_69_3dl29ld v16_69_3dl29lc v16_69_1y2v1nfq4 v16_69_1y2v1nfqa v16_69_1y2v1nfqg v16_69_3dl29le v16_69_1y2v1nfj0 v16_69_1y2v1nfk9 v16_69_1y2v1nfgo v16_69_1y2v1nfhr",
3
- default: "v16_69_3dl29lh v16_69_3dl29ld v16_69_3dl29lc v16_69_1y2v1nfq4 v16_69_1y2v1nfqa v16_69_1y2v1nfqg v16_69_3dl29lf v16_69_1y2v1nfgi v16_69_1y2v1nfhr v16_69_1y2v1nfj0 v16_69_1y2v1nfk9"
4
- }, o = "v16_69_3dl29lj v16_69_3dl29li v16_69_1y2v1nfqq v16_69_1y2v1nfs4", e = "v16_69_3dl29ll v16_69_3dl29lk v16_69_1y2v1nfgi", i = "v16_69_3dl29lm";
1
+ /* empty css */ /* empty css */ var l = 200, n = "v16_71_3dl29l3 v16_71_3dl29l2 v16_71_1y2v1nfpy", y = "v16_71_3dl29l5 v16_71_3dl29l4 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqd v16_71_1y2v1nfqj v16_71_1y2v1nfqa v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nftt v16_71_1y2v1nf8e", f = "v16_71_3dl29l6", d = "v16_71_3dl29l8 v16_71_3dl29l7 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nfu8", a = "v16_71_3dl29la v16_71_3dl29l9 v16_71_1y2v1nf7y v16_71_1y2v1nfsw", r = "v16_71_3dl29lb", t = {
2
+ dialog: "v16_71_3dl29lg v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29le v16_71_1y2v1nfj0 v16_71_1y2v1nfk9 v16_71_1y2v1nfgo v16_71_1y2v1nfhr",
3
+ default: "v16_71_3dl29lh v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29lf v16_71_1y2v1nfgi v16_71_1y2v1nfhr v16_71_1y2v1nfj0 v16_71_1y2v1nfk9"
4
+ }, o = "v16_71_3dl29lj v16_71_3dl29li v16_71_1y2v1nfqq v16_71_1y2v1nfs4", e = "v16_71_3dl29ll v16_71_3dl29lk v16_71_1y2v1nfgi", i = "v16_71_3dl29lm";
5
5
  export { l as ANIMATION_DURATION_MS, r as closedModalContent, f as closedOpactityLayer, e as dialogActions, o as dialogContent, i as iconContainer, d as modalCloseButtonContainer, a as modalContent, y as modalOpacityLayer, t as variants, n as wrapper };
@@ -1,8 +1,8 @@
1
1
  /* empty css */ var t = {
2
- default: "v16_69_o0dvt10",
3
- alternative: "v16_69_o0dvt11",
4
- brand: "v16_69_o0dvt12",
5
- negative: "v16_69_o0dvt13",
6
- media: "v16_69_o0dvt14"
2
+ default: "v16_71_o0dvt10",
3
+ alternative: "v16_71_o0dvt11",
4
+ brand: "v16_71_o0dvt12",
5
+ negative: "v16_71_o0dvt13",
6
+ media: "v16_71_o0dvt14"
7
7
  };
8
8
  export { t as variants };
@@ -1,5 +1,5 @@
1
1
  /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var i = {
2
- default: "v16_69_skrulh1 v16_69_skrulh0 v16_69_1y2v1nfq4 v16_69_1y2v1nfq9 v16_69_1y2v1nfqr",
3
- fullWidth: "v16_69_skrulh2 v16_69_skrulh0 v16_69_1y2v1nfq4 v16_69_1y2v1nfq9 v16_69_1y2v1nfqr"
2
+ default: "v16_71_skrulh1 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr",
3
+ fullWidth: "v16_71_skrulh2 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr"
4
4
  };
5
5
  export { i as variants };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var n = 350, w = "v16_69_c4ngww1 v16_69_c4ngww0 v16_69_1y2v1nfq0 v16_69_1y2v1nfq4 v16_69_1y2v1nf7y v16_69_1y2v1nfte v16_69_1y2v1nfu8 v16_69_1y2v1nfun v16_69_1y2v1nft8", a = "v16_69_c4ngww3 v16_69_c4ngww2 v16_69_1y2v1nfq4 v16_69_1y2v1nfqa v16_69_1y2v1nfqp", r = "v16_69_c4ngww5 v16_69_c4ngww4 v16_69_1y2v1nfqm v16_69_1y2v1nfqo", y = "v16_69_c4ngww7 v16_69_c4ngww6 v16_69_1y2v1nfqp v16_69_1y2v1nftd", t = "v16_69_c4ngww8", c = "v16_69_c4ngww9", f = "v16_69_c4ngwwb v16_69_c4ngwwa v16_69_1y2v1nfq0 v16_69_1y2v1nfte v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfun v16_69_1y2v1nf8e", o = "v16_69_c4ngwwc", e = "v16_69_c4ngwwd", g = "v16_69_c4ngwwe v16_69_1y2v1nfpz v16_69_1y2v1nfth v16_69_1y2v1nfub", i = "v16_69_c4ngwwf", l = "v16_69_c4ngwwg", d = "v16_69_c4ngwwh";
1
+ /* empty css */ /* empty css */ var n = 350, w = "v16_71_c4ngww1 v16_71_c4ngww0 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nf7y v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nft8", a = "v16_71_c4ngww3 v16_71_c4ngww2 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqp", r = "v16_71_c4ngww5 v16_71_c4ngww4 v16_71_1y2v1nfqm v16_71_1y2v1nfqo", y = "v16_71_c4ngww7 v16_71_c4ngww6 v16_71_1y2v1nfqp v16_71_1y2v1nftd", t = "v16_71_c4ngww8", c = "v16_71_c4ngww9", f = "v16_71_c4ngwwb v16_71_c4ngwwa v16_71_1y2v1nfq0 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nf8e", o = "v16_71_c4ngwwc", e = "v16_71_c4ngwwd", g = "v16_71_c4ngwwe v16_71_1y2v1nfpz v16_71_1y2v1nfth v16_71_1y2v1nfub", i = "v16_71_c4ngwwf", l = "v16_71_c4ngwwg", d = "v16_71_c4ngwwh";
2
2
  export { n as ANIMATION_DURATION_MS, l as bottomPadding, d as buttonsLayoutContainer, g as closeButtonContainer, c as closed, w as container, a as drawer, i as horizontalPadding, t as open, f as overlay, o as overlayClosed, e as overlayOpen, y as scrollableSection, r as titleContainer };
package/dist-es/drawer.js CHANGED
@@ -52,140 +52,131 @@ function _object_spread_props(target, source) {
52
52
  return target;
53
53
  }
54
54
  import { jsx as e, jsxs as f } from "react/jsx-runtime";
55
- import * as t from "react";
55
+ import * as s from "react";
56
56
  import B from "./stack.js";
57
- import { Text as M, getTextSizesWithWeight as O, Text4 as z, Text3 as F } from "./text.js";
58
- import { vars as j } from "./skins/skin-contract.css-mistica.js";
59
- import { IconButton as W } from "./icon-button.js";
60
- import _ from "./generated/mistica-icons/icon-close-regular.js";
57
+ import { Text as M, getTextSizesWithWeight as O, Text4 as z, Text3 as j } from "./text.js";
58
+ import { vars as W } from "./skins/skin-contract.css-mistica.js";
59
+ import { IconButton as _ } from "./icon-button.js";
60
+ import F from "./generated/mistica-icons/icon-close-regular.js";
61
61
  import { drawer as H, closeButtonContainer as K, titleContainer as L, horizontalPadding as k, scrollableSection as U, bottomPadding as V, buttonsLayoutContainer as Y, ANIMATION_DURATION_MS as $, overlay as q, overlayOpen as G, overlayClosed as J, container as Q, open as X, closed as Z } from "./drawer.css-mistica.js";
62
- import w from "classnames";
62
+ import E from "classnames";
63
63
  import { Portal as ee } from "./portal.js";
64
64
  import { useTheme as te, useIsInViewport as x, useScreenSize as re } from "./hooks.js";
65
65
  import se from "./focus-trap.js";
66
- import { useSetModalStateEffect as oe } from "./modal-context-provider.js";
67
- import ae from "./button-layout.js";
68
- import { ButtonLink as ne, ButtonSecondary as ie, ButtonPrimary as le } from "./button.js";
66
+ import { useSetModalStateEffect as ae } from "./modal-context-provider.js";
67
+ import oe from "./button-layout.js";
68
+ import { ButtonLink as ie, ButtonSecondary as ne, ButtonPrimary as le } from "./button.js";
69
69
  import ce from "./divider.js";
70
70
  import { getPrefixedDataAttributes as de } from "./utils/dom.js";
71
71
  import { modalClose as me } from "./text-tokens.js";
72
72
  const b = (param)=>{
73
- let { show: a } = param;
74
- return a ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e("div", {
73
+ let { show: i } = param;
74
+ return i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e("div", {
75
75
  style: {
76
76
  borderBottom: "1px solid transparent"
77
77
  }
78
78
  });
79
- }, ue = ()=>{
80
- const a = t.useRef(document.activeElement);
81
- t.useEffect(()=>{
82
- const i = a.current;
83
- return ()=>{
84
- var _i_focus;
85
- i === null || i === void 0 ? void 0 : (_i_focus = i.focus) === null || _i_focus === void 0 ? void 0 : _i_focus.call(i);
86
- };
87
- }, []);
88
- }, fe = /*#__PURE__*/ t.forwardRef((param, v)=>{
89
- let { width: a, children: i, onClose: l, onDismiss: c } = param;
90
- oe(), ue();
91
- const { isMobile: p } = re(), [u, d] = t.useState(!1), h = p ? "auto" : a, o = t.useCallback((n)=>{
92
- n && setTimeout(()=>{
93
- d(!0);
79
+ }, ue = /*#__PURE__*/ s.forwardRef((param, p)=>{
80
+ let { width: i, children: m, onClose: n, onDismiss: l } = param;
81
+ ae();
82
+ const { isMobile: v } = re(), [u, c] = s.useState(!1), h = v ? "auto" : i, a = s.useCallback((o)=>{
83
+ o && setTimeout(()=>{
84
+ c(!0);
94
85
  }, 50);
95
- }, []), s = t.useCallback(()=>(d(!1), new Promise((n)=>{
96
- setTimeout(n, $);
97
- }).then(l)), [
98
- l
99
- ]), r = t.useCallback(()=>s().then(()=>c === null || c === void 0 ? void 0 : c()), [
100
- c,
101
- s
86
+ }, []), r = s.useCallback(()=>(c(!1), new Promise((o)=>{
87
+ setTimeout(o, $);
88
+ }).then(n)), [
89
+ n
90
+ ]), t = s.useCallback(()=>r().then(()=>l === null || l === void 0 ? void 0 : l()), [
91
+ l,
92
+ r
102
93
  ]);
103
- return t.useImperativeHandle(v, ()=>({
104
- close: s,
105
- dismiss: r
106
- })), t.useEffect(()=>{
107
- const n = (m)=>{
108
- m.key === "Escape" && r();
94
+ return s.useImperativeHandle(p, ()=>({
95
+ close: r,
96
+ dismiss: t
97
+ })), s.useEffect(()=>{
98
+ const o = (d)=>{
99
+ d.key === "Escape" && t();
109
100
  };
110
- return document.addEventListener("keydown", n), ()=>{
111
- document.removeEventListener("keydown", n);
101
+ return document.addEventListener("keydown", o), ()=>{
102
+ document.removeEventListener("keydown", o);
112
103
  };
113
104
  }, [
114
- r
105
+ t
115
106
  ]), /* @__PURE__ */ e(ee, {
116
107
  children: /* @__PURE__ */ f(se, {
117
108
  children: [
118
109
  /* @__PURE__ */ e("div", {
119
110
  "data-testid": "drawerOverlay",
120
- onClick: c ? r : void 0,
121
- className: w(q, u ? G : J)
111
+ onClick: l ? t : void 0,
112
+ className: E(q, u ? G : J)
122
113
  }),
123
114
  /* @__PURE__ */ e("div", {
124
115
  "data-testid": "drawerLayout",
125
- ref: o,
116
+ ref: a,
126
117
  style: {
127
118
  width: h
128
119
  },
129
- className: w(Q, u ? X : Z),
130
- children: i
120
+ className: E(Q, u ? X : Z),
121
+ children: m
131
122
  })
132
123
  ]
133
124
  })
134
125
  });
135
- }), Ae = (param)=>{
136
- let { title: a, subtitle: i, description: l, titleAs: c = "h2", dismissLabel: v, width: p, onClose: u, onDismiss: d, children: h, button: o, secondaryButton: s, buttonLink: r, dataAttributes: n } = param;
137
- const m = t.useRef(null), E = !!(o || s || r), [y, T] = t.useState(null), P = t.useRef(null), S = t.useRef(null), { t: R, texts: N, textPresets: C } = te(), g = (D)=>{
138
- var _m_current;
139
- (_m_current = m.current) === null || _m_current === void 0 ? void 0 : _m_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
140
- }, I = !x(P, !0, {
126
+ }), Re = (param)=>{
127
+ let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: c, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
128
+ const d = s.useRef(null), g = !!(a || r || t), [y, T] = s.useState(null), P = s.useRef(null), S = s.useRef(null), { t: N, texts: C, textPresets: I } = te(), w = (D)=>{
129
+ var _d_current;
130
+ (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
131
+ }, R = !x(P, !0, {
141
132
  root: y
142
133
  }), A = !x(S, !0, {
143
134
  rootMargin: "1px",
144
135
  // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
145
136
  root: y
146
137
  });
147
- return /* @__PURE__ */ e(fe, {
148
- width: p,
149
- ref: m,
138
+ return /* @__PURE__ */ e(ue, {
139
+ width: v,
140
+ ref: d,
150
141
  onClose: u,
151
- onDismiss: d,
142
+ onDismiss: c,
152
143
  children: /* @__PURE__ */ f("section", _object_spread_props(_object_spread({
153
144
  role: "dialog",
154
145
  "aria-modal": "true",
155
146
  className: H,
156
147
  ref: T
157
- }, de(n, "Drawer")), {
148
+ }, de(o, "Drawer")), {
158
149
  children: [
159
- d && /* @__PURE__ */ e("div", {
150
+ c && /* @__PURE__ */ e("div", {
160
151
  className: K,
161
- children: /* @__PURE__ */ e(W, {
152
+ children: /* @__PURE__ */ e(_, {
162
153
  dataAttributes: {
163
154
  testid: "dismissButton"
164
155
  },
165
156
  onPress: ()=>{
166
- var _m_current;
167
- return (_m_current = m.current) === null || _m_current === void 0 ? void 0 : _m_current.dismiss();
157
+ var _d_current;
158
+ return (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.dismiss();
168
159
  },
169
- Icon: _,
170
- "aria-label": v || N.modalClose || R(me),
160
+ Icon: F,
161
+ "aria-label": p || C.modalClose || N(me),
171
162
  type: "neutral",
172
163
  backgroundType: "transparent"
173
164
  })
174
165
  }),
175
- a && /* @__PURE__ */ e("div", {
176
- className: w(L, k),
166
+ i && /* @__PURE__ */ e("div", {
167
+ className: E(L, k),
177
168
  children: /* @__PURE__ */ e(M, _object_spread_props(_object_spread({}, O({
178
- textPreset: C.drawerTitle
169
+ textPreset: I.drawerTitle
179
170
  })), {
180
- as: c,
171
+ as: l,
181
172
  dataAttributes: {
182
173
  testid: "title"
183
174
  },
184
- children: a
175
+ children: i
185
176
  }))
186
177
  }),
187
178
  /* @__PURE__ */ e(b, {
188
- show: I
179
+ show: R
189
180
  }),
190
181
  /* @__PURE__ */ f("div", {
191
182
  className: U,
@@ -198,26 +189,26 @@ const b = (param)=>{
198
189
  children: /* @__PURE__ */ f(B, {
199
190
  space: 16,
200
191
  children: [
201
- i && /* @__PURE__ */ e(z, {
192
+ m && /* @__PURE__ */ e(z, {
202
193
  regular: !0,
203
194
  dataAttributes: {
204
195
  testid: "subtitle"
205
196
  },
206
- children: i
197
+ children: m
207
198
  }),
208
- l && /* @__PURE__ */ e(F, {
199
+ n && /* @__PURE__ */ e(j, {
209
200
  regular: !0,
210
- color: j.colors.textSecondary,
201
+ color: W.colors.textSecondary,
211
202
  dataAttributes: {
212
203
  testid: "description"
213
204
  },
214
- children: l
205
+ children: n
215
206
  }),
216
207
  h
217
208
  ]
218
209
  })
219
210
  }),
220
- !E && /* @__PURE__ */ e("div", {
211
+ !g && /* @__PURE__ */ e("div", {
221
212
  className: V
222
213
  }),
223
214
  /* @__PURE__ */ e("div", {
@@ -226,32 +217,32 @@ const b = (param)=>{
226
217
  ]
227
218
  }),
228
219
  /* @__PURE__ */ e(b, {
229
- show: E && A
220
+ show: g && A
230
221
  }),
231
- E && /* @__PURE__ */ e("div", {
222
+ g && /* @__PURE__ */ e("div", {
232
223
  className: Y,
233
- children: /* @__PURE__ */ e(ae, {
234
- primaryButton: o && /* @__PURE__ */ e(le, {
235
- trackEvent: o.trackEvent,
236
- trackingEvent: o.trackingEvent,
237
- onPress: ()=>g(o.onPress),
238
- disabled: o.disabled,
239
- children: o.text
240
- }),
241
- secondaryButton: s && /* @__PURE__ */ e(ie, {
242
- trackEvent: s.trackEvent,
243
- trackingEvent: s.trackingEvent,
244
- onPress: ()=>g(s.onPress),
245
- disabled: s.disabled,
246
- children: s.text
224
+ children: /* @__PURE__ */ e(oe, {
225
+ primaryButton: a && /* @__PURE__ */ e(le, {
226
+ trackEvent: a.trackEvent,
227
+ trackingEvent: a.trackingEvent,
228
+ onPress: ()=>w(a.onPress),
229
+ disabled: a.disabled,
230
+ children: a.text
247
231
  }),
248
- link: r && /* @__PURE__ */ e(ne, {
232
+ secondaryButton: r && /* @__PURE__ */ e(ne, {
249
233
  trackEvent: r.trackEvent,
250
234
  trackingEvent: r.trackingEvent,
251
- onPress: ()=>g(r.onPress),
252
- bleedY: !0,
235
+ onPress: ()=>w(r.onPress),
253
236
  disabled: r.disabled,
254
237
  children: r.text
238
+ }),
239
+ link: t && /* @__PURE__ */ e(ie, {
240
+ trackEvent: t.trackEvent,
241
+ trackingEvent: t.trackingEvent,
242
+ onPress: ()=>w(t.onPress),
243
+ bleedY: !0,
244
+ disabled: t.disabled,
245
+ children: t.text
255
246
  })
256
247
  })
257
248
  })
@@ -259,4 +250,4 @@ const b = (param)=>{
259
250
  }))
260
251
  });
261
252
  };
262
- export { Ae as default };
253
+ export { Re as default };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var v = "v16_69_1azor6p0", a = "v16_69_1azor6p2 v16_69_1azor6p1 v16_69_1y2v1nfq6 v16_69_1y2v1nfrl", o = "v16_69_1azor6p4 v16_69_1azor6p3 v16_69_1y2v1nfr3 v16_69_1y2v1nfrj";
1
+ /* empty css */ /* empty css */ var v = "v16_71_1azor6p0", a = "v16_71_1azor6p2 v16_71_1azor6p1 v16_71_1y2v1nfq6 v16_71_1y2v1nfrl", o = "v16_71_1azor6p4 v16_71_1azor6p3 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj";
2
2
  export { o as assetContainer, v as container, a as image };
@@ -1,7 +1,7 @@
1
1
  /* empty css */ /* empty css */ var _ = {
2
- backgroundColor: "var(--v16_69_13fzrua0)"
3
- }, v = "v16_69_13fzrua2 v16_69_13fzrua1 v16_69_1y2v1nfq4 v16_69_1y2v1nffw", f = {
4
- default: "v16_69_13fzrua3",
5
- largeImage: "v16_69_13fzrua4"
6
- }, n = "v16_69_13fzrua5", e = "v16_69_13fzrua7 v16_69_13fzrua6 v16_69_1y2v1nfr8", u = "v16_69_13fzrua9 v16_69_13fzrua8 v16_69_1y2v1nfr5 v16_69_1y2v1nfrl", z = "v16_69_13fzruab v16_69_13fzruaa v16_69_1y2v1nfq6", o = "v16_69_13fzruac v16_69_1y2v1nfsl", t = "v16_69_13fzruad";
2
+ backgroundColor: "var(--v16_71_13fzrua0)"
3
+ }, v = "v16_71_13fzrua2 v16_71_13fzrua1 v16_71_1y2v1nfq4 v16_71_1y2v1nffw", f = {
4
+ default: "v16_71_13fzrua3",
5
+ largeImage: "v16_71_13fzrua4"
6
+ }, n = "v16_71_13fzrua5", e = "v16_71_13fzrua7 v16_71_13fzrua6 v16_71_1y2v1nfr8", u = "v16_71_13fzrua9 v16_71_13fzrua8 v16_71_1y2v1nfr5 v16_71_1y2v1nfrl", z = "v16_71_13fzruab v16_71_13fzruaa v16_71_1y2v1nfq6", o = "v16_71_13fzruac v16_71_1y2v1nfsl", t = "v16_71_13fzruad";
7
7
  export { u as assetContainer, o as border, t as borderOverBrand, v as container, f as contentVariants, e as largeImage, n as largeImageContainer, z as smallImage, _ as vars };
@@ -1,2 +1,2 @@
1
- /* empty css */ var p = "v16_69_kq227n1";
1
+ /* empty css */ var p = "v16_71_kq227n1";
2
2
  export { p as wrapper };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var v = "v16_69_gx6h6a0", e = "v16_69_gx6h6a1", r = "v16_69_gx6h6a2", n = "v16_69_gx6h6a4 v16_69_gx6h6a3 v16_69_1y2v1nfq4 v16_69_1y2v1nfr8 v16_69_1y2v1nfqr v16_69_1y2v1nfqa", t = "v16_69_gx6h6a5", x = "v16_69_gx6h6a6", g = "v16_69_gx6h6a7 v16_69_1y2v1nfr3 v16_69_1y2v1nfrj", h = "v16_69_gx6h6ab v16_69_gx6h6aa", o = "v16_69_gx6h6ac v16_69_gx6h6aa", d = "v16_69_gx6h6ad v16_69_gx6h6aa", i = "v16_69_gx6h6ae", p = "v16_69_gx6h6af", f = "v16_69_gx6h6ag";
1
+ /* empty css */ /* empty css */ var v = "v16_71_gx6h6a0", e = "v16_71_gx6h6a1", r = "v16_71_gx6h6a2", n = "v16_71_gx6h6a4 v16_71_gx6h6a3 v16_71_1y2v1nfq4 v16_71_1y2v1nfr8 v16_71_1y2v1nfqr v16_71_1y2v1nfqa", t = "v16_71_gx6h6a5", x = "v16_71_gx6h6a6", g = "v16_71_gx6h6a7 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj", h = "v16_71_gx6h6ab v16_71_gx6h6aa", o = "v16_71_gx6h6ac v16_71_gx6h6aa", d = "v16_71_gx6h6ad v16_71_gx6h6aa", i = "v16_71_gx6h6ae", p = "v16_71_gx6h6af", f = "v16_71_gx6h6ag";
2
2
  export { g as assetContainer, p as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, i as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, f as successFeedbackContainer };
@@ -1,8 +1,8 @@
1
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_69_1isvxjy0", y = "v16_69_1isvxjy9 v16_69_1isvxjy2 v16_69_1isvxjy1 v16_69_1y2v1nfj0 v16_69_1y2v1nfk9 v16_69_1y2v1nfgl v16_69_1y2v1nfhu v16_69_1y2v1nfsw", n = {
2
- default: "v16_69_1isvxjya",
3
- alternative: "v16_69_1isvxjyb",
4
- brand: "v16_69_1isvxjyc",
5
- negative: "v16_69_1isvxjyd",
6
- media: "v16_69_1isvxjye"
7
- }, t = "v16_69_1isvxjyf", s = "v16_69_1isvxjyh", o = "v16_69_1isvxjyi", j = "v16_69_1isvxjyk v16_69_1isvxjyj v16_69_1y2v1nfq4 v16_69_1y2v1nfqd";
1
+ /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_71_1isvxjy0", y = "v16_71_1isvxjy9 v16_71_1isvxjy2 v16_71_1isvxjy1 v16_71_1y2v1nfj0 v16_71_1y2v1nfk9 v16_71_1y2v1nfgl v16_71_1y2v1nfhu v16_71_1y2v1nfsw", n = {
2
+ default: "v16_71_1isvxjya",
3
+ alternative: "v16_71_1isvxjyb",
4
+ brand: "v16_71_1isvxjyc",
5
+ negative: "v16_71_1isvxjyd",
6
+ media: "v16_71_1isvxjye"
7
+ }, t = "v16_71_1isvxjyf", s = "v16_71_1isvxjyh", o = "v16_71_1isvxjyi", j = "v16_71_1isvxjyk v16_71_1isvxjyj v16_71_1y2v1nfq4 v16_71_1y2v1nfqd";
8
8
  export { s as assetScaleActive, j as centeredButton, a as disabled, t as dropZoneActive, o as dropZoneButton, y as dropZoneContainerBase, n as dropZoneVariant };
@@ -1,4 +1,4 @@
1
1
  /* empty css */ /* empty css */ var j = {
2
- footerHeight: "var(--v16_69_p5j8j50)"
3
- }, r = "v16_69_p5j8j53 v16_69_p5j8j52 v16_69_1y2v1nfqr", t = "v16_69_p5j8j54", n = "v16_69_p5j8j55", a = "v16_69_p5j8j56 v16_69_1y2v1nfq3", f = "v16_69_p5j8j57", p = "v16_69_p5j8j59 v16_69_p5j8j58 v16_69_1y2v1nfte v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfun v16_69_1y2v1nfq0", e = "v16_69_p5j8j5b v16_69_p5j8j5a v16_69_1y2v1nfte v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfun v16_69_1y2v1nfq0", o = "v16_69_p5j8j5d v16_69_p5j8j5c v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfpz";
2
+ footerHeight: "var(--v16_71_p5j8j50)"
3
+ }, r = "v16_71_p5j8j53 v16_71_p5j8j52 v16_71_1y2v1nfqr", t = "v16_71_p5j8j54", n = "v16_71_p5j8j55", a = "v16_71_p5j8j56 v16_71_1y2v1nfq3", f = "v16_71_p5j8j57", p = "v16_71_p5j8j59 v16_71_p5j8j58 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nfq0", e = "v16_71_p5j8j5b v16_71_p5j8j5a v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nfq0", o = "v16_71_p5j8j5d v16_71_p5j8j5c v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfpz";
4
4
  export { o as absoluteBackgroundLayer, f as container, n as elevated, e as fixedBackgroundLayer, t as fixedFooter, r as footer, p as portal, j as vars, a as withoutFooter };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var p = "v16_69_1dycpqb0 v16_69_1y2v1nfqr";
1
+ /* empty css */ /* empty css */ var p = "v16_71_1dycpqb0 v16_71_1y2v1nfqr";
2
2
  export { p as form };
@@ -1,5 +1,5 @@
1
- /* empty css */ var a = "v16_69_379jdb0", _ = "v16_69_379jdb1", r = "v16_69_379jdb2", d = "v16_69_379jdb4", e = "v16_69_379jdb5", l = "v16_69_379jdb7", o = {
2
- colSpan: "var(--v16_69_379jdb6)",
3
- verticalSpace: "var(--v16_69_379jdb3)"
1
+ /* empty css */ var a = "v16_71_379jdb0", _ = "v16_71_379jdb1", r = "v16_71_379jdb2", d = "v16_71_379jdb4", e = "v16_71_379jdb5", l = "v16_71_379jdb7", o = {
2
+ colSpan: "var(--v16_71_379jdb6)",
3
+ verticalSpace: "var(--v16_71_379jdb3)"
4
4
  };
5
5
  export { e as collapsedInTablet, r as desktopLargeColumn, _ as desktopMediumColumn, a as desktopSmallColumn, d as grid, l as span, o as vars };