@telefonica/mistica 17.10.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 (212) 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 +34 -34
  12. package/dist/callout.css-mistica.js +11 -11
  13. package/dist/card-internal.css-mistica.js +21 -21
  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 +8 -8
  19. package/dist/community/ai-card.css-mistica.js +2 -2
  20. package/dist/community/blocks.css-mistica.js +2 -2
  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.d.ts +5 -1
  33. package/dist/drawer.js +131 -82
  34. package/dist/empty-state-card.css-mistica.js +1 -1
  35. package/dist/empty-state.css-mistica.js +5 -5
  36. package/dist/fade-in.css-mistica.js +1 -1
  37. package/dist/fade-out.css-mistica.js +1 -1
  38. package/dist/feedback.css-mistica.js +1 -1
  39. package/dist/file-upload.css-mistica.js +7 -7
  40. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  41. package/dist/form.css-mistica.js +1 -1
  42. package/dist/form.d.ts +1 -1
  43. package/dist/grid-layout.css-mistica.js +3 -3
  44. package/dist/grid-layout.d.ts +6 -1
  45. package/dist/grid-layout.js +33 -18
  46. package/dist/grid.css-mistica.js +120 -120
  47. package/dist/header.css-mistica.js +1 -1
  48. package/dist/hero.css-mistica.js +2 -2
  49. package/dist/horizontal-scroll.css-mistica.js +1 -1
  50. package/dist/icon-button.css-mistica.js +53 -53
  51. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  52. package/dist/icons/icon-error.css-mistica.js +1 -1
  53. package/dist/image.css-mistica.js +2 -2
  54. package/dist/inline.css-mistica.js +11 -11
  55. package/dist/list.css-mistica.js +7 -7
  56. package/dist/loading-bar.css-mistica.js +1 -1
  57. package/dist/loading-screen.css-mistica.js +4 -4
  58. package/dist/logo.css-mistica.js +5 -5
  59. package/dist/menu.css-mistica.js +12 -12
  60. package/dist/message.css-mistica.js +38 -38
  61. package/dist/mosaic.css-mistica.js +1 -1
  62. package/dist/navigation-bar.css-mistica.js +9 -9
  63. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  64. package/dist/navigation-shared.css-mistica.js +9 -9
  65. package/dist/package-version.js +1 -1
  66. package/dist/pagination.css-mistica.js +22 -22
  67. package/dist/pin-field.css-mistica.js +1 -1
  68. package/dist/popover.css-mistica.js +1 -1
  69. package/dist/progress-bar.css-mistica.js +6 -6
  70. package/dist/radio-button.css-mistica.js +19 -19
  71. package/dist/rating.css-mistica.js +2 -2
  72. package/dist/responsive-layout.css-mistica.js +6 -6
  73. package/dist/screen-reader-only.css-mistica.js +1 -1
  74. package/dist/select.css-mistica.js +15 -15
  75. package/dist/sheet-action-row.css-mistica.js +1 -1
  76. package/dist/sheet-common.css-mistica.js +1 -1
  77. package/dist/sheet-info.css-mistica.js +1 -1
  78. package/dist/sidenav-bar-layout.css-mistica.js +1 -1
  79. package/dist/sidenav-bar.css-mistica.js +71 -71
  80. package/dist/skeletons.css-mistica.js +6 -6
  81. package/dist/skins/skin-contract.css-mistica.js +769 -769
  82. package/dist/skip-link.css-mistica.js +1 -1
  83. package/dist/slider.css-mistica.js +18 -18
  84. package/dist/snackbar.css-mistica.js +4 -4
  85. package/dist/spinner.css-mistica.js +1 -1
  86. package/dist/square.css-mistica.js +1 -1
  87. package/dist/stack.css-mistica.js +5 -5
  88. package/dist/stacking-group.css-mistica.js +1 -1
  89. package/dist/stepper.css-mistica.js +2 -2
  90. package/dist/switch-component.css-mistica.js +35 -35
  91. package/dist/table.css-mistica.js +9 -9
  92. package/dist/tabs.css-mistica.js +17 -17
  93. package/dist/tag.css-mistica.js +1 -1
  94. package/dist/text-field-base.css-mistica.js +16 -16
  95. package/dist/text-field-components.css-mistica.js +3 -3
  96. package/dist/text-link.css-mistica.js +6 -6
  97. package/dist/text.css-mistica.js +6 -6
  98. package/dist/timeline.css-mistica.js +9 -9
  99. package/dist/timer.css-mistica.js +6 -6
  100. package/dist/tooltip.css-mistica.js +1 -1
  101. package/dist/touchable.css-mistica.js +1 -1
  102. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  103. package/dist/video.css-mistica.js +1 -1
  104. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  105. package/dist-es/accordion.css-mistica.js +6 -6
  106. package/dist-es/align.css-mistica.js +1 -1
  107. package/dist-es/autocomplete.css-mistica.js +1 -1
  108. package/dist-es/avatar.css-mistica.js +1 -1
  109. package/dist-es/badge.css-mistica.js +1 -1
  110. package/dist-es/box.css-mistica.js +13 -13
  111. package/dist-es/boxed.css-mistica.js +23 -23
  112. package/dist-es/button-group.css-mistica.js +1 -1
  113. package/dist-es/button-layout.css-mistica.js +14 -14
  114. package/dist-es/button.css-mistica.js +34 -34
  115. package/dist-es/callout.css-mistica.js +11 -11
  116. package/dist-es/card-internal.css-mistica.js +21 -21
  117. package/dist-es/carousel.css-mistica.js +8 -8
  118. package/dist-es/checkbox.css-mistica.js +11 -11
  119. package/dist-es/chip.css-mistica.js +15 -15
  120. package/dist-es/circle.css-mistica.js +1 -1
  121. package/dist-es/community/advanced-data-card.css-mistica.js +8 -8
  122. package/dist-es/community/ai-card.css-mistica.js +2 -2
  123. package/dist-es/community/blocks.css-mistica.js +2 -2
  124. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  125. package/dist-es/community/example-component.css-mistica.js +2 -2
  126. package/dist-es/counter.css-mistica.js +1 -1
  127. package/dist-es/cover-hero.css-mistica.js +2 -2
  128. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  129. package/dist-es/date-field.css-mistica.js +1 -1
  130. package/dist-es/date-time-picker.css-mistica.js +1 -1
  131. package/dist-es/dialog.css-mistica.js +4 -4
  132. package/dist-es/divider.css-mistica.js +5 -5
  133. package/dist-es/double-field.css-mistica.js +2 -2
  134. package/dist-es/drawer.css-mistica.js +1 -1
  135. package/dist-es/drawer.js +167 -118
  136. package/dist-es/empty-state-card.css-mistica.js +1 -1
  137. package/dist-es/empty-state.css-mistica.js +5 -5
  138. package/dist-es/fade-in.css-mistica.js +1 -1
  139. package/dist-es/fade-out.css-mistica.js +1 -1
  140. package/dist-es/feedback.css-mistica.js +1 -1
  141. package/dist-es/file-upload.css-mistica.js +7 -7
  142. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  143. package/dist-es/form.css-mistica.js +1 -1
  144. package/dist-es/grid-layout.css-mistica.js +3 -3
  145. package/dist-es/grid-layout.js +37 -22
  146. package/dist-es/grid.css-mistica.js +120 -120
  147. package/dist-es/header.css-mistica.js +1 -1
  148. package/dist-es/hero.css-mistica.js +2 -2
  149. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  150. package/dist-es/icon-button.css-mistica.js +53 -53
  151. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  152. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  153. package/dist-es/image.css-mistica.js +2 -2
  154. package/dist-es/inline.css-mistica.js +11 -11
  155. package/dist-es/list.css-mistica.js +7 -7
  156. package/dist-es/loading-bar.css-mistica.js +1 -1
  157. package/dist-es/loading-screen.css-mistica.js +4 -4
  158. package/dist-es/logo.css-mistica.js +5 -5
  159. package/dist-es/menu.css-mistica.js +12 -12
  160. package/dist-es/message.css-mistica.js +38 -38
  161. package/dist-es/mosaic.css-mistica.js +1 -1
  162. package/dist-es/navigation-bar.css-mistica.js +9 -9
  163. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  164. package/dist-es/navigation-shared.css-mistica.js +9 -9
  165. package/dist-es/package-version.js +1 -1
  166. package/dist-es/pagination.css-mistica.js +22 -22
  167. package/dist-es/pin-field.css-mistica.js +1 -1
  168. package/dist-es/popover.css-mistica.js +1 -1
  169. package/dist-es/progress-bar.css-mistica.js +6 -6
  170. package/dist-es/radio-button.css-mistica.js +19 -19
  171. package/dist-es/rating.css-mistica.js +2 -2
  172. package/dist-es/responsive-layout.css-mistica.js +6 -6
  173. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  174. package/dist-es/select.css-mistica.js +15 -15
  175. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  176. package/dist-es/sheet-common.css-mistica.js +1 -1
  177. package/dist-es/sheet-info.css-mistica.js +1 -1
  178. package/dist-es/sidenav-bar-layout.css-mistica.js +1 -1
  179. package/dist-es/sidenav-bar.css-mistica.js +71 -71
  180. package/dist-es/skeletons.css-mistica.js +6 -6
  181. package/dist-es/skins/skin-contract.css-mistica.js +769 -769
  182. package/dist-es/skip-link.css-mistica.js +1 -1
  183. package/dist-es/slider.css-mistica.js +18 -18
  184. package/dist-es/snackbar.css-mistica.js +4 -4
  185. package/dist-es/spinner.css-mistica.js +1 -1
  186. package/dist-es/square.css-mistica.js +1 -1
  187. package/dist-es/stack.css-mistica.js +5 -5
  188. package/dist-es/stacking-group.css-mistica.js +1 -1
  189. package/dist-es/stepper.css-mistica.js +2 -2
  190. package/dist-es/style.css +1 -1
  191. package/dist-es/switch-component.css-mistica.js +35 -35
  192. package/dist-es/table.css-mistica.js +9 -9
  193. package/dist-es/tabs.css-mistica.js +17 -17
  194. package/dist-es/tag.css-mistica.js +1 -1
  195. package/dist-es/text-field-base.css-mistica.js +16 -16
  196. package/dist-es/text-field-components.css-mistica.js +3 -3
  197. package/dist-es/text-link.css-mistica.js +6 -6
  198. package/dist-es/text.css-mistica.js +6 -6
  199. package/dist-es/timeline.css-mistica.js +9 -9
  200. package/dist-es/timer.css-mistica.js +6 -6
  201. package/dist-es/tooltip.css-mistica.js +1 -1
  202. package/dist-es/touchable.css-mistica.js +1 -1
  203. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  204. package/dist-es/video.css-mistica.js +1 -1
  205. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  206. package/doc/layout.md +1 -1
  207. package/doc/llms/figma-mcp.md +1 -0
  208. package/package.json +1 -1
  209. package/src/drawer.tsx +43 -12
  210. package/src/form.tsx +1 -1
  211. package/src/grid-layout.tsx +20 -0
  212. package/src/package-version.tsx +1 -1
@@ -1,43 +1,43 @@
1
1
  /* empty css */ /* empty css */ var a = {
2
- default: "v17_10_q0hp3a6 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1",
3
- ios: "v17_10_q0hp3a7 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1",
4
- disabled: "v17_10_q0hp3a8 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1",
5
- disabledIos: "v17_10_q0hp3a9 v17_10_q0hp3a5 v17_10_1y2v1nfs2 v17_10_1y2v1nfv1"
2
+ default: "v17_11_q0hp3a6 v17_11_q0hp3a5 v17_11_1y2v1nfs2 v17_11_1y2v1nfv1",
3
+ ios: "v17_11_q0hp3a7 v17_11_q0hp3a5 v17_11_1y2v1nfs2 v17_11_1y2v1nfv1",
4
+ disabled: "v17_11_q0hp3a8 v17_11_q0hp3a5 v17_11_1y2v1nfs2 v17_11_1y2v1nfv1",
5
+ disabledIos: "v17_11_q0hp3a9 v17_11_q0hp3a5 v17_11_1y2v1nfs2 v17_11_1y2v1nfv1"
6
6
  }, h = {
7
- default: "v17_10_q0hp3ac v17_10_q0hp3ab v17_10_q0hp3aa v17_10_1y2v1nfrs",
8
- ios: "v17_10_q0hp3ad v17_10_q0hp3ab v17_10_q0hp3aa v17_10_1y2v1nfrs"
9
- }, p = "v17_10_q0hp3af v17_10_q0hp3ae v17_10_1y2v1nfs0 v17_10_1y2v1nfv2", q = {
10
- default: "v17_10_q0hp3ai v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
11
- ios: "v17_10_q0hp3aj v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
12
- iosDark: "v17_10_q0hp3ak v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
13
- checked: "v17_10_q0hp3al v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
14
- checkedIos: "v17_10_q0hp3am v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0"
7
+ default: "v17_11_q0hp3ac v17_11_q0hp3ab v17_11_q0hp3aa v17_11_1y2v1nfrs",
8
+ ios: "v17_11_q0hp3ad v17_11_q0hp3ab v17_11_q0hp3aa v17_11_1y2v1nfrs"
9
+ }, p = "v17_11_q0hp3af v17_11_q0hp3ae v17_11_1y2v1nfs0 v17_11_1y2v1nfv2", q = {
10
+ default: "v17_11_q0hp3ai v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
11
+ ios: "v17_11_q0hp3aj v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
12
+ iosDark: "v17_11_q0hp3ak v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
13
+ checked: "v17_11_q0hp3al v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
14
+ checkedIos: "v17_11_q0hp3am v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0"
15
15
  }, n = {
16
- default: "v17_10_q0hp3an v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
17
- ios: "v17_10_q0hp3ao v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
18
- iosDark: "v17_10_q0hp3ap v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
19
- checked: "v17_10_q0hp3aq v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
20
- checkedIos: "v17_10_q0hp3ar v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0"
16
+ default: "v17_11_q0hp3an v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
17
+ ios: "v17_11_q0hp3ao v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
18
+ iosDark: "v17_11_q0hp3ap v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
19
+ checked: "v17_11_q0hp3aq v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
20
+ checkedIos: "v17_11_q0hp3ar v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0"
21
21
  }, f = {
22
- default: "v17_10_q0hp3as v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
23
- ios: "v17_10_q0hp3at v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
24
- iosDark: "v17_10_q0hp3au v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
25
- checked: "v17_10_q0hp3av v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0",
26
- checkedIos: "v17_10_q0hp3aw v17_10_q0hp3ah v17_10_q0hp3ag v17_10_1y2v1nfs0"
27
- }, y = "v17_10_q0hp3ay", s = "v17_10_q0hp3az v17_10_q0hp3ax", e = "v17_10_q0hp3a10 v17_10_q0hp3ax", r = "v17_10_q0hp3a11 v17_10_q0hp3ax", i = "v17_10_q0hp3a12 v17_10_q0hp3ax", t = "v17_10_q0hp3a13", c = {
28
- default: "v17_10_q0hp3a18 v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
29
- ios: "v17_10_q0hp3a19 v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
30
- checked: "v17_10_q0hp3a1a v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
31
- checkedIos: "v17_10_q0hp3a1b v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui"
22
+ default: "v17_11_q0hp3as v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
23
+ ios: "v17_11_q0hp3at v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
24
+ iosDark: "v17_11_q0hp3au v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
25
+ checked: "v17_11_q0hp3av v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0",
26
+ checkedIos: "v17_11_q0hp3aw v17_11_q0hp3ah v17_11_q0hp3ag v17_11_1y2v1nfs0"
27
+ }, y = "v17_11_q0hp3ay", s = "v17_11_q0hp3az v17_11_q0hp3ax", e = "v17_11_q0hp3a10 v17_11_q0hp3ax", r = "v17_11_q0hp3a11 v17_11_q0hp3ax", i = "v17_11_q0hp3a12 v17_11_q0hp3ax", t = "v17_11_q0hp3a13", c = {
28
+ default: "v17_11_q0hp3a18 v17_11_q0hp3a16 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
29
+ ios: "v17_11_q0hp3a19 v17_11_q0hp3a17 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
30
+ checked: "v17_11_q0hp3a1a v17_11_q0hp3a16 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
31
+ checkedIos: "v17_11_q0hp3a1b v17_11_q0hp3a17 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui"
32
32
  }, d = {
33
- default: "v17_10_q0hp3a1c v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
34
- ios: "v17_10_q0hp3a1d v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
35
- checked: "v17_10_q0hp3a1e v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
36
- checkedIos: "v17_10_q0hp3a1f v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui"
33
+ default: "v17_11_q0hp3a1c v17_11_q0hp3a16 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
34
+ ios: "v17_11_q0hp3a1d v17_11_q0hp3a17 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
35
+ checked: "v17_11_q0hp3a1e v17_11_q0hp3a16 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
36
+ checkedIos: "v17_11_q0hp3a1f v17_11_q0hp3a17 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui"
37
37
  }, o = {
38
- default: "v17_10_q0hp3a1g v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
39
- ios: "v17_10_q0hp3a1h v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
40
- checked: "v17_10_q0hp3a1i v17_10_q0hp3a16 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui",
41
- checkedIos: "v17_10_q0hp3a1j v17_10_q0hp3a17 v17_10_q0hp3a15 v17_10_q0hp3a14 v17_10_1y2v1nfrt v17_10_1y2v1nfwh v17_10_1y2v1nfs0 v17_10_1y2v1nfui"
38
+ default: "v17_11_q0hp3a1g v17_11_q0hp3a16 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
39
+ ios: "v17_11_q0hp3a1h v17_11_q0hp3a17 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
40
+ checked: "v17_11_q0hp3a1i v17_11_q0hp3a16 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui",
41
+ checkedIos: "v17_11_q0hp3a1j v17_11_q0hp3a17 v17_11_q0hp3a15 v17_11_q0hp3a14 v17_11_1y2v1nfrt v17_11_1y2v1nfwh v17_11_1y2v1nfs0 v17_11_1y2v1nfui"
42
42
  };
43
43
  export { c as ballVariants, q as barVariants, a as checkboxVariants, s as container, r as containerDisabled, i as containerDisabledFullWidth, e as containerFullWidth, t as disabled, y as interactiveArea, d as overBrandBallVariants, n as overBrandBarVariants, o as overNegativeBallVariants, f as overNegativeBarVariants, h as switchCheckboxContainerVariants, p as switchCheckboxLabel };
@@ -1,11 +1,11 @@
1
1
  /* empty css */ /* empty css */ /* empty css */ var e = {
2
- maxHeight: "var(--v17_10_107ok880)"
3
- }, a = "v17_10_107ok881", r = "v17_10_107ok882", l = "v17_10_107ok883", t = "v17_10_107ok884", k = "v17_10_107ok885", i = "v17_10_107ok886", s = {
4
- left: "v17_10_107ok888 v17_10_107ok887",
5
- right: "v17_10_107ok889 v17_10_107ok887",
6
- center: "v17_10_107ok88a v17_10_107ok887"
7
- }, d = "v17_10_107ok88b", n = "v17_10_107ok88c", c = {
8
- top: "v17_10_107ok88d",
9
- middle: "v17_10_107ok88e"
10
- }, p = "v17_10_107ok88f", m = "v17_10_107ok88g", b = "v17_10_107ok88h", I = "v17_10_107ok88i", g = "v17_10_107ok88j", h = "v17_10_107ok88k", w = "v17_10_107ok88l", H = "v17_10_107ok88m", x = "v17_10_107ok88n";
2
+ maxHeight: "var(--v17_11_107ok880)"
3
+ }, a = "v17_11_107ok881", r = "v17_11_107ok882", l = "v17_11_107ok883", t = "v17_11_107ok884", k = "v17_11_107ok885", i = "v17_11_107ok886", s = {
4
+ left: "v17_11_107ok888 v17_11_107ok887",
5
+ right: "v17_11_107ok889 v17_11_107ok887",
6
+ center: "v17_11_107ok88a v17_11_107ok887"
7
+ }, d = "v17_11_107ok88b", n = "v17_11_107ok88c", c = {
8
+ top: "v17_11_107ok88d",
9
+ middle: "v17_11_107ok88e"
10
+ }, p = "v17_11_107ok88f", m = "v17_11_107ok88g", b = "v17_11_107ok88h", I = "v17_11_107ok88i", g = "v17_11_107ok88j", h = "v17_11_107ok88k", w = "v17_11_107ok88l", H = "v17_11_107ok88m", x = "v17_11_107ok88n";
11
11
  export { p as actionsHeaderText, m as actionsTableCell, i as boxed, s as cellTextAlign, I as collapsedRowHeaderItem, h as collapsedRowTitle, l as collapsedRowsInMobile, r as fullWidth, k as hiddenHeadersInDesktop, t as hiddenHeadersInMobile, g as mobileCellHeading, w as rowFirstItem, x as rowLastCollapsedItem, H as rowLastItem, d as scrollContainer, n as scrollOverResponsiveLayout, a as table, b as topActions, e as vars, c as verticalAlign };
@@ -1,21 +1,21 @@
1
1
  /* empty css */ /* empty css */ var f = {
2
- borderColor: "var(--v17_10_lgofm10)"
3
- }, l = "v17_10_lgofm11", n = "v17_10_lgofm13 v17_10_lgofm12 v17_10_1y2v1nfu9 v17_10_1y2v1nfsl v17_10_1y2v1nfrs", o = "v17_10_lgofm14", e = "v17_10_lgofm15 v17_10_1y2v1nfu9 v17_10_1y2v1nfsl v17_10_1y2v1nfry", g = {
4
- default: "v17_10_lgofm18 v17_10_lgofm17 v17_10_lgofm16 v17_10_1y2v1nfko v17_10_1y2v1nflx v17_10_1y2v1nfrz v17_10_1y2v1nfsg v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nftx v17_10_1y2v1nfu9 v17_10_1y2v1nfhq",
5
- fullWidth: "v17_10_lgofm19 v17_10_lgofm17 v17_10_lgofm16 v17_10_1y2v1nfko v17_10_1y2v1nflx v17_10_1y2v1nfrz v17_10_1y2v1nfsg v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nftx v17_10_1y2v1nfu9 v17_10_1y2v1nfhq"
2
+ borderColor: "var(--v17_11_lgofm10)"
3
+ }, l = "v17_11_lgofm11", n = "v17_11_lgofm13 v17_11_lgofm12 v17_11_1y2v1nfu9 v17_11_1y2v1nfsl v17_11_1y2v1nfrs", o = "v17_11_lgofm14", e = "v17_11_lgofm15 v17_11_1y2v1nfu9 v17_11_1y2v1nfsl v17_11_1y2v1nfry", g = {
4
+ default: "v17_11_lgofm18 v17_11_lgofm17 v17_11_lgofm16 v17_11_1y2v1nfko v17_11_1y2v1nflx v17_11_1y2v1nfrz v17_11_1y2v1nfsg v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1y2v1nftx v17_11_1y2v1nfu9 v17_11_1y2v1nfhq",
5
+ fullWidth: "v17_11_lgofm19 v17_11_lgofm17 v17_11_lgofm16 v17_11_1y2v1nfko v17_11_1y2v1nflx v17_11_1y2v1nfrz v17_11_1y2v1nfsg v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1y2v1nftx v17_11_1y2v1nfu9 v17_11_1y2v1nfhq"
6
6
  }, m = {
7
- default: "v17_10_lgofm1d v17_10_lgofm1a",
8
- brand: "v17_10_lgofm1e v17_10_lgofm1b",
9
- negative: "v17_10_lgofm1f v17_10_lgofm1c"
7
+ default: "v17_11_lgofm1d v17_11_lgofm1a",
8
+ brand: "v17_11_lgofm1e v17_11_lgofm1b",
9
+ negative: "v17_11_lgofm1f v17_11_lgofm1c"
10
10
  }, r = {
11
- noSelected: "v17_10_lgofm1p v17_10_lgofm1g v17_10_1y2v1nf5z",
12
- noSelectedBrand: "v17_10_lgofm1q v17_10_lgofm1h v17_10_1y2v1nf62",
13
- noSelectedNegative: "v17_10_lgofm1r v17_10_lgofm1i v17_10_1y2v1nf61",
14
- selected: "v17_10_lgofm1s v17_10_lgofm1j",
15
- selectedBrand: "v17_10_lgofm1t v17_10_lgofm1k",
16
- selectedNegative: "v17_10_lgofm1u v17_10_lgofm1l",
17
- selectedAnimating: "v17_10_lgofm1v v17_10_lgofm1m",
18
- selectedAnimatingBrand: "v17_10_lgofm1w v17_10_lgofm1n",
19
- selectedAnimatingNegative: "v17_10_lgofm1x v17_10_lgofm1o"
20
- }, t = "v17_10_lgofm1y", a = "v17_10_lgofm1z v17_10_1y2v1nfrx v17_10_1y2v1nfrt v17_10_1y2v1nfvn v17_10_1y2v1nfwh v17_10_1y2v1nft4";
11
+ noSelected: "v17_11_lgofm1p v17_11_lgofm1g v17_11_1y2v1nf5z",
12
+ noSelectedBrand: "v17_11_lgofm1q v17_11_lgofm1h v17_11_1y2v1nf62",
13
+ noSelectedNegative: "v17_11_lgofm1r v17_11_lgofm1i v17_11_1y2v1nf61",
14
+ selected: "v17_11_lgofm1s v17_11_lgofm1j",
15
+ selectedBrand: "v17_11_lgofm1t v17_11_lgofm1k",
16
+ selectedNegative: "v17_11_lgofm1u v17_11_lgofm1l",
17
+ selectedAnimating: "v17_11_lgofm1v v17_11_lgofm1m",
18
+ selectedAnimatingBrand: "v17_11_lgofm1w v17_11_lgofm1n",
19
+ selectedAnimatingNegative: "v17_11_lgofm1x v17_11_lgofm1o"
20
+ }, t = "v17_11_lgofm1y", a = "v17_11_lgofm1z v17_11_1y2v1nfrx v17_11_1y2v1nfrt v17_11_1y2v1nfvn v17_11_1y2v1nfwh v17_11_1y2v1nft4";
21
21
  export { a as animatedLine, t as icon, o as inner, n as outer, l as outerBorder, m as tabHover, r as tabSelectionVariants, g as tabVariants, e as tabsContainer, f as vars };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var y = "v17_10_1wy08673 v17_10_1wy08671 v17_10_1wy08670 v17_10_1y2v1nfrz v17_10_1y2v1nfs3 v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1wy08672 v17_10_1y2v1nftu", f = "v17_10_1wy08675 v17_10_1wy08671 v17_10_1wy08670 v17_10_1y2v1nfrz v17_10_1y2v1nfs3 v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1wy08674 v17_10_1y2v1nfhu v17_10_1y2v1nfj3 v17_10_1y2v1nfts", n = "v17_10_1wy08676 v17_10_1y2v1nfs0", r = "v17_10_1wy08677 v17_10_1y2v1nfrz v17_10_1y2v1nfkf";
1
+ /* empty css */ /* empty css */ var y = "v17_11_1wy08673 v17_11_1wy08671 v17_11_1wy08670 v17_11_1y2v1nfrz v17_11_1y2v1nfs3 v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1wy08672 v17_11_1y2v1nftu", f = "v17_11_1wy08675 v17_11_1wy08671 v17_11_1wy08670 v17_11_1y2v1nfrz v17_11_1y2v1nfs3 v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1wy08674 v17_11_1y2v1nfhu v17_11_1y2v1nfj3 v17_11_1y2v1nfts", n = "v17_11_1wy08676 v17_11_1y2v1nfs0", r = "v17_11_1wy08677 v17_11_1y2v1nfrz v17_11_1y2v1nfkf";
2
2
  export { r as badge, n as icon, f as smallTag, y as tag };
@@ -1,17 +1,17 @@
1
- /* empty css */ /* empty css */ /* empty css */ var r = "calc(var(--v17_10_1vqcj1iks) - 1px)", t = "calc(var(--v17_10_1vqcj1ikt) - 1px)", y = 12, a = 4, h = "calc(1.5rem + 24px)", n = {
2
- mobileFontSize: "var(--v17_10_rhey4t0)",
3
- desktopFontSize: "var(--v17_10_rhey4t1)",
4
- mobileLineHeight: "var(--v17_10_rhey4t2)",
5
- desktopLineHeight: "var(--v17_10_rhey4t3)",
6
- shrinkedLabelMobileFontSize: "var(--v17_10_rhey4t4)",
7
- shrinkedLabelDesktopFontSize: "var(--v17_10_rhey4t5)",
8
- shrinkedLabelMobileLineHeight: "var(--v17_10_rhey4t6)",
9
- shrinkedLabelDesktopLineHeight: "var(--v17_10_rhey4t7)",
10
- helperTextMobileFontSize: "var(--v17_10_rhey4t8)",
11
- helperTextDesktopFontSize: "var(--v17_10_rhey4t9)",
12
- helperTextMobileLineHeight: "var(--v17_10_rhey4ta)",
13
- helperTextDesktopLineHeight: "var(--v17_10_rhey4tb)",
14
- labelScaleDesktop: "var(--v17_10_rhey4tc)",
15
- labelScaleMobile: "var(--v17_10_rhey4td)"
16
- }, i = "v17_10_rhey4ti", l = "v17_10_rhey4tk v17_10_rhey4tj v17_10_1y2v1nfhr v17_10_1y2v1nfj0 v17_10_rhey4tf v17_10_rhey4te v17_10_1y2v1nfug v17_10_1y2v1nftj v17_10_1y2v1nf5u v17_10_1y2v1nfsl", o = "v17_10_rhey4tl", f = "v17_10_rhey4tm", d = "v17_10_rhey4to v17_10_rhey4tn v17_10_1y2v1nfrs v17_10_rhey4tf v17_10_rhey4te v17_10_1y2v1nfug v17_10_1y2v1nftj v17_10_1y2v1nf5u v17_10_1y2v1nfsl", s = "v17_10_rhey4tp", p = "v17_10_rhey4tq", u = "v17_10_rhey4tr", c = "v17_10_rhey4ts", b = "v17_10_rhey4tt", k = "v17_10_rhey4tv v17_10_rhey4tu v17_10_1y2v1nfkf v17_10_1y2v1nfry v17_10_1y2v1nfsd", m = "v17_10_rhey4tw", L = "v17_10_rhey4ty v17_10_rhey4tx v17_10_1y2v1nflu v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nft2 v17_10_1y2v1nfrt", x = "v17_10_rhey4t10 v17_10_rhey4tz v17_10_1y2v1nflu", g = "v17_10_rhey4t12 v17_10_rhey4t11 v17_10_1y2v1nfry v17_10_1y2v1nfsd", S = "v17_10_rhey4t14 v17_10_rhey4t12 v17_10_rhey4t11 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_rhey4t13 v17_10_1y2v1nfv1", z = "v17_10_rhey4t15", D = "v17_10_rhey4t17 v17_10_rhey4t16 v17_10_1y2v1nfrt";
1
+ /* empty css */ /* empty css */ /* empty css */ var r = "calc(var(--v17_11_1vqcj1iks) - 1px)", t = "calc(var(--v17_11_1vqcj1ikt) - 1px)", y = 12, a = 4, h = "calc(1.5rem + 24px)", n = {
2
+ mobileFontSize: "var(--v17_11_rhey4t0)",
3
+ desktopFontSize: "var(--v17_11_rhey4t1)",
4
+ mobileLineHeight: "var(--v17_11_rhey4t2)",
5
+ desktopLineHeight: "var(--v17_11_rhey4t3)",
6
+ shrinkedLabelMobileFontSize: "var(--v17_11_rhey4t4)",
7
+ shrinkedLabelDesktopFontSize: "var(--v17_11_rhey4t5)",
8
+ shrinkedLabelMobileLineHeight: "var(--v17_11_rhey4t6)",
9
+ shrinkedLabelDesktopLineHeight: "var(--v17_11_rhey4t7)",
10
+ helperTextMobileFontSize: "var(--v17_11_rhey4t8)",
11
+ helperTextDesktopFontSize: "var(--v17_11_rhey4t9)",
12
+ helperTextMobileLineHeight: "var(--v17_11_rhey4ta)",
13
+ helperTextDesktopLineHeight: "var(--v17_11_rhey4tb)",
14
+ labelScaleDesktop: "var(--v17_11_rhey4tc)",
15
+ labelScaleMobile: "var(--v17_11_rhey4td)"
16
+ }, i = "v17_11_rhey4ti", l = "v17_11_rhey4tk v17_11_rhey4tj v17_11_1y2v1nfhr v17_11_1y2v1nfj0 v17_11_rhey4tf v17_11_rhey4te v17_11_1y2v1nfug v17_11_1y2v1nftj v17_11_1y2v1nf5u v17_11_1y2v1nfsl", o = "v17_11_rhey4tl", f = "v17_11_rhey4tm", d = "v17_11_rhey4to v17_11_rhey4tn v17_11_1y2v1nfrs v17_11_rhey4tf v17_11_rhey4te v17_11_1y2v1nfug v17_11_1y2v1nftj v17_11_1y2v1nf5u v17_11_1y2v1nfsl", s = "v17_11_rhey4tp", p = "v17_11_rhey4tq", u = "v17_11_rhey4tr", c = "v17_11_rhey4ts", b = "v17_11_rhey4tt", k = "v17_11_rhey4tv v17_11_rhey4tu v17_11_1y2v1nfkf v17_11_1y2v1nfry v17_11_1y2v1nfsd", m = "v17_11_rhey4tw", L = "v17_11_rhey4ty v17_11_rhey4tx v17_11_1y2v1nflu v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nft2 v17_11_1y2v1nfrt", x = "v17_11_rhey4t10 v17_11_rhey4tz v17_11_1y2v1nflu", g = "v17_11_rhey4t12 v17_11_rhey4t11 v17_11_1y2v1nfry v17_11_1y2v1nfsd", S = "v17_11_rhey4t14 v17_11_rhey4t12 v17_11_rhey4t11 v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_rhey4t13 v17_11_1y2v1nfv1", z = "v17_11_rhey4t15", D = "v17_11_rhey4t17 v17_11_rhey4t16 v17_11_1y2v1nfrt";
17
17
  export { f as emptyDateValue, k as endIconContainer, m as endIconPlaceholder, y as fieldElementsGap, a as fieldEndIconGap, r as fieldLeftPadding, t as fieldRightPadding, n as fieldVars, i as fullWidth, o as hiddenDatePlaceholder, h as iconButtonSize, d as input, s as inputFirefoxStyles, p as inputWithLabel, u as inputWithoutLabel, S as menuItem, g as menuItemBase, z as menuItemSelected, x as prefix, L as startIcon, D as suggestionsContainer, l as textArea, c as textAreaWithLabel, b as textAreaWithoutLabel };
@@ -1,5 +1,5 @@
1
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ var u = 328, k = "v17_10_15k6ur91 v17_10_15k6ur90 v17_10_1y2v1nfrt v17_10_1y2v1nfry", a = "v17_10_15k6ur92 v17_10_1y2v1nfry v17_10_1y2v1nfs3 v17_10_1y2v1nfv2 v17_10_1y2v1nfsl", e = "v17_10_15k6ur94 v17_10_15k6ur93 v17_10_1y2v1nfv2 v17_10_1y2v1nfsh", f = "v17_10_15k6ur95", y = "v17_10_15k6ur97 v17_10_15k6ur96 v17_10_1y2v1nfry v17_10_1y2v1nfs4", l = "v17_10_15k6ur98", t = "v17_10_15k6ur9a v17_10_15k6ur99 v17_10_1y2v1nfsl", i = "v17_10_15k6ur9b v17_10_1y2v1nfsl", o = "v17_10_15k6ur9c", d = "v17_10_15k6ur9f v17_10_15k6ur9e v17_10_1y2v1nfuh v17_10_1y2v1nfry v17_10_1y2v1nfup v17_10_1y2v1nfrs v17_10_15k6ur9d", p = "v17_10_15k6ur9h v17_10_15k6ur9g v17_10_1y2v1nfry", s = "v17_10_15k6ur9j v17_10_15k6ur9i v17_10_1y2v1nfry", h = "v17_10_15k6ur9k v17_10_1y2v1nfko", b = "v17_10_15k6ur9l v17_10_1y2v1nfsj v17_10_1y2v1nfhx", m = "v17_10_15k6ur9m", x = {
2
- default: "v17_10_15k6ur9p v17_10_15k6ur9n v17_10_1y2v1nf99",
3
- readOnly: "v17_10_15k6ur9q v17_10_15k6ur9o v17_10_1y2v1nfen"
1
+ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var u = 328, k = "v17_11_15k6ur91 v17_11_15k6ur90 v17_11_1y2v1nfrt v17_11_1y2v1nfry", a = "v17_11_15k6ur92 v17_11_1y2v1nfry v17_11_1y2v1nfs3 v17_11_1y2v1nfv2 v17_11_1y2v1nfsl", e = "v17_11_15k6ur94 v17_11_15k6ur93 v17_11_1y2v1nfv2 v17_11_1y2v1nfsh", f = "v17_11_15k6ur95", y = "v17_11_15k6ur97 v17_11_15k6ur96 v17_11_1y2v1nfry v17_11_1y2v1nfs4", l = "v17_11_15k6ur98", t = "v17_11_15k6ur9a v17_11_15k6ur99 v17_11_1y2v1nfsl", i = "v17_11_15k6ur9b v17_11_1y2v1nfsl", o = "v17_11_15k6ur9c", d = "v17_11_15k6ur9f v17_11_15k6ur9e v17_11_1y2v1nfuh v17_11_1y2v1nfry v17_11_1y2v1nfup v17_11_1y2v1nfrs v17_11_15k6ur9d", p = "v17_11_15k6ur9h v17_11_15k6ur9g v17_11_1y2v1nfry", s = "v17_11_15k6ur9j v17_11_15k6ur9i v17_11_1y2v1nfry", h = "v17_11_15k6ur9k v17_11_1y2v1nfko", b = "v17_11_15k6ur9l v17_11_1y2v1nfsj v17_11_1y2v1nfhx", m = "v17_11_15k6ur9m", x = {
2
+ default: "v17_11_15k6ur9p v17_11_15k6ur9n v17_11_1y2v1nf99",
3
+ readOnly: "v17_11_15k6ur9q v17_11_15k6ur9o v17_11_1y2v1nfen"
4
4
  };
5
5
  export { u as DEFAULT_WIDTH, x as background, l as disabled, d as field, y as fieldContainer, o as focused, i as fullWidth, p as helperContainer, b as helperText, k as labelContainer, a as labelInner, e as labelText, s as leftHelperText, t as normalWidth, h as rightHelperText, f as shrinked, m as warnIcon };
@@ -1,10 +1,10 @@
1
1
  /* empty css */ /* empty css */ var n = {
2
- underlineAlways: "v17_10_1m1n0pr2",
3
- underlineOnHover: "v17_10_1m1n0pr3"
2
+ underlineAlways: "v17_11_1m1n0pr2",
3
+ underlineOnHover: "v17_11_1m1n0pr3"
4
4
  }, r = {
5
- default: "v17_10_1m1n0pr8 v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr4 v17_10_1y2v1nf3w",
6
- brand: "v17_10_1m1n0pr9 v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr5 v17_10_1y2v1nf3z",
7
- negative: "v17_10_1m1n0pra v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr6 v17_10_1y2v1nf3y",
8
- media: "v17_10_1m1n0prb v17_10_1m1n0pr1 v17_10_1m1n0pr0 v17_10_1y2v1nfsm v17_10_1y2v1nfs1 v17_10_1y2v1nfv1 v17_10_1m1n0pr7 v17_10_1y2v1nf40"
5
+ default: "v17_11_1m1n0pr8 v17_11_1m1n0pr1 v17_11_1m1n0pr0 v17_11_1y2v1nfsm v17_11_1y2v1nfs1 v17_11_1y2v1nfv1 v17_11_1m1n0pr4 v17_11_1y2v1nf3w",
6
+ brand: "v17_11_1m1n0pr9 v17_11_1m1n0pr1 v17_11_1m1n0pr0 v17_11_1y2v1nfsm v17_11_1y2v1nfs1 v17_11_1y2v1nfv1 v17_11_1m1n0pr5 v17_11_1y2v1nf3z",
7
+ negative: "v17_11_1m1n0pra v17_11_1m1n0pr1 v17_11_1m1n0pr0 v17_11_1y2v1nfsm v17_11_1y2v1nfs1 v17_11_1y2v1nfv1 v17_11_1m1n0pr6 v17_11_1y2v1nf3y",
8
+ media: "v17_11_1m1n0prb v17_11_1m1n0pr1 v17_11_1m1n0pr0 v17_11_1y2v1nfsm v17_11_1y2v1nfs1 v17_11_1y2v1nfv1 v17_11_1m1n0pr7 v17_11_1y2v1nf40"
9
9
  };
10
10
  export { n as linkStyles, r as variants };
@@ -1,8 +1,8 @@
1
1
  /* empty css */ var r = {
2
- mobileSize: "var(--v17_10_splu5g0)",
3
- desktopSize: "var(--v17_10_splu5g1)",
4
- mobileLineHeight: "var(--v17_10_splu5g2)",
5
- desktopLineHeight: "var(--v17_10_splu5g3)",
6
- lineClamp: "var(--v17_10_splu5g4)"
7
- }, _ = "v17_10_splu5g5", e = "v17_10_splu5g6", a = "v17_10_splu5g7", p = "v17_10_splu5g8", t = "v17_10_splu5g9";
2
+ mobileSize: "var(--v17_11_splu5g0)",
3
+ desktopSize: "var(--v17_11_splu5g1)",
4
+ mobileLineHeight: "var(--v17_11_splu5g2)",
5
+ desktopLineHeight: "var(--v17_11_splu5g3)",
6
+ lineClamp: "var(--v17_11_splu5g4)"
7
+ }, _ = "v17_11_splu5g5", e = "v17_11_splu5g6", a = "v17_11_splu5g7", p = "v17_11_splu5g8", t = "v17_11_splu5g9";
8
8
  export { a as text, p as truncate, t as truncateToOneLine, r as vars, _ as withWordBreak, e as withoutWordBreak };
@@ -1,12 +1,12 @@
1
1
  /* empty css */ /* empty css */ var t = {
2
- vertical: "v17_10_w6pat20",
3
- horizontal: "v17_10_w6pat21"
4
- }, a = "v17_10_w6pat23 v17_10_w6pat22 v17_10_1y2v1nfry v17_10_1y2v1nfsb", n = "v17_10_w6pat25 v17_10_w6pat24 v17_10_1y2v1nfsk v17_10_1y2v1nfub v17_10_1y2v1nfj9", e = {
5
- active: "v17_10_w6pat26",
6
- inactive: "v17_10_w6pat27",
7
- completed: "v17_10_w6pat28"
8
- }, p = "v17_10_w6pat2a v17_10_w6pat29 v17_10_1y2v1nfry v17_10_1y2v1nfsd", r = "v17_10_w6pat2b", w = "v17_10_w6pat2d v17_10_w6pat2c v17_10_1y2v1nfsv v17_10_1y2v1nftb v17_10_1y2v1nfui v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nf99", f = {
9
- default: "v17_10_w6pat2g v17_10_w6pat2f v17_10_w6pat2e v17_10_1y2v1nfsk",
10
- overBrand: "v17_10_w6pat2h v17_10_w6pat2f v17_10_w6pat2e v17_10_1y2v1nfsk"
2
+ vertical: "v17_11_w6pat20",
3
+ horizontal: "v17_11_w6pat21"
4
+ }, a = "v17_11_w6pat23 v17_11_w6pat22 v17_11_1y2v1nfry v17_11_1y2v1nfsb", n = "v17_11_w6pat25 v17_11_w6pat24 v17_11_1y2v1nfsk v17_11_1y2v1nfub v17_11_1y2v1nfj9", e = {
5
+ active: "v17_11_w6pat26",
6
+ inactive: "v17_11_w6pat27",
7
+ completed: "v17_11_w6pat28"
8
+ }, p = "v17_11_w6pat2a v17_11_w6pat29 v17_11_1y2v1nfry v17_11_1y2v1nfsd", r = "v17_11_w6pat2b", w = "v17_11_w6pat2d v17_11_w6pat2c v17_11_1y2v1nfsv v17_11_1y2v1nftb v17_11_1y2v1nfui v17_11_1y2v1nfry v17_11_1y2v1nfsd v17_11_1y2v1nfs7 v17_11_1y2v1nf99", f = {
9
+ default: "v17_11_w6pat2g v17_11_w6pat2f v17_11_w6pat2e v17_11_1y2v1nfsk",
10
+ overBrand: "v17_11_w6pat2h v17_11_w6pat2f v17_11_w6pat2e v17_11_1y2v1nfsk"
11
11
  };
12
12
  export { r as asset, w as assetNumberContainer, n as itemContent, f as line, p as lineContainer, t as timeline, a as timelineItem, e as timelineItemState };
@@ -1,8 +1,8 @@
1
- /* empty css */ /* empty css */ var f = "v17_10_18fye840 v17_10_1y2v1nfs2", y = "v17_10_18fye841", e = "v17_10_18fye843 v17_10_18fye841 v17_10_18fye842 v17_10_1y2v1nfrz v17_10_1y2v1nfs7", n = "v17_10_18fye845 v17_10_18fye841 v17_10_18fye844 v17_10_1y2v1nfs2", a = "v17_10_18fye847 v17_10_18fye846 v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsd", r = "v17_10_18fye848", i = {
2
- default: "v17_10_18fye84g v17_10_18fye84a v17_10_18fye849 v17_10_1y2v1nfkf v17_10_1y2v1nflo v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfuq v17_10_18fye84b v17_10_1y2v1nffc",
3
- brand: "v17_10_18fye84h v17_10_18fye84a v17_10_18fye849 v17_10_1y2v1nfkf v17_10_1y2v1nflo v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfuq v17_10_18fye84c v17_10_1y2v1nf99",
4
- negative: "v17_10_18fye84i v17_10_18fye84a v17_10_18fye849 v17_10_1y2v1nfkf v17_10_1y2v1nflo v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfuq v17_10_18fye84d v17_10_1y2v1nf99",
5
- alternative: "v17_10_18fye84j v17_10_18fye84a v17_10_18fye849 v17_10_1y2v1nfkf v17_10_1y2v1nflo v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfuq v17_10_18fye84e v17_10_1y2v1nf99",
6
- media: "v17_10_18fye84k v17_10_18fye84a v17_10_18fye849 v17_10_1y2v1nfkf v17_10_1y2v1nflo v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfuq v17_10_18fye84f"
1
+ /* empty css */ /* empty css */ var f = "v17_11_18fye840 v17_11_1y2v1nfs2", y = "v17_11_18fye841", e = "v17_11_18fye843 v17_11_18fye841 v17_11_18fye842 v17_11_1y2v1nfrz v17_11_1y2v1nfs7", n = "v17_11_18fye845 v17_11_18fye841 v17_11_18fye844 v17_11_1y2v1nfs2", a = "v17_11_18fye847 v17_11_18fye846 v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfsd", r = "v17_11_18fye848", i = {
2
+ default: "v17_11_18fye84g v17_11_18fye84a v17_11_18fye849 v17_11_1y2v1nfkf v17_11_1y2v1nflo v17_11_1y2v1nfi0 v17_11_1y2v1nfj9 v17_11_1y2v1nfuq v17_11_18fye84b v17_11_1y2v1nffc",
3
+ brand: "v17_11_18fye84h v17_11_18fye84a v17_11_18fye849 v17_11_1y2v1nfkf v17_11_1y2v1nflo v17_11_1y2v1nfi0 v17_11_1y2v1nfj9 v17_11_1y2v1nfuq v17_11_18fye84c v17_11_1y2v1nf99",
4
+ negative: "v17_11_18fye84i v17_11_18fye84a v17_11_18fye849 v17_11_1y2v1nfkf v17_11_1y2v1nflo v17_11_1y2v1nfi0 v17_11_1y2v1nfj9 v17_11_1y2v1nfuq v17_11_18fye84d v17_11_1y2v1nf99",
5
+ alternative: "v17_11_18fye84j v17_11_18fye84a v17_11_18fye849 v17_11_1y2v1nfkf v17_11_1y2v1nflo v17_11_1y2v1nfi0 v17_11_1y2v1nfj9 v17_11_1y2v1nfuq v17_11_18fye84e v17_11_1y2v1nf99",
6
+ media: "v17_11_18fye84k v17_11_18fye84a v17_11_18fye849 v17_11_1y2v1nfkf v17_11_1y2v1nflo v17_11_1y2v1nfi0 v17_11_1y2v1nfj9 v17_11_1y2v1nfuq v17_11_18fye84f"
7
7
  };
8
8
  export { r as boxedTimerDisplayValue, i as boxedTimerValueContainer, y as inlineText, n as shortLabelText, a as timerDisplayValue, f as timerWrapper, e as unitContainer };
@@ -12,5 +12,5 @@
12
12
  opacity: 0
13
13
  },
14
14
  unmounted: {}
15
- }, a = "v17_10_1xhatbp1 v17_10_1xhatbp0 v17_10_1y2v1nfrt", r = "v17_10_1xhatbp3 v17_10_1xhatbp2 v17_10_1y2v1nfrs v17_10_1y2v1nfur v17_10_1y2v1nf99", o = "v17_10_1xhatbp5 v17_10_1xhatbp4 v17_10_1y2v1nfrs v17_10_1y2v1nfv2", p = "v17_10_1xhatbp6", y = "v17_10_1xhatbp7 v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsd", e = "v17_10_1xhatbp9 v17_10_1xhatbp8 v17_10_1y2v1nfrt v17_10_1y2v1nfst v17_10_1y2v1nfv2", f = "v17_10_1xhatbpb v17_10_1xhatbpa v17_10_1y2v1nfsr v17_10_1y2v1nft7 v17_10_1y2v1nfrt v17_10_1y2v1nfv8 v17_10_1y2v1nf99", i = "v17_10_1xhatbpd v17_10_1xhatbpc v17_10_1y2v1nfrt";
15
+ }, a = "v17_11_1xhatbp1 v17_11_1xhatbp0 v17_11_1y2v1nfrt", r = "v17_11_1xhatbp3 v17_11_1xhatbp2 v17_11_1y2v1nfrs v17_11_1y2v1nfur v17_11_1y2v1nf99", o = "v17_11_1xhatbp5 v17_11_1xhatbp4 v17_11_1y2v1nfrs v17_11_1y2v1nfv2", p = "v17_11_1xhatbp6", y = "v17_11_1xhatbp7 v17_11_1y2v1nfry v17_11_1y2v1nfs4 v17_11_1y2v1nfsd", e = "v17_11_1xhatbp9 v17_11_1xhatbp8 v17_11_1y2v1nfrt v17_11_1y2v1nfst v17_11_1y2v1nfv2", f = "v17_11_1xhatbpb v17_11_1xhatbpa v17_11_1y2v1nfsr v17_11_1y2v1nft7 v17_11_1y2v1nfrt v17_11_1y2v1nfv8 v17_11_1y2v1nf99", i = "v17_11_1xhatbpd v17_11_1xhatbpc v17_11_1y2v1nfrt";
16
16
  export { t as CONTENT_MIN_WIDTH, f as arrow, e as arrowContainer, i as closeButtonIcon, a as container, p as content, o as contentContainer, r as tooltip, y as tooltipCenter, n as tooltipTransitionClasses };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var n = "v17_10_mhti6u0", t = "v17_10_mhti6u2 v17_10_mhti6u1 v17_10_1y2v1nfv1", f = "v17_10_mhti6u4 v17_10_mhti6u2 v17_10_mhti6u1 v17_10_1y2v1nfv1 v17_10_mhti6u3 v17_10_1y2v1nfhr v17_10_1y2v1nfj0 v17_10_1y2v1nfk9 v17_10_1y2v1nfli v17_10_1y2v1nfs0 v17_10_1y2v1nfug v17_10_1y2v1nfsl v17_10_1y2v1nf8u v17_10_1y2v1nfhq v17_10_1y2v1nfv3", h = "v17_10_mhti6u5";
1
+ /* empty css */ /* empty css */ var n = "v17_11_mhti6u0", t = "v17_11_mhti6u2 v17_11_mhti6u1 v17_11_1y2v1nfv1", f = "v17_11_mhti6u4 v17_11_mhti6u2 v17_11_mhti6u1 v17_11_1y2v1nfv1 v17_11_mhti6u3 v17_11_1y2v1nfhr v17_11_1y2v1nfj0 v17_11_1y2v1nfk9 v17_11_1y2v1nfli v17_11_1y2v1nfs0 v17_11_1y2v1nfug v17_11_1y2v1nfsl v17_11_1y2v1nf8u v17_11_1y2v1nfhq v17_11_1y2v1nfv3", h = "v17_11_mhti6u5";
2
2
  export { t as base, n as marginReset, h as notTouchable, f as touchable };
@@ -1,4 +1,4 @@
1
1
  /* empty css */ /* empty css */ var r = {
2
- aspectRatio: "var(--v17_10_yqswj60)"
3
- }, n = "v17_10_yqswj61 v17_10_1y2v1nfv2 v17_10_1y2v1nfud v17_10_1y2v1nfue v17_10_1y2v1nfrs", a = "v17_10_yqswj62", y = "v17_10_yqswj63 v17_10_1y2v1nfsl v17_10_1y2v1nft2 v17_10_1y2v1nfv8 v17_10_1y2v1nfvn";
2
+ aspectRatio: "var(--v17_11_yqswj60)"
3
+ }, n = "v17_11_yqswj61 v17_11_1y2v1nfv2 v17_11_1y2v1nfud v17_11_1y2v1nfue v17_11_1y2v1nfrs", a = "v17_11_yqswj62", y = "v17_11_yqswj63 v17_11_1y2v1nfsl v17_11_1y2v1nft2 v17_11_1y2v1nfv8 v17_11_1y2v1nfvn";
4
4
  export { a as container, y as containerWithWrapper, r as vars, n as wrapper };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var n = "v17_10_19h163j0 v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfs0 v17_10_1y2v1nfhq v17_10_1y2v1nfud v17_10_1y2v1nfue v17_10_1y2v1nfww";
1
+ /* empty css */ /* empty css */ var n = "v17_11_19h163j0 v17_11_1y2v1nfv8 v17_11_1y2v1nfvn v17_11_1y2v1nfs0 v17_11_1y2v1nfhq v17_11_1y2v1nfud v17_11_1y2v1nfue v17_11_1y2v1nfww";
2
2
  export { n as video };
@@ -1,2 +1,2 @@
1
- /* empty css */ var a = "v17_10_1ezqdj90", r = "v17_10_1ezqdj91";
1
+ /* empty css */ var a = "v17_11_1ezqdj90", r = "v17_11_1ezqdj91";
2
2
  export { a as container, r as waveFadeOut };
package/doc/layout.md CHANGED
@@ -466,7 +466,7 @@ A 12-column grid with predefined templates for common page layouts. Must be used
466
466
 
467
467
  Available templates:
468
468
 
469
- - Split layouts (use `left`/`right` props): `'6+6'`, `'8+4'`, `'5+4'`, `'4+6'`, `'3+9'`
469
+ - Split layouts (use `left`/`right` props): `'6+6'`, `'8+4'`, `'7+5'`, `'5+4'`, `'4+6'`, `'3+9'`
470
470
  - Centered single-column layouts (use `children`): `'10'`, `'8'`
471
471
  - No template (raw 12-column grid, use `children`)
472
472
 
@@ -70,6 +70,7 @@ tablet), and each direct child carries a `col-[start/span_N]` class. Read the `s
70
70
  | ---------------------------- | ------------------------------------------------- |
71
71
  | 6, 6 | `template="6+6"` (`left` / `right`) |
72
72
  | 8, 4 | `template="8+4"` (`left` / `right`) |
73
+ | 7, 5 | `template="7+5"` (`left` / `right`) |
73
74
  | 4, 6 | `template="4+6"` (`left` / `right`) |
74
75
  | 3, 9 | `template="3+9"` (`left` / `right`) |
75
76
  | 5, 4 | `template="5+4"` (`left` / `right`) |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telefonica/mistica",
3
- "version": "17.10.0",
3
+ "version": "17.11.0",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
package/src/drawer.tsx CHANGED
@@ -17,9 +17,13 @@ import {ButtonLink, ButtonPrimary, ButtonSecondary} from './button';
17
17
  import Divider from './divider';
18
18
  import {getPrefixedDataAttributes} from './utils/dom';
19
19
  import * as tokens from './text-tokens';
20
+ import Form from './form';
20
21
 
22
+ import type {FormProps} from './form';
21
23
  import type {DataAttributes, HeadingType, TrackingEvent} from './utils/types';
22
24
 
25
+ type DrawerFormProps = Omit<FormProps, 'children'>;
26
+
23
27
  /**
24
28
  * Renders divider or a div with transparent border to avoid the small but noticeable layout shift on scroll
25
29
  */
@@ -31,6 +35,7 @@ type DrawerLayoutProps = {
31
35
  children: React.ReactNode;
32
36
  onClose: () => void;
33
37
  onDismiss?: () => void;
38
+ form?: DrawerFormProps;
34
39
  };
35
40
 
36
41
  type DrawerPropsRef = {
@@ -39,7 +44,7 @@ type DrawerPropsRef = {
39
44
  };
40
45
 
41
46
  const DrawerLayout = React.forwardRef<DrawerPropsRef, DrawerLayoutProps>(
42
- ({width, children, onClose, onDismiss}, ref) => {
47
+ ({width, children, onClose, onDismiss, form}, ref) => {
43
48
  useSetModalStateEffect();
44
49
  const {isMobile} = useScreenSize();
45
50
  const [isOpen, setIsOpen] = React.useState(false);
@@ -79,6 +84,17 @@ const DrawerLayout = React.forwardRef<DrawerPropsRef, DrawerLayoutProps>(
79
84
  };
80
85
  }, [dismiss]);
81
86
 
87
+ const content = (
88
+ <div
89
+ data-testid="drawerLayout"
90
+ ref={open}
91
+ style={{width: widthStyle}}
92
+ className={classnames(styles.container, isOpen ? styles.open : styles.closed)}
93
+ >
94
+ {children}
95
+ </div>
96
+ );
97
+
82
98
  return (
83
99
  <Portal>
84
100
  <FocusTrap>
@@ -91,14 +107,16 @@ const DrawerLayout = React.forwardRef<DrawerPropsRef, DrawerLayoutProps>(
91
107
  isOpen ? styles.overlayOpen : styles.overlayClosed
92
108
  )}
93
109
  />
94
- <div
95
- data-testid="drawerLayout"
96
- ref={open}
97
- style={{width: widthStyle}}
98
- className={classnames(styles.container, isOpen ? styles.open : styles.closed)}
99
- >
100
- {children}
101
- </div>
110
+ {form ? (
111
+ <Form
112
+ {...form}
113
+ onSubmit={async (...args) => Promise.resolve(form.onSubmit(...args)).then(close)}
114
+ >
115
+ {content}
116
+ </Form>
117
+ ) : (
118
+ content
119
+ )}
102
120
  </FocusTrap>
103
121
  </Portal>
104
122
  );
@@ -140,10 +158,12 @@ type DrawerProps = {
140
158
  * width is ignored in mobile viewport
141
159
  */
142
160
  width?: number;
161
+ /** if form is set, button onPress is ignored. Use form.onSubmit */
143
162
  button?: ButtonProps;
144
163
  secondaryButton?: ButtonProps;
145
164
  buttonLink?: ButtonProps;
146
165
  dataAttributes?: DataAttributes;
166
+ form?: DrawerFormProps | undefined;
147
167
  };
148
168
 
149
169
  const Drawer = ({
@@ -160,6 +180,7 @@ const Drawer = ({
160
180
  secondaryButton,
161
181
  buttonLink,
162
182
  dataAttributes,
183
+ form,
163
184
  }: DrawerProps): JSX.Element => {
164
185
  const layoutRef = React.useRef<DrawerPropsRef>(null);
165
186
  const hasActions = !!(button || secondaryButton || buttonLink);
@@ -182,7 +203,7 @@ const Drawer = ({
182
203
  });
183
204
 
184
205
  return (
185
- <DrawerLayout width={width} ref={layoutRef} onClose={onClose} onDismiss={onDismiss}>
206
+ <DrawerLayout width={width} ref={layoutRef} onClose={onClose} onDismiss={onDismiss} form={form}>
186
207
  <section
187
208
  role="dialog"
188
209
  aria-modal="true"
@@ -243,7 +264,17 @@ const Drawer = ({
243
264
  <div className={styles.buttonsLayoutContainer}>
244
265
  <ButtonLayout
245
266
  primaryButton={
246
- button && (
267
+ button &&
268
+ (form ? (
269
+ <ButtonPrimary
270
+ submit
271
+ trackEvent={button.trackEvent}
272
+ trackingEvent={button.trackingEvent}
273
+ disabled={button.disabled}
274
+ >
275
+ {button.text}
276
+ </ButtonPrimary>
277
+ ) : (
247
278
  <ButtonPrimary
248
279
  trackEvent={button.trackEvent}
249
280
  trackingEvent={button.trackingEvent}
@@ -252,7 +283,7 @@ const Drawer = ({
252
283
  >
253
284
  {button.text}
254
285
  </ButtonPrimary>
255
- )
286
+ ))
256
287
  }
257
288
  secondaryButton={
258
289
  secondaryButton && (
package/src/form.tsx CHANGED
@@ -26,7 +26,7 @@ export type FormValues = {[name: string]: any};
26
26
 
27
27
  type HTMLFieldElement = HTMLSelectElement | HTMLInputElement;
28
28
 
29
- type FormProps = {
29
+ export type FormProps = {
30
30
  id?: string;
31
31
  onSubmit: (values: FormValues, rawValues: FormValues) => Promise<void> | void;
32
32
  initialValues?: FormValues;
@@ -32,6 +32,12 @@ type PropsTemplate8plus4 = {
32
32
  right: React.ReactNode;
33
33
  };
34
34
 
35
+ type PropsTemplate7plus5 = {
36
+ template: '7+5';
37
+ left: React.ReactNode;
38
+ right: React.ReactNode;
39
+ };
40
+
35
41
  type PropsTemplate4plus6 = {
36
42
  template: '4+6';
37
43
  left: React.ReactNode;
@@ -65,6 +71,7 @@ type Props = CommonProps &
65
71
  | PropsChildren
66
72
  | PropsTemplate6plus6
67
73
  | PropsTemplate8plus4
74
+ | PropsTemplate7plus5
68
75
  | PropsTemplate4plus6
69
76
  | PropsTemplate5plus4
70
77
  | PropsTemplate3plus9
@@ -125,6 +132,19 @@ const GridLayout = ({
125
132
  );
126
133
  }
127
134
 
135
+ if (template === '7+5') {
136
+ return (
137
+ <div {...gridStyles} {...prefixedDataAttributes}>
138
+ <DesktopContainerTypeContextProvider value="medium">
139
+ <div {...spanStyles(7)}>{left}</div>
140
+ </DesktopContainerTypeContextProvider>
141
+ <DesktopContainerTypeContextProvider value="small">
142
+ <div {...spanStyles(5)}>{right}</div>
143
+ </DesktopContainerTypeContextProvider>
144
+ </div>
145
+ );
146
+ }
147
+
128
148
  if (template === '4+6') {
129
149
  return (
130
150
  <div {...gridStyles} {...prefixedDataAttributes}>
@@ -1,2 +1,2 @@
1
1
  // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
2
- export const PACKAGE_VERSION = '17.10.0' as string;
2
+ export const PACKAGE_VERSION = '17.11.0' as string;