@telefonica/mistica 17.9.0 → 17.11.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 (272) hide show
  1. package/css/blau.css +40 -0
  2. package/css/community/cyber.css +40 -0
  3. package/css/esimflag.css +40 -0
  4. package/css/mistica.css +1 -1
  5. package/css/movistar.css +40 -0
  6. package/css/o2.css +41 -0
  7. package/css/telefonica.css +42 -0
  8. package/css/vivo-evolution.css +48 -0
  9. package/css/vivo.css +40 -0
  10. package/dist/accordion.css-mistica.js +8 -8
  11. package/dist/align.css-mistica.js +1 -1
  12. package/dist/autocomplete.css-mistica.js +4 -4
  13. package/dist/avatar.css-mistica.js +3 -3
  14. package/dist/badge.css-mistica.js +3 -3
  15. package/dist/box.css-mistica.js +13 -13
  16. package/dist/boxed.css-mistica.js +24 -24
  17. package/dist/button-group.css-mistica.js +3 -3
  18. package/dist/button-layout.css-mistica.js +15 -15
  19. package/dist/button.css-mistica.js +64 -64
  20. package/dist/callout.css-mistica.js +11 -11
  21. package/dist/card-internal.css-mistica.js +34 -34
  22. package/dist/carousel.css-mistica.js +35 -35
  23. package/dist/checkbox.css-mistica.js +15 -15
  24. package/dist/chip.css-mistica.js +20 -20
  25. package/dist/circle.css-mistica.js +1 -1
  26. package/dist/community/advanced-data-card.css-mistica.js +18 -18
  27. package/dist/community/ai-card.css-mistica.js +9 -9
  28. package/dist/community/blocks.css-mistica.js +3 -3
  29. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  30. package/dist/community/example-component.css-mistica.js +1 -1
  31. package/dist/community/skins/cyber-skin.js +20 -0
  32. package/dist/counter.css-mistica.js +7 -7
  33. package/dist/cover-hero.css-mistica.js +13 -13
  34. package/dist/credit-card-number-field.css-mistica.js +5 -5
  35. package/dist/date-field.css-mistica.js +1 -1
  36. package/dist/date-time-picker.css-mistica.js +1 -1
  37. package/dist/dialog.css-mistica.js +8 -8
  38. package/dist/divider.css-mistica.js +5 -5
  39. package/dist/double-field.css-mistica.js +4 -4
  40. package/dist/drawer.css-mistica.js +10 -10
  41. package/dist/drawer.d.ts +5 -1
  42. package/dist/drawer.js +131 -82
  43. package/dist/empty-state-card.css-mistica.js +1 -1
  44. package/dist/empty-state.css-mistica.js +12 -12
  45. package/dist/fade-in.css-mistica.js +1 -1
  46. package/dist/fade-out.css-mistica.js +1 -1
  47. package/dist/feedback.css-mistica.js +3 -3
  48. package/dist/file-upload.css-mistica.js +12 -12
  49. package/dist/fixed-footer-layout.css-mistica.js +5 -5
  50. package/dist/form.css-mistica.js +1 -1
  51. package/dist/form.d.ts +1 -1
  52. package/dist/grid-layout.css-mistica.js +3 -3
  53. package/dist/grid-layout.d.ts +6 -1
  54. package/dist/grid-layout.js +33 -18
  55. package/dist/grid.css-mistica.js +120 -120
  56. package/dist/header.css-mistica.js +1 -1
  57. package/dist/hero.css-mistica.js +9 -9
  58. package/dist/horizontal-scroll.css-mistica.js +1 -1
  59. package/dist/icon-button.css-mistica.js +58 -58
  60. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  61. package/dist/icons/icon-error.css-mistica.js +1 -1
  62. package/dist/image.css-mistica.js +7 -7
  63. package/dist/index.d.ts +2 -0
  64. package/dist/index.js +4 -0
  65. package/dist/inline.css-mistica.js +11 -11
  66. package/dist/list.css-mistica.js +32 -32
  67. package/dist/loading-bar.css-mistica.js +1 -1
  68. package/dist/loading-screen.css-mistica.js +9 -9
  69. package/dist/logo.css-mistica.js +5 -5
  70. package/dist/menu.css-mistica.js +12 -12
  71. package/dist/message.css-mistica.js +172 -0
  72. package/dist/message.css.d.ts +40 -0
  73. package/dist/message.d.ts +48 -0
  74. package/dist/message.js +389 -0
  75. package/dist/mosaic.css-mistica.js +1 -1
  76. package/dist/navigation-bar.css-mistica.js +20 -20
  77. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  78. package/dist/navigation-shared.css-mistica.js +18 -18
  79. package/dist/package-version.js +1 -1
  80. package/dist/pagination.css-mistica.js +30 -29
  81. package/dist/pagination.css.d.ts +1 -2
  82. package/dist/pagination.d.ts +0 -16
  83. package/dist/pagination.js +108 -115
  84. package/dist/pin-field.css-mistica.js +8 -8
  85. package/dist/popover.css-mistica.js +1 -1
  86. package/dist/progress-bar.css-mistica.js +7 -7
  87. package/dist/radio-button.css-mistica.js +32 -32
  88. package/dist/rating.css-mistica.js +4 -4
  89. package/dist/responsive-layout.css-mistica.js +6 -6
  90. package/dist/screen-reader-only.css-mistica.js +1 -1
  91. package/dist/select.css-mistica.js +22 -22
  92. package/dist/sheet-action-row.css-mistica.js +2 -2
  93. package/dist/sheet-common.css-mistica.js +9 -9
  94. package/dist/sheet-info.css-mistica.js +3 -3
  95. package/dist/sidenav-bar-layout.css-mistica.js +2 -2
  96. package/dist/sidenav-bar.css-mistica.js +107 -107
  97. package/dist/skeletons.css-mistica.js +10 -10
  98. package/dist/skins/blau.js +20 -0
  99. package/dist/skins/esimflag.js +20 -0
  100. package/dist/skins/movistar.js +20 -0
  101. package/dist/skins/o2.d.ts +1 -0
  102. package/dist/skins/o2.js +21 -0
  103. package/dist/skins/skin-contract.css-mistica.js +769 -749
  104. package/dist/skins/skin-contract.css.d.ts +20 -0
  105. package/dist/skins/telefonica.js +20 -0
  106. package/dist/skins/types/colors.d.ts +10 -0
  107. package/dist/skins/vivo-evolution.js +20 -0
  108. package/dist/skins/vivo.js +20 -0
  109. package/dist/skip-link.css-mistica.js +2 -2
  110. package/dist/slider.css-mistica.js +27 -27
  111. package/dist/snackbar.css-mistica.js +17 -17
  112. package/dist/spinner.css-mistica.js +5 -5
  113. package/dist/square.css-mistica.js +1 -1
  114. package/dist/stack.css-mistica.js +5 -5
  115. package/dist/stacking-group.css-mistica.js +2 -2
  116. package/dist/stepper.css-mistica.js +10 -10
  117. package/dist/switch-component.css-mistica.js +39 -39
  118. package/dist/table.css-mistica.js +9 -9
  119. package/dist/tabs.css-mistica.js +19 -19
  120. package/dist/tag.css-mistica.js +1 -1
  121. package/dist/text-field-base.css-mistica.js +26 -26
  122. package/dist/text-field-components.css-mistica.js +12 -12
  123. package/dist/text-link.css-mistica.js +6 -6
  124. package/dist/text-tokens.d.ts +2 -0
  125. package/dist/text-tokens.js +46 -30
  126. package/dist/text.css-mistica.js +6 -6
  127. package/dist/timeline.css-mistica.js +13 -13
  128. package/dist/timer.css-mistica.js +8 -8
  129. package/dist/tooltip.css-mistica.js +3 -3
  130. package/dist/tooltip.js +88 -88
  131. package/dist/touchable.css-mistica.js +5 -5
  132. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  133. package/dist/video.css-mistica.js +2 -2
  134. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  135. package/dist-es/accordion.css-mistica.js +7 -7
  136. package/dist-es/align.css-mistica.js +1 -1
  137. package/dist-es/autocomplete.css-mistica.js +2 -2
  138. package/dist-es/avatar.css-mistica.js +2 -2
  139. package/dist-es/badge.css-mistica.js +2 -2
  140. package/dist-es/box.css-mistica.js +13 -13
  141. package/dist-es/boxed.css-mistica.js +23 -23
  142. package/dist-es/button-group.css-mistica.js +2 -2
  143. package/dist-es/button-layout.css-mistica.js +15 -15
  144. package/dist-es/button.css-mistica.js +43 -43
  145. package/dist-es/callout.css-mistica.js +11 -11
  146. package/dist-es/card-internal.css-mistica.js +23 -23
  147. package/dist-es/carousel.css-mistica.js +10 -10
  148. package/dist-es/checkbox.css-mistica.js +13 -13
  149. package/dist-es/chip.css-mistica.js +17 -17
  150. package/dist-es/circle.css-mistica.js +1 -1
  151. package/dist-es/community/advanced-data-card.css-mistica.js +9 -9
  152. package/dist-es/community/ai-card.css-mistica.js +3 -3
  153. package/dist-es/community/blocks.css-mistica.js +2 -2
  154. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  155. package/dist-es/community/example-component.css-mistica.js +1 -1
  156. package/dist-es/community/skins/cyber-skin.js +20 -0
  157. package/dist-es/counter.css-mistica.js +2 -2
  158. package/dist-es/cover-hero.css-mistica.js +3 -3
  159. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  160. package/dist-es/date-field.css-mistica.js +1 -1
  161. package/dist-es/date-time-picker.css-mistica.js +1 -1
  162. package/dist-es/dialog.css-mistica.js +5 -5
  163. package/dist-es/divider.css-mistica.js +5 -5
  164. package/dist-es/double-field.css-mistica.js +4 -4
  165. package/dist-es/drawer.css-mistica.js +2 -2
  166. package/dist-es/drawer.js +167 -118
  167. package/dist-es/empty-state-card.css-mistica.js +1 -1
  168. package/dist-es/empty-state.css-mistica.js +7 -7
  169. package/dist-es/fade-in.css-mistica.js +1 -1
  170. package/dist-es/fade-out.css-mistica.js +1 -1
  171. package/dist-es/feedback.css-mistica.js +2 -2
  172. package/dist-es/file-upload.css-mistica.js +8 -8
  173. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  174. package/dist-es/form.css-mistica.js +1 -1
  175. package/dist-es/grid-layout.css-mistica.js +3 -3
  176. package/dist-es/grid-layout.js +37 -22
  177. package/dist-es/grid.css-mistica.js +120 -120
  178. package/dist-es/header.css-mistica.js +1 -1
  179. package/dist-es/hero.css-mistica.js +3 -3
  180. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  181. package/dist-es/icon-button.css-mistica.js +56 -56
  182. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  183. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  184. package/dist-es/image.css-mistica.js +4 -4
  185. package/dist-es/index.js +2355 -2354
  186. package/dist-es/inline.css-mistica.js +11 -11
  187. package/dist-es/list.css-mistica.js +8 -8
  188. package/dist-es/loading-bar.css-mistica.js +1 -1
  189. package/dist-es/loading-screen.css-mistica.js +5 -5
  190. package/dist-es/logo.css-mistica.js +5 -5
  191. package/dist-es/menu.css-mistica.js +12 -12
  192. package/dist-es/message.css-mistica.js +41 -0
  193. package/dist-es/message.js +334 -0
  194. package/dist-es/mosaic.css-mistica.js +1 -1
  195. package/dist-es/navigation-bar.css-mistica.js +10 -10
  196. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  197. package/dist-es/navigation-shared.css-mistica.js +10 -10
  198. package/dist-es/package-version.js +1 -1
  199. package/dist-es/pagination.css-mistica.js +23 -19
  200. package/dist-es/pagination.js +137 -141
  201. package/dist-es/pin-field.css-mistica.js +2 -2
  202. package/dist-es/popover.css-mistica.js +1 -1
  203. package/dist-es/progress-bar.css-mistica.js +7 -7
  204. package/dist-es/radio-button.css-mistica.js +24 -24
  205. package/dist-es/rating.css-mistica.js +4 -4
  206. package/dist-es/responsive-layout.css-mistica.js +6 -6
  207. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  208. package/dist-es/select.css-mistica.js +18 -18
  209. package/dist-es/sheet-action-row.css-mistica.js +2 -2
  210. package/dist-es/sheet-common.css-mistica.js +2 -2
  211. package/dist-es/sheet-info.css-mistica.js +2 -2
  212. package/dist-es/sidenav-bar-layout.css-mistica.js +2 -2
  213. package/dist-es/sidenav-bar.css-mistica.js +72 -72
  214. package/dist-es/skeletons.css-mistica.js +7 -7
  215. package/dist-es/skins/blau.js +20 -0
  216. package/dist-es/skins/esimflag.js +20 -0
  217. package/dist-es/skins/movistar.js +20 -0
  218. package/dist-es/skins/o2.js +21 -0
  219. package/dist-es/skins/skin-contract.css-mistica.js +769 -749
  220. package/dist-es/skins/telefonica.js +20 -0
  221. package/dist-es/skins/vivo-evolution.js +20 -0
  222. package/dist-es/skins/vivo.js +20 -0
  223. package/dist-es/skip-link.css-mistica.js +2 -2
  224. package/dist-es/slider.css-mistica.js +20 -20
  225. package/dist-es/snackbar.css-mistica.js +5 -5
  226. package/dist-es/spinner.css-mistica.js +2 -2
  227. package/dist-es/square.css-mistica.js +1 -1
  228. package/dist-es/stack.css-mistica.js +5 -5
  229. package/dist-es/stacking-group.css-mistica.js +2 -2
  230. package/dist-es/stepper.css-mistica.js +4 -4
  231. package/dist-es/style.css +1 -1
  232. package/dist-es/switch-component.css-mistica.js +37 -37
  233. package/dist-es/table.css-mistica.js +9 -9
  234. package/dist-es/tabs.css-mistica.js +18 -18
  235. package/dist-es/tag.css-mistica.js +1 -1
  236. package/dist-es/text-field-base.css-mistica.js +17 -17
  237. package/dist-es/text-field-components.css-mistica.js +4 -4
  238. package/dist-es/text-link.css-mistica.js +6 -6
  239. package/dist-es/text-tokens.js +26 -16
  240. package/dist-es/text.css-mistica.js +6 -6
  241. package/dist-es/timeline.css-mistica.js +10 -10
  242. package/dist-es/timer.css-mistica.js +7 -7
  243. package/dist-es/tooltip.css-mistica.js +2 -2
  244. package/dist-es/tooltip.js +109 -109
  245. package/dist-es/touchable.css-mistica.js +2 -2
  246. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  247. package/dist-es/video.css-mistica.js +2 -2
  248. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  249. package/doc/layout.md +1 -1
  250. package/doc/llms/figma-mcp.md +1 -0
  251. package/package.json +1 -1
  252. package/src/community/skins/cyber-skin.tsx +20 -0
  253. package/src/drawer.tsx +43 -12
  254. package/src/form.tsx +1 -1
  255. package/src/grid-layout.tsx +20 -0
  256. package/src/index.tsx +2 -0
  257. package/src/message.css.ts +148 -0
  258. package/src/message.tsx +303 -0
  259. package/src/package-version.tsx +1 -1
  260. package/src/pagination.css.ts +15 -18
  261. package/src/pagination.tsx +100 -102
  262. package/src/skins/blau.tsx +20 -0
  263. package/src/skins/esimflag.tsx +20 -0
  264. package/src/skins/movistar.tsx +20 -0
  265. package/src/skins/o2.tsx +21 -0
  266. package/src/skins/skin-contract.css.ts +10 -0
  267. package/src/skins/telefonica.tsx +20 -0
  268. package/src/skins/types/colors.tsx +10 -0
  269. package/src/skins/vivo-evolution.tsx +20 -0
  270. package/src/skins/vivo.tsx +20 -0
  271. package/src/text-tokens.tsx +14 -0
  272. package/src/tooltip.tsx +5 -2
@@ -1,8 +1,8 @@
1
1
  /* empty css */ var t = {
2
- default: "v17_9_o0dvt10",
3
- alternative: "v17_9_o0dvt11",
4
- brand: "v17_9_o0dvt12",
5
- negative: "v17_9_o0dvt13",
6
- media: "v17_9_o0dvt14"
2
+ default: "v17_11_o0dvt10",
3
+ alternative: "v17_11_o0dvt11",
4
+ brand: "v17_11_o0dvt12",
5
+ negative: "v17_11_o0dvt13",
6
+ media: "v17_11_o0dvt14"
7
7
  };
8
8
  export { t as variants };
@@ -1,5 +1,5 @@
1
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var i = {
2
- default: "v17_9_skrulh1 v17_9_skrulh0 v17_9_1y2v1nfre v17_9_1y2v1nfrj v17_9_1y2v1nfs1",
3
- fullWidth: "v17_9_skrulh2 v17_9_skrulh0 v17_9_1y2v1nfre v17_9_1y2v1nfrj v17_9_1y2v1nfs1"
1
+ /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var t = {
2
+ default: "v17_11_skrulh1 v17_11_skrulh0 v17_11_1y2v1nfry v17_11_1y2v1nfs3 v17_11_1y2v1nfsl",
3
+ fullWidth: "v17_11_skrulh2 v17_11_skrulh0 v17_11_1y2v1nfry v17_11_1y2v1nfs3 v17_11_1y2v1nfsl"
4
4
  };
5
- export { i as variants };
5
+ export { t as variants };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var n = 350, r = "v17_9_c4ngww1 v17_9_c4ngww0 v17_9_1y2v1nfra v17_9_1y2v1nfre v17_9_1y2v1nf8l v17_9_1y2v1nfuo v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfui", w = "v17_9_c4ngww3 v17_9_c4ngww2 v17_9_1y2v1nfre v17_9_1y2v1nfrk v17_9_1y2v1nfrz", a = "v17_9_c4ngww5 v17_9_c4ngww4 v17_9_1y2v1nfrw v17_9_1y2v1nfry", y = "v17_9_c4ngww7 v17_9_c4ngww6 v17_9_1y2v1nfrz v17_9_1y2v1nfun", c = "v17_9_c4ngww8", o = "v17_9_c4ngww9", f = "v17_9_c4ngwwb v17_9_c4ngwwa v17_9_1y2v1nfra v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nf9c", g = "v17_9_c4ngwwc", e = "v17_9_c4ngwwd", t = "v17_9_c4ngwwe v17_9_1y2v1nfr9 v17_9_1y2v1nfur v17_9_1y2v1nfvl", i = "v17_9_c4ngwwf", l = "v17_9_c4ngwwg", d = "v17_9_c4ngwwh";
2
- export { n as ANIMATION_DURATION_MS, l as bottomPadding, d as buttonsLayoutContainer, t as closeButtonContainer, o as closed, r as container, w as drawer, i as horizontalPadding, c as open, f as overlay, g as overlayClosed, e as overlayOpen, y as scrollableSection, a as titleContainer };
1
+ /* empty css */ /* empty css */ var n = 350, w = "v17_11_c4ngww1 v17_11_c4ngww0 v17_11_1y2v1nfru v17_11_1y2v1nfry v17_11_1y2v1nf8v v17_11_1y2v1nfv8 v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfv2", r = "v17_11_c4ngww3 v17_11_c4ngww2 v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfsj", y = "v17_11_c4ngww5 v17_11_c4ngww4 v17_11_1y2v1nfsg v17_11_1y2v1nfsi", a = "v17_11_c4ngww7 v17_11_c4ngww6 v17_11_1y2v1nfsj v17_11_1y2v1nfv7", c = "v17_11_c4ngww8", f = "v17_11_c4ngww9", o = "v17_11_c4ngwwb v17_11_c4ngwwa v17_11_1y2v1nfru v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nf9m", g = "v17_11_c4ngwwc", t = "v17_11_c4ngwwd", e = "v17_11_c4ngwwe v17_11_1y2v1nfrt v17_11_1y2v1nfvb v17_11_1y2v1nfw5", i = "v17_11_c4ngwwf", l = "v17_11_c4ngwwg", s = "v17_11_c4ngwwh";
2
+ export { n as ANIMATION_DURATION_MS, l as bottomPadding, s as buttonsLayoutContainer, e as closeButtonContainer, f as closed, w as container, r as drawer, i as horizontalPadding, c as open, o as overlay, g as overlayClosed, t as overlayOpen, a as scrollableSection, y as titleContainer };
package/dist-es/drawer.js CHANGED
@@ -1,4 +1,33 @@
1
1
  'use client';
2
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
3
+ try {
4
+ var info = gen[key](arg);
5
+ var value = info.value;
6
+ } catch (error) {
7
+ reject(error);
8
+ return;
9
+ }
10
+ if (info.done) {
11
+ resolve(value);
12
+ } else {
13
+ Promise.resolve(value).then(_next, _throw);
14
+ }
15
+ }
16
+ function _async_to_generator(fn) {
17
+ return function() {
18
+ var self = this, args = arguments;
19
+ return new Promise(function(resolve, reject) {
20
+ var gen = fn.apply(self, args);
21
+ function _next(value) {
22
+ asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
23
+ }
24
+ function _throw(err) {
25
+ asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
26
+ }
27
+ _next(undefined);
28
+ });
29
+ };
30
+ }
2
31
  function _define_property(obj, key, value) {
3
32
  if (key in obj) {
4
33
  Object.defineProperty(obj, key, {
@@ -51,200 +80,220 @@ function _object_spread_props(target, source) {
51
80
  }
52
81
  return target;
53
82
  }
54
- import { jsx as e, jsxs as f } from "react/jsx-runtime";
55
- import * as s from "react";
56
- import B from "./stack.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
- 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 E from "classnames";
63
- import { Portal as ee } from "./portal.js";
64
- import { useTheme as te, useIsInViewport as x, useScreenSize as re } from "./hooks.js";
65
- import se from "./focus-trap.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";
83
+ import { jsx as e, jsxs as h } from "react/jsx-runtime";
84
+ import * as a from "react";
85
+ import O from "./stack.js";
86
+ import { Text as z, getTextSizesWithWeight as j, Text4 as F, Text3 as W } from "./text.js";
87
+ import { vars as _ } from "./skins/skin-contract.css-mistica.js";
88
+ import { IconButton as H } from "./icon-button.js";
89
+ import K from "./generated/mistica-icons/icon-close-regular.js";
90
+ import { drawer as L, closeButtonContainer as U, titleContainer as V, horizontalPadding as x, scrollableSection as Y, bottomPadding as $, buttonsLayoutContainer as q, ANIMATION_DURATION_MS as G, container as J, open as Q, closed as X, overlay as Z, overlayOpen as ee, overlayClosed as te } from "./drawer.css-mistica.js";
91
+ import S from "classnames";
92
+ import { Portal as re } from "./portal.js";
93
+ import { useTheme as se, useIsInViewport as b, useScreenSize as ae } from "./hooks.js";
94
+ import oe from "./focus-trap.js";
95
+ import { useSetModalStateEffect as ie } from "./modal-context-provider.js";
96
+ import ne from "./button-layout.js";
97
+ import { ButtonLink as le, ButtonSecondary as ce, ButtonPrimary as T } from "./button.js";
69
98
  import de from "./divider.js";
70
- import { getPrefixedDataAttributes as ce } from "./utils/dom.js";
71
- import { modalClose as me } from "./text-tokens.js";
72
- const b = (param)=>{
99
+ import { getPrefixedDataAttributes as me } from "./utils/dom.js";
100
+ import { modalClose as ue } from "./text-tokens.js";
101
+ import ve from "./form.js";
102
+ const N = (param)=>{
73
103
  let { show: i } = param;
74
104
  return i ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e("div", {
75
105
  style: {
76
106
  borderBottom: "1px solid transparent"
77
107
  }
78
108
  });
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, d] = s.useState(!1), h = v ? "auto" : i, a = s.useCallback((o)=>{
83
- o && setTimeout(()=>{
84
- d(!0);
109
+ }, fe = /*#__PURE__*/ a.forwardRef((param, E)=>{
110
+ let { width: i, children: f, onClose: l, onDismiss: c, form: d } = param;
111
+ ie();
112
+ const { isMobile: g } = ae(), [m, p] = a.useState(!1), t = g ? "auto" : i, o = a.useCallback((s)=>{
113
+ s && setTimeout(()=>{
114
+ p(!0);
85
115
  }, 50);
86
- }, []), r = s.useCallback(()=>(d(!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,
116
+ }, []), r = a.useCallback(()=>(p(!1), new Promise((s)=>{
117
+ setTimeout(s, G);
118
+ }).then(l)), [
119
+ l
120
+ ]), n = a.useCallback(()=>r().then(()=>c === null || c === void 0 ? void 0 : c()), [
121
+ c,
92
122
  r
93
123
  ]);
94
- return s.useImperativeHandle(p, ()=>({
124
+ a.useImperativeHandle(E, ()=>({
95
125
  close: r,
96
- dismiss: t
97
- })), s.useEffect(()=>{
98
- const o = (c)=>{
99
- c.key === "Escape" && t();
126
+ dismiss: n
127
+ })), a.useEffect(()=>{
128
+ const s = (v)=>{
129
+ v.key === "Escape" && n();
100
130
  };
101
- return document.addEventListener("keydown", o), ()=>{
102
- document.removeEventListener("keydown", o);
131
+ return document.addEventListener("keydown", s), ()=>{
132
+ document.removeEventListener("keydown", s);
103
133
  };
104
134
  }, [
105
- t
106
- ]), /* @__PURE__ */ e(ee, {
107
- children: /* @__PURE__ */ f(se, {
135
+ n
136
+ ]);
137
+ const u = /* @__PURE__ */ e("div", {
138
+ "data-testid": "drawerLayout",
139
+ ref: o,
140
+ style: {
141
+ width: t
142
+ },
143
+ className: S(J, m ? Q : X),
144
+ children: f
145
+ });
146
+ return /* @__PURE__ */ e(re, {
147
+ children: /* @__PURE__ */ h(oe, {
108
148
  children: [
109
149
  /* @__PURE__ */ e("div", {
110
150
  "data-testid": "drawerOverlay",
111
- onClick: l ? t : void 0,
112
- className: E(q, u ? G : J)
151
+ onClick: c ? n : void 0,
152
+ className: S(Z, m ? ee : te)
113
153
  }),
114
- /* @__PURE__ */ e("div", {
115
- "data-testid": "drawerLayout",
116
- ref: a,
117
- style: {
118
- width: h
154
+ d ? /* @__PURE__ */ e(ve, _object_spread_props(_object_spread({}, d), {
155
+ onSubmit: function() {
156
+ for(var _len = arguments.length, s = new Array(_len), _key = 0; _key < _len; _key++){
157
+ s[_key] = arguments[_key];
158
+ }
159
+ return _async_to_generator(function*() {
160
+ return Promise.resolve(d.onSubmit(...s)).then(r);
161
+ })();
119
162
  },
120
- className: E(Q, u ? X : Z),
121
- children: m
122
- })
163
+ children: u
164
+ })) : u
123
165
  ]
124
166
  })
125
167
  });
126
- }), Re = (param)=>{
127
- let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: d, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
128
- const c = 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 _c_current;
130
- (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
131
- }, R = !x(P, !0, {
132
- root: y
133
- }), A = !x(S, !0, {
168
+ }), Be = (param)=>{
169
+ let { title: i, subtitle: f, description: l, titleAs: c = "h2", dismissLabel: d, width: E, onClose: g, onDismiss: m, children: p, button: t, secondaryButton: o, buttonLink: r, dataAttributes: n, form: u } = param;
170
+ const s = a.useRef(null), v = !!(t || o || r), [w, C] = a.useState(null), y = a.useRef(null), P = a.useRef(null), { t: I, texts: R, textPresets: A } = se(), k = (M)=>{
171
+ var _s_current;
172
+ (_s_current = s.current) === null || _s_current === void 0 ? void 0 : _s_current.close().then(()=>M === null || M === void 0 ? void 0 : M());
173
+ }, D = !b(y, !0, {
174
+ root: w
175
+ }), B = !b(P, !0, {
134
176
  rootMargin: "1px",
135
177
  // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
136
- root: y
178
+ root: w
137
179
  });
138
- return /* @__PURE__ */ e(ue, {
139
- width: v,
140
- ref: c,
141
- onClose: u,
142
- onDismiss: d,
143
- children: /* @__PURE__ */ f("section", _object_spread_props(_object_spread({
180
+ return /* @__PURE__ */ e(fe, {
181
+ width: E,
182
+ ref: s,
183
+ onClose: g,
184
+ onDismiss: m,
185
+ form: u,
186
+ children: /* @__PURE__ */ h("section", _object_spread_props(_object_spread({
144
187
  role: "dialog",
145
188
  "aria-modal": "true",
146
- className: H,
147
- ref: T
148
- }, ce(_object_spread({
189
+ className: L,
190
+ ref: C
191
+ }, me(_object_spread({
149
192
  testid: "Drawer"
150
- }, o))), {
193
+ }, n))), {
151
194
  children: [
152
- d && /* @__PURE__ */ e("div", {
153
- className: K,
154
- children: /* @__PURE__ */ e(_, {
195
+ m && /* @__PURE__ */ e("div", {
196
+ className: U,
197
+ children: /* @__PURE__ */ e(H, {
155
198
  dataAttributes: {
156
199
  testid: "dismissButton"
157
200
  },
158
201
  onPress: ()=>{
159
- var _c_current;
160
- return (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.dismiss();
202
+ var _s_current;
203
+ return (_s_current = s.current) === null || _s_current === void 0 ? void 0 : _s_current.dismiss();
161
204
  },
162
- Icon: F,
163
- "aria-label": p || C.modalClose || N(me),
205
+ Icon: K,
206
+ "aria-label": d || R.modalClose || I(ue),
164
207
  type: "neutral",
165
208
  backgroundType: "transparent"
166
209
  })
167
210
  }),
168
211
  i && /* @__PURE__ */ e("div", {
169
- className: E(L, k),
170
- children: /* @__PURE__ */ e(M, _object_spread_props(_object_spread({}, O({
171
- textPreset: I.drawerTitle
212
+ className: S(V, x),
213
+ children: /* @__PURE__ */ e(z, _object_spread_props(_object_spread({}, j({
214
+ textPreset: A.drawerTitle
172
215
  })), {
173
- as: l,
216
+ as: c,
174
217
  dataAttributes: {
175
218
  testid: "title"
176
219
  },
177
220
  children: i
178
221
  }))
179
222
  }),
180
- /* @__PURE__ */ e(b, {
181
- show: R
223
+ /* @__PURE__ */ e(N, {
224
+ show: D
182
225
  }),
183
- /* @__PURE__ */ f("div", {
184
- className: U,
226
+ /* @__PURE__ */ h("div", {
227
+ className: Y,
185
228
  children: [
186
229
  /* @__PURE__ */ e("div", {
187
- ref: P
230
+ ref: y
188
231
  }),
189
232
  /* @__PURE__ */ e("div", {
190
- className: k,
191
- children: /* @__PURE__ */ f(B, {
233
+ className: x,
234
+ children: /* @__PURE__ */ h(O, {
192
235
  space: 16,
193
236
  children: [
194
- m && /* @__PURE__ */ e(z, {
237
+ f && /* @__PURE__ */ e(F, {
195
238
  regular: !0,
196
239
  dataAttributes: {
197
240
  testid: "subtitle"
198
241
  },
199
- children: m
242
+ children: f
200
243
  }),
201
- n && /* @__PURE__ */ e(j, {
244
+ l && /* @__PURE__ */ e(W, {
202
245
  regular: !0,
203
- color: W.colors.textSecondary,
246
+ color: _.colors.textSecondary,
204
247
  dataAttributes: {
205
248
  testid: "description"
206
249
  },
207
- children: n
250
+ children: l
208
251
  }),
209
- h
252
+ p
210
253
  ]
211
254
  })
212
255
  }),
213
- !g && /* @__PURE__ */ e("div", {
214
- className: V
256
+ !v && /* @__PURE__ */ e("div", {
257
+ className: $
215
258
  }),
216
259
  /* @__PURE__ */ e("div", {
217
- ref: S
260
+ ref: P
218
261
  })
219
262
  ]
220
263
  }),
221
- /* @__PURE__ */ e(b, {
222
- show: g && A
264
+ /* @__PURE__ */ e(N, {
265
+ show: v && B
223
266
  }),
224
- g && /* @__PURE__ */ e("div", {
225
- className: Y,
226
- children: /* @__PURE__ */ e(oe, {
227
- primaryButton: a && /* @__PURE__ */ e(le, {
228
- trackEvent: a.trackEvent,
229
- trackingEvent: a.trackingEvent,
230
- onPress: ()=>w(a.onPress),
231
- disabled: a.disabled,
232
- children: a.text
267
+ v && /* @__PURE__ */ e("div", {
268
+ className: q,
269
+ children: /* @__PURE__ */ e(ne, {
270
+ primaryButton: t && (u ? /* @__PURE__ */ e(T, {
271
+ submit: !0,
272
+ trackEvent: t.trackEvent,
273
+ trackingEvent: t.trackingEvent,
274
+ disabled: t.disabled,
275
+ children: t.text
276
+ }) : /* @__PURE__ */ e(T, {
277
+ trackEvent: t.trackEvent,
278
+ trackingEvent: t.trackingEvent,
279
+ onPress: ()=>k(t.onPress),
280
+ disabled: t.disabled,
281
+ children: t.text
282
+ })),
283
+ secondaryButton: o && /* @__PURE__ */ e(ce, {
284
+ trackEvent: o.trackEvent,
285
+ trackingEvent: o.trackingEvent,
286
+ onPress: ()=>k(o.onPress),
287
+ disabled: o.disabled,
288
+ children: o.text
233
289
  }),
234
- secondaryButton: r && /* @__PURE__ */ e(ne, {
290
+ link: r && /* @__PURE__ */ e(le, {
235
291
  trackEvent: r.trackEvent,
236
292
  trackingEvent: r.trackingEvent,
237
- onPress: ()=>w(r.onPress),
293
+ onPress: ()=>k(r.onPress),
294
+ bleedY: !0,
238
295
  disabled: r.disabled,
239
296
  children: r.text
240
- }),
241
- link: t && /* @__PURE__ */ e(ie, {
242
- trackEvent: t.trackEvent,
243
- trackingEvent: t.trackingEvent,
244
- onPress: ()=>w(t.onPress),
245
- bleedY: !0,
246
- disabled: t.disabled,
247
- children: t.text
248
297
  })
249
298
  })
250
299
  })
@@ -252,4 +301,4 @@ const b = (param)=>{
252
301
  }))
253
302
  });
254
303
  };
255
- export { Re as default };
304
+ export { Be as default };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var r = "v17_9_1azor6p0", a = "v17_9_1azor6p2 v17_9_1azor6p1 v17_9_1y2v1nfrg v17_9_1y2v1nfsv", o = "v17_9_1azor6p4 v17_9_1azor6p3 v17_9_1y2v1nfsd v17_9_1y2v1nfst";
1
+ /* empty css */ /* empty css */ var r = "v17_11_1azor6p0", a = "v17_11_1azor6p2 v17_11_1azor6p1 v17_11_1y2v1nfs0 v17_11_1y2v1nftf", o = "v17_11_1azor6p4 v17_11_1azor6p3 v17_11_1y2v1nfsx v17_11_1y2v1nftd";
2
2
  export { o as assetContainer, r as container, a as image };
@@ -1,7 +1,7 @@
1
- /* empty css */ /* empty css */ var v = {
2
- backgroundColor: "var(--v17_9_13fzrua0)"
3
- }, _ = "v17_9_13fzrua2 v17_9_13fzrua1 v17_9_1y2v1nfre v17_9_1y2v1nfh6", f = {
4
- default: "v17_9_13fzrua3",
5
- largeImage: "v17_9_13fzrua4"
6
- }, e = "v17_9_13fzrua5", n = "v17_9_13fzrua7 v17_9_13fzrua6 v17_9_1y2v1nfsi", u = "v17_9_13fzrua9 v17_9_13fzrua8 v17_9_1y2v1nfsf v17_9_1y2v1nfsv", z = "v17_9_13fzruab v17_9_13fzruaa v17_9_1y2v1nfrg", o = "v17_9_13fzruac v17_9_1y2v1nftv", t = "v17_9_13fzruad";
7
- export { u as assetContainer, o as border, t as borderOverBrand, _ as container, f as contentVariants, n as largeImage, e as largeImageContainer, z as smallImage, v as vars };
1
+ /* empty css */ /* empty css */ var _ = {
2
+ backgroundColor: "var(--v17_11_13fzrua0)"
3
+ }, v = "v17_11_13fzrua2 v17_11_13fzrua1 v17_11_1y2v1nfry v17_11_1y2v1nfhq", f = {
4
+ default: "v17_11_13fzrua3",
5
+ largeImage: "v17_11_13fzrua4"
6
+ }, n = "v17_11_13fzrua5", e = "v17_11_13fzrua7 v17_11_13fzrua6 v17_11_1y2v1nft2", u = "v17_11_13fzrua9 v17_11_13fzrua8 v17_11_1y2v1nfsz v17_11_1y2v1nftf", z = "v17_11_13fzruab v17_11_13fzruaa v17_11_1y2v1nfs0", t = "v17_11_13fzruac v17_11_1y2v1nfuf", o = "v17_11_13fzruad";
7
+ export { u as assetContainer, t as border, o 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 = "v17_9_kq227n1";
1
+ /* empty css */ var p = "v17_11_kq227n1";
2
2
  export { p as wrapper };
@@ -1,2 +1,2 @@
1
- /* empty css */ var p = "v17_9_1momtlt1";
1
+ /* empty css */ var p = "v17_11_1momtlt1";
2
2
  export { p as wrapper };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var v = "v17_9_gx6h6a0", e = "v17_9_gx6h6a1", r = "v17_9_gx6h6a2", n = "v17_9_gx6h6a4 v17_9_gx6h6a3 v17_9_1y2v1nfre v17_9_1y2v1nfsi v17_9_1y2v1nfs1 v17_9_1y2v1nfrk", t = "v17_9_gx6h6a5", x = "v17_9_gx6h6a6", g = "v17_9_gx6h6a7 v17_9_1y2v1nfsd v17_9_1y2v1nfst", h = "v17_9_gx6h6ab v17_9_gx6h6aa", o = "v17_9_gx6h6ac v17_9_gx6h6aa", s = "v17_9_gx6h6ad v17_9_gx6h6aa", d = "v17_9_gx6h6ae", i = "v17_9_gx6h6af", p = "v17_9_gx6h6ag";
2
- export { g as assetContainer, i as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, d as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, s as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, p as successFeedbackContainer };
1
+ /* empty css */ /* empty css */ var v = "v17_11_gx6h6a0", e = "v17_11_gx6h6a1", r = "v17_11_gx6h6a2", n = "v17_11_gx6h6a4 v17_11_gx6h6a3 v17_11_1y2v1nfry v17_11_1y2v1nft2 v17_11_1y2v1nfsl v17_11_1y2v1nfs4", t = "v17_11_gx6h6a5", x = "v17_11_gx6h6a6", g = "v17_11_gx6h6a7 v17_11_1y2v1nfsx v17_11_1y2v1nftd", h = "v17_11_gx6h6ab v17_11_gx6h6aa", o = "v17_11_gx6h6ac v17_11_gx6h6aa", d = "v17_11_gx6h6ad v17_11_gx6h6aa", s = "v17_11_gx6h6ae", i = "v17_11_gx6h6af", p = "v17_11_gx6h6ag";
2
+ export { g as assetContainer, i as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, s as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, p as successFeedbackContainer };
@@ -1,8 +1,8 @@
1
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v17_9_1isvxjy0", n = "v17_9_1isvxjy9 v17_9_1isvxjy2 v17_9_1isvxjy1 v17_9_1y2v1nfka v17_9_1y2v1nflj v17_9_1y2v1nfhv v17_9_1y2v1nfj4 v17_9_1y2v1nfu6", y = {
2
- default: "v17_9_1isvxjya",
3
- alternative: "v17_9_1isvxjyb",
4
- brand: "v17_9_1isvxjyc",
5
- negative: "v17_9_1isvxjyd",
6
- media: "v17_9_1isvxjye"
7
- }, t = "v17_9_1isvxjyf", s = "v17_9_1isvxjyh", j = "v17_9_1isvxjyi", o = "v17_9_1isvxjyk v17_9_1isvxjyj v17_9_1y2v1nfre v17_9_1y2v1nfrn";
8
- export { s as assetScaleActive, o as centeredButton, a as disabled, t as dropZoneActive, j as dropZoneButton, n as dropZoneContainerBase, y as dropZoneVariant };
1
+ /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var y = "v17_11_1isvxjy0", a = "v17_11_1isvxjy9 v17_11_1isvxjy2 v17_11_1isvxjy1 v17_11_1y2v1nfku v17_11_1y2v1nfm3 v17_11_1y2v1nfif v17_11_1y2v1nfjo v17_11_1y2v1nfuq", n = {
2
+ default: "v17_11_1isvxjya",
3
+ alternative: "v17_11_1isvxjyb",
4
+ brand: "v17_11_1isvxjyc",
5
+ negative: "v17_11_1isvxjyd",
6
+ media: "v17_11_1isvxjye"
7
+ }, t = "v17_11_1isvxjyf", s = "v17_11_1isvxjyh", o = "v17_11_1isvxjyi", j = "v17_11_1isvxjyk v17_11_1isvxjyj v17_11_1y2v1nfry v17_11_1y2v1nfs7";
8
+ export { s as assetScaleActive, j as centeredButton, y as disabled, t as dropZoneActive, o as dropZoneButton, a as dropZoneContainerBase, n as dropZoneVariant };
@@ -1,4 +1,4 @@
1
1
  /* empty css */ /* empty css */ var r = {
2
- footerHeight: "var(--v17_9_p5j8j50)"
3
- }, j = "v17_9_p5j8j53 v17_9_p5j8j52 v17_9_1y2v1nfs1", a = "v17_9_p5j8j54", f = "v17_9_p5j8j55", n = "v17_9_p5j8j56 v17_9_1y2v1nfrd", o = "v17_9_p5j8j57", p = "v17_9_p5j8j59 v17_9_p5j8j58 v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", y = "v17_9_p5j8j5b v17_9_p5j8j5a v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfvx v17_9_1y2v1nfra", e = "v17_9_p5j8j5d v17_9_p5j8j5c v17_9_1y2v1nfv3 v17_9_1y2v1nfvi v17_9_1y2v1nfr9";
4
- export { e as absoluteBackgroundLayer, o as container, f as elevated, y as fixedBackgroundLayer, a as fixedFooter, j as footer, p as portal, r as vars, n as withoutFooter };
2
+ footerHeight: "var(--v17_11_p5j8j50)"
3
+ }, j = "v17_11_p5j8j53 v17_11_p5j8j52 v17_11_1y2v1nfsl", n = "v17_11_p5j8j54", a = "v17_11_p5j8j55", f = "v17_11_p5j8j56 v17_11_1y2v1nfrx", o = "v17_11_p5j8j57", p = "v17_11_p5j8j59 v17_11_p5j8j58 v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfru", y = "v17_11_p5j8j5b v17_11_p5j8j5a v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfwh v17_11_1y2v1nfru", e = "v17_11_p5j8j5d v17_11_p5j8j5c v17_11_1y2v1nfvn v17_11_1y2v1nfw2 v17_11_1y2v1nfrt";
4
+ export { e as absoluteBackgroundLayer, o as container, a as elevated, y as fixedBackgroundLayer, n as fixedFooter, j as footer, p as portal, r as vars, f as withoutFooter };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var p = "v17_9_1dycpqb0 v17_9_1y2v1nfs1";
1
+ /* empty css */ /* empty css */ var p = "v17_11_1dycpqb0 v17_11_1y2v1nfsl";
2
2
  export { p as form };
@@ -1,5 +1,5 @@
1
- /* empty css */ var a = "v17_9_379jdb0", _ = "v17_9_379jdb1", r = "v17_9_379jdb2", d = "v17_9_379jdb4", e = "v17_9_379jdb5", l = "v17_9_379jdb7", o = {
2
- colSpan: "var(--v17_9_379jdb6)",
3
- verticalSpace: "var(--v17_9_379jdb3)"
1
+ /* empty css */ var a = "v17_11_379jdb0", _ = "v17_11_379jdb1", r = "v17_11_379jdb2", d = "v17_11_379jdb4", e = "v17_11_379jdb5", l = "v17_11_379jdb7", o = {
2
+ colSpan: "var(--v17_11_379jdb6)",
3
+ verticalSpace: "var(--v17_11_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 };