@heymantle/litho 0.0.14 → 0.0.16

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 (381) hide show
  1. package/AI_COMPONENTS_GUIDE.md +28 -15
  2. package/AI_INTEGRATION_GUIDE.md +3 -3
  3. package/AI_PATTERNS_GUIDE.md +59 -25
  4. package/COMPONENT_QUICK_REFERENCE.md +3 -3
  5. package/README.md +52 -0
  6. package/dist/cjs/components/ActionList.js +33 -25
  7. package/dist/cjs/components/AnnouncementBar.js +115 -18
  8. package/dist/cjs/components/AnnouncementCard.js +269 -0
  9. package/dist/cjs/components/AppProvider.js +15 -2
  10. package/dist/cjs/components/Autocomplete.js +58 -36
  11. package/dist/cjs/components/Badge.js +28 -14
  12. package/dist/cjs/components/Banner.js +37 -27
  13. package/dist/cjs/components/Box.js +50 -38
  14. package/dist/cjs/components/Button.js +338 -109
  15. package/dist/cjs/components/ButtonGroup.js +27 -14
  16. package/dist/cjs/components/Card.js +311 -143
  17. package/dist/cjs/components/Checkbox.js +55 -47
  18. package/dist/cjs/components/CheckboxCard.js +222 -0
  19. package/dist/cjs/components/CheckboxCardGroup.js +384 -0
  20. package/dist/cjs/components/ChoiceList.js +21 -11
  21. package/dist/cjs/components/Code.js +22 -8
  22. package/dist/cjs/components/Collapsible.js +24 -11
  23. package/dist/cjs/components/ColorField.js +163 -38
  24. package/dist/cjs/components/ContextualSaveBar.js +13 -6
  25. package/dist/cjs/components/DatePicker.js +48 -37
  26. package/dist/cjs/components/Disclosure.js +57 -13
  27. package/dist/cjs/components/Divider.js +82 -18
  28. package/dist/cjs/components/DropZone.js +194 -68
  29. package/dist/cjs/components/EmptyState.js +18 -6
  30. package/dist/cjs/components/Filters.js +84 -36
  31. package/dist/cjs/components/FooterHelp.js +14 -4
  32. package/dist/cjs/components/Form.js +13 -2
  33. package/dist/cjs/components/Frame.js +57 -22
  34. package/dist/cjs/components/FrameSaveBar.js +37 -6
  35. package/dist/cjs/components/Grid.js +31 -15
  36. package/dist/cjs/components/HorizontalStack.js +38 -25
  37. package/dist/cjs/components/Icon.js +683 -61
  38. package/dist/cjs/components/Image.js +35 -22
  39. package/dist/cjs/components/InlineError.js +19 -10
  40. package/dist/cjs/components/Label.js +21 -12
  41. package/dist/cjs/components/Layout.js +37 -26
  42. package/dist/cjs/components/LayoutSection.js +84 -22
  43. package/dist/cjs/components/Link.js +35 -22
  44. package/dist/cjs/components/List.js +28 -12
  45. package/dist/cjs/components/Listbox.js +53 -31
  46. package/dist/cjs/components/Loading.js +14 -2
  47. package/dist/cjs/components/Modal.js +32 -39
  48. package/dist/cjs/components/Navigation.js +107 -36
  49. package/dist/cjs/components/Page.js +44 -31
  50. package/dist/cjs/components/Pagination.js +20 -5
  51. package/dist/cjs/components/Pane.js +67 -4
  52. package/dist/cjs/components/Popover.js +63 -30
  53. package/dist/cjs/components/PopoverManager.js +14 -1
  54. package/dist/cjs/components/ProgressBar.js +28 -15
  55. package/dist/cjs/components/RadioButton.js +32 -24
  56. package/dist/cjs/components/RadioButtonCard.js +92 -67
  57. package/dist/cjs/components/RadioButtonCardGroup.js +379 -0
  58. package/dist/cjs/components/RangeSlider.js +34 -26
  59. package/dist/cjs/components/ResourceList.js +28 -14
  60. package/dist/cjs/components/Select.js +38 -26
  61. package/dist/cjs/components/SkeletonText.js +33 -18
  62. package/dist/cjs/components/Spinner.js +24 -12
  63. package/dist/cjs/components/Stack.js +131 -71
  64. package/dist/cjs/components/TabNavigation.js +27 -1
  65. package/dist/cjs/components/Table.js +85 -29
  66. package/dist/cjs/components/Tabs.js +84 -24
  67. package/dist/cjs/components/Tag.js +37 -16
  68. package/dist/cjs/components/Text.js +32 -18
  69. package/dist/cjs/components/TextField.js +119 -69
  70. package/dist/cjs/components/Thumbnail.js +25 -11
  71. package/dist/cjs/components/TimePicker.js +22 -1
  72. package/dist/cjs/components/Tip.js +140 -25
  73. package/dist/cjs/components/ToastNotification.js +107 -34
  74. package/dist/cjs/components/ToastProvider.js +13 -3
  75. package/dist/cjs/components/Tooltip.js +50 -41
  76. package/dist/cjs/components/TopBar.js +83 -9
  77. package/dist/cjs/components/VerticalStack.js +31 -16
  78. package/dist/cjs/index.js +24 -0
  79. package/dist/cjs/playwright.config.js +114 -0
  80. package/dist/cjs/stories/Autocomplete.stories.js +10 -10
  81. package/dist/cjs/stories/Checkbox.stories.js +6 -8
  82. package/dist/cjs/stories/CheckboxCardGroup.stories.js +459 -0
  83. package/dist/cjs/stories/Collapsible.stories.js +11 -11
  84. package/dist/cjs/stories/ColorField.stories.js +2 -3
  85. package/dist/cjs/stories/ComplexExamples.stories.js +48 -77
  86. package/dist/cjs/stories/ContextualSaveBar.stories.js +1 -1
  87. package/dist/cjs/stories/Divider.stories.js +15 -16
  88. package/dist/cjs/stories/DropZone.stories.js +3 -3
  89. package/dist/cjs/stories/FooterHelp.stories.js +3 -4
  90. package/dist/cjs/stories/Form.stories.js +2 -4
  91. package/dist/cjs/stories/Grid.stories.js +24 -33
  92. package/dist/cjs/stories/Icon.stories.js +22 -23
  93. package/dist/cjs/stories/Image.stories.js +12 -15
  94. package/dist/cjs/stories/InlineError.stories.js +0 -1
  95. package/dist/cjs/stories/Layout.stories.js +96 -2
  96. package/dist/cjs/stories/LayoutSection.stories.js +13 -18
  97. package/dist/cjs/stories/List.stories.js +24 -28
  98. package/dist/cjs/stories/Listbox.stories.js +2 -2
  99. package/dist/cjs/stories/Loading.stories.js +21 -25
  100. package/dist/cjs/stories/Modal.stories.js +0 -1
  101. package/dist/cjs/stories/Pagination.stories.js +4 -4
  102. package/dist/cjs/stories/Pane.stories.js +10 -18
  103. package/dist/cjs/stories/Popover.stories.js +7 -7
  104. package/dist/cjs/stories/PopoverManager.stories.js +9 -9
  105. package/dist/cjs/stories/ProgressBar.stories.js +8 -8
  106. package/dist/cjs/stories/RadioButton.stories.js +2 -2
  107. package/dist/cjs/stories/RadioButtonCard.stories.js +2 -2
  108. package/dist/cjs/stories/RadioButtonCardGroup.stories.js +502 -0
  109. package/dist/cjs/stories/RangeSlider.stories.js +1 -3
  110. package/dist/cjs/stories/ResourceList.stories.js +13 -13
  111. package/dist/cjs/stories/Spinner.stories.js +9 -9
  112. package/dist/cjs/stories/Stack.stories.js +233 -51
  113. package/dist/cjs/stories/Tabs.stories.js +2 -2
  114. package/dist/cjs/stories/Tag.stories.js +1 -1
  115. package/dist/cjs/stories/Thumbnail.stories.js +17 -18
  116. package/dist/cjs/stories/TimePicker.stories.js +0 -5
  117. package/dist/cjs/stories/Tip.stories.js +1 -1
  118. package/dist/cjs/styles/Table.js +2 -7
  119. package/dist/cjs/tests/visual/stories.spec.js +637 -0
  120. package/dist/cjs/utilities/dates.js +7 -7
  121. package/dist/esm/components/ActionList.js +33 -25
  122. package/dist/esm/components/AnnouncementBar.js +115 -18
  123. package/dist/esm/components/AnnouncementCard.js +254 -0
  124. package/dist/esm/components/AppProvider.js +15 -2
  125. package/dist/esm/components/Autocomplete.js +58 -36
  126. package/dist/esm/components/Badge.js +28 -14
  127. package/dist/esm/components/Banner.js +37 -27
  128. package/dist/esm/components/Box.js +50 -38
  129. package/dist/esm/components/Button.js +338 -109
  130. package/dist/esm/components/ButtonGroup.js +27 -14
  131. package/dist/esm/components/Card.js +300 -140
  132. package/dist/esm/components/Checkbox.js +55 -47
  133. package/dist/esm/components/CheckboxCard.js +207 -0
  134. package/dist/esm/components/CheckboxCardGroup.js +370 -0
  135. package/dist/esm/components/ChoiceList.js +21 -11
  136. package/dist/esm/components/Code.js +22 -8
  137. package/dist/esm/components/Collapsible.js +24 -11
  138. package/dist/esm/components/ColorField.js +165 -40
  139. package/dist/esm/components/ContextualSaveBar.js +13 -6
  140. package/dist/esm/components/DatePicker.js +48 -37
  141. package/dist/esm/components/Disclosure.js +50 -6
  142. package/dist/esm/components/Divider.js +78 -20
  143. package/dist/esm/components/DropZone.js +194 -68
  144. package/dist/esm/components/EmptyState.js +18 -6
  145. package/dist/esm/components/Filters.js +84 -36
  146. package/dist/esm/components/FooterHelp.js +14 -4
  147. package/dist/esm/components/Form.js +13 -2
  148. package/dist/esm/components/Frame.js +57 -22
  149. package/dist/esm/components/FrameSaveBar.js +37 -6
  150. package/dist/esm/components/Grid.js +31 -15
  151. package/dist/esm/components/HorizontalStack.js +38 -25
  152. package/dist/esm/components/Icon.js +681 -62
  153. package/dist/esm/components/Image.js +35 -22
  154. package/dist/esm/components/InlineError.js +19 -10
  155. package/dist/esm/components/Label.js +21 -12
  156. package/dist/esm/components/Layout.js +62 -27
  157. package/dist/esm/components/LayoutSection.js +84 -22
  158. package/dist/esm/components/Link.js +35 -22
  159. package/dist/esm/components/List.js +28 -12
  160. package/dist/esm/components/Listbox.js +53 -31
  161. package/dist/esm/components/Loading.js +14 -2
  162. package/dist/esm/components/Modal.js +79 -40
  163. package/dist/esm/components/Navigation.js +107 -36
  164. package/dist/esm/components/Page.js +44 -31
  165. package/dist/esm/components/Pagination.js +20 -5
  166. package/dist/esm/components/Pane.js +67 -4
  167. package/dist/esm/components/Popover.js +63 -30
  168. package/dist/esm/components/PopoverManager.js +14 -1
  169. package/dist/esm/components/ProgressBar.js +28 -15
  170. package/dist/esm/components/RadioButton.js +32 -24
  171. package/dist/esm/components/RadioButtonCard.js +92 -67
  172. package/dist/esm/components/RadioButtonCardGroup.js +364 -0
  173. package/dist/esm/components/RangeSlider.js +34 -26
  174. package/dist/esm/components/ResourceList.js +28 -14
  175. package/dist/esm/components/Select.js +38 -26
  176. package/dist/esm/components/SkeletonText.js +33 -18
  177. package/dist/esm/components/Spinner.js +24 -12
  178. package/dist/esm/components/Stack.js +131 -71
  179. package/dist/esm/components/TabNavigation.js +27 -1
  180. package/dist/esm/components/Table.js +85 -29
  181. package/dist/esm/components/Tabs.js +84 -24
  182. package/dist/esm/components/Tag.js +37 -16
  183. package/dist/esm/components/Text.js +32 -18
  184. package/dist/esm/components/TextField.js +119 -69
  185. package/dist/esm/components/Thumbnail.js +25 -11
  186. package/dist/esm/components/TimePicker.js +22 -1
  187. package/dist/esm/components/Tip.js +140 -25
  188. package/dist/esm/components/ToastNotification.js +107 -34
  189. package/dist/esm/components/ToastProvider.js +13 -3
  190. package/dist/esm/components/Tooltip.js +50 -41
  191. package/dist/esm/components/TopBar.js +83 -9
  192. package/dist/esm/components/VerticalStack.js +31 -16
  193. package/dist/esm/index.js +6 -0
  194. package/dist/esm/playwright.config.js +104 -0
  195. package/dist/esm/stories/Autocomplete.stories.js +10 -10
  196. package/dist/esm/stories/Checkbox.stories.js +6 -8
  197. package/dist/esm/stories/CheckboxCardGroup.stories.js +421 -0
  198. package/dist/esm/stories/Collapsible.stories.js +11 -11
  199. package/dist/esm/stories/ColorField.stories.js +2 -3
  200. package/dist/esm/stories/ComplexExamples.stories.js +48 -77
  201. package/dist/esm/stories/ContextualSaveBar.stories.js +1 -1
  202. package/dist/esm/stories/Divider.stories.js +15 -16
  203. package/dist/esm/stories/DropZone.stories.js +3 -3
  204. package/dist/esm/stories/FooterHelp.stories.js +3 -4
  205. package/dist/esm/stories/Form.stories.js +2 -4
  206. package/dist/esm/stories/Grid.stories.js +24 -33
  207. package/dist/esm/stories/Icon.stories.js +22 -23
  208. package/dist/esm/stories/Image.stories.js +12 -15
  209. package/dist/esm/stories/InlineError.stories.js +0 -1
  210. package/dist/esm/stories/Layout.stories.js +93 -2
  211. package/dist/esm/stories/LayoutSection.stories.js +13 -18
  212. package/dist/esm/stories/List.stories.js +24 -28
  213. package/dist/esm/stories/Listbox.stories.js +2 -2
  214. package/dist/esm/stories/Loading.stories.js +21 -25
  215. package/dist/esm/stories/Modal.stories.js +0 -1
  216. package/dist/esm/stories/Pagination.stories.js +4 -4
  217. package/dist/esm/stories/Pane.stories.js +10 -18
  218. package/dist/esm/stories/Popover.stories.js +7 -7
  219. package/dist/esm/stories/PopoverManager.stories.js +9 -9
  220. package/dist/esm/stories/ProgressBar.stories.js +8 -8
  221. package/dist/esm/stories/RadioButton.stories.js +2 -2
  222. package/dist/esm/stories/RadioButtonCard.stories.js +2 -2
  223. package/dist/esm/stories/RadioButtonCardGroup.stories.js +461 -0
  224. package/dist/esm/stories/RangeSlider.stories.js +1 -3
  225. package/dist/esm/stories/ResourceList.stories.js +13 -13
  226. package/dist/esm/stories/Spinner.stories.js +9 -9
  227. package/dist/esm/stories/Stack.stories.js +224 -51
  228. package/dist/esm/stories/Tabs.stories.js +2 -2
  229. package/dist/esm/stories/Tag.stories.js +1 -1
  230. package/dist/esm/stories/Thumbnail.stories.js +17 -18
  231. package/dist/esm/stories/TimePicker.stories.js +0 -5
  232. package/dist/esm/stories/Tip.stories.js +1 -1
  233. package/dist/esm/styles/Table.js +2 -7
  234. package/dist/esm/tests/visual/stories.spec.js +633 -0
  235. package/dist/esm/utilities/dates.js +7 -7
  236. package/dist/types/components/ActionList.d.ts +1 -31
  237. package/dist/types/components/ActionList.d.ts.map +1 -1
  238. package/dist/types/components/AnnouncementBar.d.ts +1 -19
  239. package/dist/types/components/AnnouncementBar.d.ts.map +1 -1
  240. package/dist/types/components/AnnouncementCard.d.ts +3 -0
  241. package/dist/types/components/AnnouncementCard.d.ts.map +1 -0
  242. package/dist/types/components/AppProvider.d.ts +14 -1
  243. package/dist/types/components/AppProvider.d.ts.map +1 -1
  244. package/dist/types/components/Autocomplete.d.ts +1 -71
  245. package/dist/types/components/Autocomplete.d.ts.map +1 -1
  246. package/dist/types/components/Badge.d.ts +1 -19
  247. package/dist/types/components/Badge.d.ts.map +1 -1
  248. package/dist/types/components/Banner.d.ts +1 -37
  249. package/dist/types/components/Banner.d.ts.map +1 -1
  250. package/dist/types/components/Box.d.ts +1 -68
  251. package/dist/types/components/Box.d.ts.map +1 -1
  252. package/dist/types/components/Button.d.ts +1 -131
  253. package/dist/types/components/Button.d.ts.map +1 -1
  254. package/dist/types/components/ButtonGroup.d.ts +1 -22
  255. package/dist/types/components/ButtonGroup.d.ts.map +1 -1
  256. package/dist/types/components/Card.d.ts +54 -59
  257. package/dist/types/components/Card.d.ts.map +1 -1
  258. package/dist/types/components/Checkbox.d.ts +1 -63
  259. package/dist/types/components/Checkbox.d.ts.map +1 -1
  260. package/dist/types/components/CheckboxCard.d.ts +3 -0
  261. package/dist/types/components/CheckboxCard.d.ts.map +1 -0
  262. package/dist/types/components/CheckboxCardGroup.d.ts +3 -0
  263. package/dist/types/components/CheckboxCardGroup.d.ts.map +1 -0
  264. package/dist/types/components/ChoiceList.d.ts +1 -42
  265. package/dist/types/components/ChoiceList.d.ts.map +1 -1
  266. package/dist/types/components/Code.d.ts +1 -26
  267. package/dist/types/components/Code.d.ts.map +1 -1
  268. package/dist/types/components/Collapsible.d.ts +1 -15
  269. package/dist/types/components/Collapsible.d.ts.map +1 -1
  270. package/dist/types/components/ColorField.d.ts +13 -34
  271. package/dist/types/components/ColorField.d.ts.map +1 -1
  272. package/dist/types/components/ContextualSaveBar.d.ts +13 -6
  273. package/dist/types/components/ContextualSaveBar.d.ts.map +1 -1
  274. package/dist/types/components/DatePicker.d.ts +1 -64
  275. package/dist/types/components/DatePicker.d.ts.map +1 -1
  276. package/dist/types/components/Disclosure.d.ts +1 -25
  277. package/dist/types/components/Disclosure.d.ts.map +1 -1
  278. package/dist/types/components/Divider.d.ts +1 -19
  279. package/dist/types/components/Divider.d.ts.map +1 -1
  280. package/dist/types/components/DropZone.d.ts +3 -62
  281. package/dist/types/components/DropZone.d.ts.map +1 -1
  282. package/dist/types/components/EmptyState.d.ts +1 -50
  283. package/dist/types/components/EmptyState.d.ts.map +1 -1
  284. package/dist/types/components/Filters.d.ts +13 -68
  285. package/dist/types/components/Filters.d.ts.map +1 -1
  286. package/dist/types/components/FooterHelp.d.ts +14 -4
  287. package/dist/types/components/FooterHelp.d.ts.map +1 -1
  288. package/dist/types/components/Form.d.ts +13 -2
  289. package/dist/types/components/Form.d.ts.map +1 -1
  290. package/dist/types/components/Frame.d.ts +15 -36
  291. package/dist/types/components/Frame.d.ts.map +1 -1
  292. package/dist/types/components/FrameSaveBar.d.ts +3 -6
  293. package/dist/types/components/FrameSaveBar.d.ts.map +1 -1
  294. package/dist/types/components/Grid.d.ts +5 -21
  295. package/dist/types/components/Grid.d.ts.map +1 -1
  296. package/dist/types/components/HorizontalStack.d.ts +1 -34
  297. package/dist/types/components/HorizontalStack.d.ts.map +1 -1
  298. package/dist/types/components/Icon.d.ts +1 -41
  299. package/dist/types/components/Icon.d.ts.map +1 -1
  300. package/dist/types/components/Image.d.ts +1 -43
  301. package/dist/types/components/Image.d.ts.map +1 -1
  302. package/dist/types/components/InlineError.d.ts +1 -20
  303. package/dist/types/components/InlineError.d.ts.map +1 -1
  304. package/dist/types/components/Label.d.ts +1 -26
  305. package/dist/types/components/Label.d.ts.map +1 -1
  306. package/dist/types/components/Layout.d.ts +24 -15
  307. package/dist/types/components/Layout.d.ts.map +1 -1
  308. package/dist/types/components/LayoutSection.d.ts +1 -19
  309. package/dist/types/components/LayoutSection.d.ts.map +1 -1
  310. package/dist/types/components/Link.d.ts +1 -37
  311. package/dist/types/components/Link.d.ts.map +1 -1
  312. package/dist/types/components/List.d.ts +5 -17
  313. package/dist/types/components/List.d.ts.map +1 -1
  314. package/dist/types/components/Listbox.d.ts +1 -32
  315. package/dist/types/components/Listbox.d.ts.map +1 -1
  316. package/dist/types/components/Loading.d.ts +14 -2
  317. package/dist/types/components/Loading.d.ts.map +1 -1
  318. package/dist/types/components/Modal.d.ts +26 -35
  319. package/dist/types/components/Modal.d.ts.map +1 -1
  320. package/dist/types/components/Navigation.d.ts +1 -25
  321. package/dist/types/components/Navigation.d.ts.map +1 -1
  322. package/dist/types/components/Page.d.ts +1 -57
  323. package/dist/types/components/Page.d.ts.map +1 -1
  324. package/dist/types/components/Pagination.d.ts +13 -3
  325. package/dist/types/components/Pagination.d.ts.map +1 -1
  326. package/dist/types/components/Pane.d.ts +55 -3
  327. package/dist/types/components/Pane.d.ts.map +1 -1
  328. package/dist/types/components/Popover.d.ts +5 -35
  329. package/dist/types/components/Popover.d.ts.map +1 -1
  330. package/dist/types/components/PopoverManager.d.ts.map +1 -1
  331. package/dist/types/components/ProgressBar.d.ts +1 -22
  332. package/dist/types/components/ProgressBar.d.ts.map +1 -1
  333. package/dist/types/components/RadioButton.d.ts +1 -37
  334. package/dist/types/components/RadioButton.d.ts.map +1 -1
  335. package/dist/types/components/RadioButtonCard.d.ts +1 -39
  336. package/dist/types/components/RadioButtonCard.d.ts.map +1 -1
  337. package/dist/types/components/RadioButtonCardGroup.d.ts +3 -0
  338. package/dist/types/components/RadioButtonCardGroup.d.ts.map +1 -0
  339. package/dist/types/components/RangeSlider.d.ts +1 -42
  340. package/dist/types/components/RangeSlider.d.ts.map +1 -1
  341. package/dist/types/components/ResourceList.d.ts +5 -30
  342. package/dist/types/components/ResourceList.d.ts.map +1 -1
  343. package/dist/types/components/Select.d.ts +1 -46
  344. package/dist/types/components/Select.d.ts.map +1 -1
  345. package/dist/types/components/SkeletonText.d.ts +1 -26
  346. package/dist/types/components/SkeletonText.d.ts.map +1 -1
  347. package/dist/types/components/Spinner.d.ts +1 -16
  348. package/dist/types/components/Spinner.d.ts.map +1 -1
  349. package/dist/types/components/Stack.d.ts +1 -47
  350. package/dist/types/components/Stack.d.ts.map +1 -1
  351. package/dist/types/components/TabNavigation.d.ts.map +1 -1
  352. package/dist/types/components/Table.d.ts +13 -58
  353. package/dist/types/components/Table.d.ts.map +1 -1
  354. package/dist/types/components/Tabs.d.ts +40 -34
  355. package/dist/types/components/Tabs.d.ts.map +1 -1
  356. package/dist/types/components/Tag.d.ts +1 -24
  357. package/dist/types/components/Tag.d.ts.map +1 -1
  358. package/dist/types/components/Text.d.ts +1 -30
  359. package/dist/types/components/Text.d.ts.map +1 -1
  360. package/dist/types/components/TextField.d.ts +1 -109
  361. package/dist/types/components/TextField.d.ts.map +1 -1
  362. package/dist/types/components/Thumbnail.d.ts +1 -16
  363. package/dist/types/components/Thumbnail.d.ts.map +1 -1
  364. package/dist/types/components/TimePicker.d.ts +28 -1
  365. package/dist/types/components/TimePicker.d.ts.map +1 -1
  366. package/dist/types/components/Tip.d.ts +1 -21
  367. package/dist/types/components/Tip.d.ts.map +1 -1
  368. package/dist/types/components/ToastNotification.d.ts +1 -34
  369. package/dist/types/components/ToastNotification.d.ts.map +1 -1
  370. package/dist/types/components/ToastProvider.d.ts +13 -3
  371. package/dist/types/components/ToastProvider.d.ts.map +1 -1
  372. package/dist/types/components/Tooltip.d.ts +1 -54
  373. package/dist/types/components/Tooltip.d.ts.map +1 -1
  374. package/dist/types/components/TopBar.d.ts +1 -19
  375. package/dist/types/components/TopBar.d.ts.map +1 -1
  376. package/dist/types/components/VerticalStack.d.ts +1 -25
  377. package/dist/types/components/VerticalStack.d.ts.map +1 -1
  378. package/dist/types/index.d.ts +6 -0
  379. package/dist/types/styles/Table.d.ts.map +1 -1
  380. package/index.css +76 -14
  381. package/package.json +15 -5
package/dist/esm/stories/ComplexExamples.stories.js CHANGED
@@ -296,8 +296,8 @@ export default {
296
296
  id: "order-".concat(order.id),
297
297
  children: /*#__PURE__*/ _jsxs(Stack, {
298
298
  horizontal: true,
299
- align: "space-between",
300
- blockAlign: "center",
299
+ justify: "between",
300
+ align: "center",
301
301
  children: [
302
302
  /*#__PURE__*/ _jsxs(Stack, {
303
303
  gap: "1",
@@ -315,8 +315,7 @@ export default {
315
315
  }),
316
316
  /*#__PURE__*/ _jsxs(Stack, {
317
317
  horizontal: true,
318
- gap: "4",
319
- blockAlign: "center",
318
+ align: "center",
320
319
  children: [
321
320
  /*#__PURE__*/ _jsx(Text, {
322
321
  variant: "headingSm",
@@ -372,7 +371,7 @@ export default {
372
371
  children: [
373
372
  /*#__PURE__*/ _jsxs(Stack, {
374
373
  horizontal: true,
375
- align: "space-between",
374
+ justify: "between",
376
375
  children: [
377
376
  /*#__PURE__*/ _jsx(Text, {
378
377
  variant: "headingMd",
@@ -399,7 +398,6 @@ export default {
399
398
  xs: 1,
400
399
  sm: 2
401
400
  },
402
- gap: "4",
403
401
  children: [
404
402
  /*#__PURE__*/ _jsx(TextField, {
405
403
  label: "First Name",
@@ -429,7 +427,6 @@ export default {
429
427
  xs: 1,
430
428
  sm: 2
431
429
  },
432
- gap: "4",
433
430
  children: [
434
431
  /*#__PURE__*/ _jsx(TextField, {
435
432
  label: "Email",
@@ -550,12 +547,11 @@ export default {
550
547
  title: "Account Status",
551
548
  padded: true,
552
549
  children: /*#__PURE__*/ _jsxs(Stack, {
553
- gap: "4",
554
550
  children: [
555
551
  /*#__PURE__*/ _jsxs(Stack, {
556
552
  horizontal: true,
557
- align: "space-between",
558
- blockAlign: "center",
553
+ justify: "between",
554
+ align: "center",
559
555
  children: [
560
556
  /*#__PURE__*/ _jsx(Text, {
561
557
  children: "Email Verified"
@@ -568,8 +564,8 @@ export default {
568
564
  }),
569
565
  /*#__PURE__*/ _jsxs(Stack, {
570
566
  horizontal: true,
571
- align: "space-between",
572
- blockAlign: "center",
567
+ justify: "between",
568
+ align: "center",
573
569
  children: [
574
570
  /*#__PURE__*/ _jsx(Text, {
575
571
  children: "Payment Method"
@@ -581,8 +577,8 @@ export default {
581
577
  }),
582
578
  /*#__PURE__*/ _jsxs(Stack, {
583
579
  horizontal: true,
584
- align: "space-between",
585
- blockAlign: "center",
580
+ justify: "between",
581
+ align: "center",
586
582
  children: [
587
583
  /*#__PURE__*/ _jsx(Text, {
588
584
  children: "Marketing Emails"
@@ -681,7 +677,6 @@ export default {
681
677
  children: /*#__PURE__*/ _jsx(Card, {
682
678
  padded: true,
683
679
  children: /*#__PURE__*/ _jsxs(Stack, {
684
- gap: "4",
685
680
  children: [
686
681
  /*#__PURE__*/ _jsx(Filters, {
687
682
  queryValue: searchQuery,
@@ -730,8 +725,8 @@ export default {
730
725
  className: "bg-info-alt border border-info-alt-lower rounded-md",
731
726
  children: /*#__PURE__*/ _jsxs(Stack, {
732
727
  horizontal: true,
733
- align: "space-between",
734
- blockAlign: "center",
728
+ justify: "between",
729
+ align: "center",
735
730
  children: [
736
731
  /*#__PURE__*/ _jsxs(Text, {
737
732
  children: [
@@ -890,7 +885,6 @@ export default {
890
885
  children: /*#__PURE__*/ _jsx(Card, {
891
886
  padded: true,
892
887
  children: /*#__PURE__*/ _jsxs(Stack, {
893
- gap: "4",
894
888
  children: [
895
889
  /*#__PURE__*/ _jsx(TextField, {
896
890
  label: "Full Name",
@@ -917,7 +911,6 @@ export default {
917
911
  xs: 1,
918
912
  sm: 2
919
913
  },
920
- gap: "4",
921
914
  children: [
922
915
  /*#__PURE__*/ _jsx(Select, {
923
916
  label: "Timezone",
@@ -1022,7 +1015,6 @@ export default {
1022
1015
  /*#__PURE__*/ _jsx(Divider, {}),
1023
1016
  /*#__PURE__*/ _jsx(Box, {
1024
1017
  children: /*#__PURE__*/ _jsxs(Stack, {
1025
- gap: "4",
1026
1018
  children: [
1027
1019
  /*#__PURE__*/ _jsxs(Stack, {
1028
1020
  gap: "2",
@@ -1140,8 +1132,8 @@ export default {
1140
1132
  children: [
1141
1133
  /*#__PURE__*/ _jsxs(Stack, {
1142
1134
  horizontal: true,
1143
- align: "space-between",
1144
- blockAlign: "center",
1135
+ justify: "between",
1136
+ align: "center",
1145
1137
  children: [
1146
1138
  /*#__PURE__*/ _jsxs(Stack, {
1147
1139
  gap: "1",
@@ -1186,7 +1178,6 @@ export default {
1186
1178
  children: /*#__PURE__*/ _jsx(Card, {
1187
1179
  padded: true,
1188
1180
  children: /*#__PURE__*/ _jsxs(Stack, {
1189
- gap: "4",
1190
1181
  children: [
1191
1182
  /*#__PURE__*/ _jsx(Text, {
1192
1183
  variant: "bodySm",
@@ -1280,7 +1271,7 @@ export default {
1280
1271
  children: [
1281
1272
  /*#__PURE__*/ _jsxs(Stack, {
1282
1273
  horizontal: true,
1283
- align: "space-between",
1274
+ justify: "between",
1284
1275
  children: [
1285
1276
  /*#__PURE__*/ _jsx(Text, {
1286
1277
  variant: "headingMd",
@@ -1299,7 +1290,7 @@ export default {
1299
1290
  /*#__PURE__*/ _jsxs(Stack, {
1300
1291
  horizontal: true,
1301
1292
  gap: "3",
1302
- blockAlign: "start",
1293
+ align: "start",
1303
1294
  children: [
1304
1295
  /*#__PURE__*/ _jsx(Box, {
1305
1296
  className: "w-2 h-2 rounded-full bg-success"
@@ -1323,7 +1314,7 @@ export default {
1323
1314
  /*#__PURE__*/ _jsxs(Stack, {
1324
1315
  horizontal: true,
1325
1316
  gap: "3",
1326
- blockAlign: "start",
1317
+ align: "start",
1327
1318
  children: [
1328
1319
  /*#__PURE__*/ _jsx(Box, {
1329
1320
  className: "w-2 h-2 rounded-full bg-success"
@@ -1347,7 +1338,7 @@ export default {
1347
1338
  /*#__PURE__*/ _jsxs(Stack, {
1348
1339
  horizontal: true,
1349
1340
  gap: "3",
1350
- blockAlign: "start",
1341
+ align: "start",
1351
1342
  children: [
1352
1343
  /*#__PURE__*/ _jsx(Box, {
1353
1344
  className: "w-2 h-2 rounded-full bg-info"
@@ -1371,7 +1362,7 @@ export default {
1371
1362
  /*#__PURE__*/ _jsxs(Stack, {
1372
1363
  horizontal: true,
1373
1364
  gap: "3",
1374
- blockAlign: "start",
1365
+ align: "start",
1375
1366
  children: [
1376
1367
  /*#__PURE__*/ _jsx(Box, {
1377
1368
  className: "w-2 h-2 rounded-full bg-surface-lower"
@@ -1410,7 +1401,6 @@ export default {
1410
1401
  title: "Order Items",
1411
1402
  padded: true,
1412
1403
  children: /*#__PURE__*/ _jsxs(Stack, {
1413
- gap: "4",
1414
1404
  children: [
1415
1405
  /*#__PURE__*/ _jsx(Table, {
1416
1406
  columnContentTypes: [
@@ -1437,7 +1427,7 @@ export default {
1437
1427
  children: [
1438
1428
  /*#__PURE__*/ _jsxs(Stack, {
1439
1429
  horizontal: true,
1440
- align: "space-between",
1430
+ justify: "between",
1441
1431
  children: [
1442
1432
  /*#__PURE__*/ _jsx(Text, {
1443
1433
  children: "Subtotal"
@@ -1449,7 +1439,7 @@ export default {
1449
1439
  }),
1450
1440
  /*#__PURE__*/ _jsxs(Stack, {
1451
1441
  horizontal: true,
1452
- align: "space-between",
1442
+ justify: "between",
1453
1443
  children: [
1454
1444
  /*#__PURE__*/ _jsx(Text, {
1455
1445
  children: "Shipping"
@@ -1461,7 +1451,7 @@ export default {
1461
1451
  }),
1462
1452
  /*#__PURE__*/ _jsxs(Stack, {
1463
1453
  horizontal: true,
1464
- align: "space-between",
1454
+ justify: "between",
1465
1455
  children: [
1466
1456
  /*#__PURE__*/ _jsx(Text, {
1467
1457
  children: "Tax"
@@ -1476,7 +1466,7 @@ export default {
1476
1466
  paddingBlockStart: "2",
1477
1467
  children: /*#__PURE__*/ _jsxs(Stack, {
1478
1468
  horizontal: true,
1479
- align: "space-between",
1469
+ justify: "between",
1480
1470
  children: [
1481
1471
  /*#__PURE__*/ _jsx(Text, {
1482
1472
  variant: "headingMd",
@@ -1503,7 +1493,6 @@ export default {
1503
1493
  title: "Customer",
1504
1494
  padded: true,
1505
1495
  children: /*#__PURE__*/ _jsxs(Stack, {
1506
- gap: "4",
1507
1496
  children: [
1508
1497
  /*#__PURE__*/ _jsx(Box, {
1509
1498
  children: /*#__PURE__*/ _jsxs(Stack, {
@@ -1565,8 +1554,8 @@ export default {
1565
1554
  children: [
1566
1555
  /*#__PURE__*/ _jsxs(Stack, {
1567
1556
  horizontal: true,
1568
- align: "space-between",
1569
- blockAlign: "center",
1557
+ justify: "between",
1558
+ align: "center",
1570
1559
  children: [
1571
1560
  /*#__PURE__*/ _jsx(Text, {
1572
1561
  children: "Visa •••• 4242"
@@ -1612,7 +1601,6 @@ export default {
1612
1601
  ],
1613
1602
  sectioned: true,
1614
1603
  children: /*#__PURE__*/ _jsxs(Stack, {
1615
- gap: "4",
1616
1604
  children: [
1617
1605
  /*#__PURE__*/ _jsx(TextField, {
1618
1606
  label: "Tracking Number",
@@ -1689,7 +1677,6 @@ export default {
1689
1677
  sm: 2,
1690
1678
  lg: 4
1691
1679
  },
1692
- gap: "4",
1693
1680
  children: [
1694
1681
  /*#__PURE__*/ _jsx(Card, {
1695
1682
  padded: true,
@@ -1708,7 +1695,7 @@ export default {
1708
1695
  /*#__PURE__*/ _jsxs(Stack, {
1709
1696
  horizontal: true,
1710
1697
  gap: "2",
1711
- blockAlign: "center",
1698
+ align: "center",
1712
1699
  children: [
1713
1700
  /*#__PURE__*/ _jsx(Badge, {
1714
1701
  status: "success",
@@ -1741,7 +1728,7 @@ export default {
1741
1728
  /*#__PURE__*/ _jsxs(Stack, {
1742
1729
  horizontal: true,
1743
1730
  gap: "2",
1744
- blockAlign: "center",
1731
+ align: "center",
1745
1732
  children: [
1746
1733
  /*#__PURE__*/ _jsx(Badge, {
1747
1734
  status: "success",
@@ -1774,7 +1761,7 @@ export default {
1774
1761
  /*#__PURE__*/ _jsxs(Stack, {
1775
1762
  horizontal: true,
1776
1763
  gap: "2",
1777
- blockAlign: "center",
1764
+ align: "center",
1778
1765
  children: [
1779
1766
  /*#__PURE__*/ _jsx(Badge, {
1780
1767
  status: "success",
@@ -1807,7 +1794,7 @@ export default {
1807
1794
  /*#__PURE__*/ _jsxs(Stack, {
1808
1795
  horizontal: true,
1809
1796
  gap: "2",
1810
- blockAlign: "center",
1797
+ align: "center",
1811
1798
  children: [
1812
1799
  /*#__PURE__*/ _jsx(Badge, {
1813
1800
  status: "attention",
@@ -1830,7 +1817,6 @@ export default {
1830
1817
  xs: 1,
1831
1818
  lg: 2
1832
1819
  },
1833
- gap: "4",
1834
1820
  children: [
1835
1821
  /*#__PURE__*/ _jsx(Card, {
1836
1822
  title: "Recent Orders",
@@ -1842,8 +1828,8 @@ export default {
1842
1828
  return /*#__PURE__*/ _jsx(Box, {
1843
1829
  children: /*#__PURE__*/ _jsxs(Stack, {
1844
1830
  horizontal: true,
1845
- align: "space-between",
1846
- blockAlign: "center",
1831
+ justify: "between",
1832
+ align: "center",
1847
1833
  children: [
1848
1834
  /*#__PURE__*/ _jsxs(Stack, {
1849
1835
  gap: "1",
@@ -1862,7 +1848,7 @@ export default {
1862
1848
  /*#__PURE__*/ _jsxs(Stack, {
1863
1849
  horizontal: true,
1864
1850
  gap: "3",
1865
- blockAlign: "center",
1851
+ align: "center",
1866
1852
  children: [
1867
1853
  /*#__PURE__*/ _jsx(Text, {
1868
1854
  variant: "headingSm",
@@ -2139,7 +2125,6 @@ export default {
2139
2125
  children: /*#__PURE__*/ _jsx(Card, {
2140
2126
  padded: true,
2141
2127
  children: /*#__PURE__*/ _jsxs(Stack, {
2142
- gap: "4",
2143
2128
  children: [
2144
2129
  /*#__PURE__*/ _jsx(Box, {
2145
2130
  children: /*#__PURE__*/ _jsxs(Stack, {
@@ -2258,7 +2243,6 @@ export default {
2258
2243
  title: "Team Plan",
2259
2244
  padded: true,
2260
2245
  children: /*#__PURE__*/ _jsxs(Stack, {
2261
- gap: "4",
2262
2246
  children: [
2263
2247
  /*#__PURE__*/ _jsx(Box, {
2264
2248
  children: /*#__PURE__*/ _jsxs(Stack, {
@@ -2319,7 +2303,6 @@ export default {
2319
2303
  ],
2320
2304
  sectioned: true,
2321
2305
  children: /*#__PURE__*/ _jsxs(Stack, {
2322
- gap: "4",
2323
2306
  children: [
2324
2307
  /*#__PURE__*/ _jsx(TextField, {
2325
2308
  label: "Email Address",
@@ -2483,7 +2466,6 @@ export default {
2483
2466
  /*#__PURE__*/ _jsx(Card, {
2484
2467
  padded: true,
2485
2468
  children: /*#__PURE__*/ _jsxs(Stack, {
2486
- gap: "4",
2487
2469
  children: [
2488
2470
  /*#__PURE__*/ _jsx(Filters, {
2489
2471
  queryValue: searchQuery,
@@ -2558,7 +2540,6 @@ export default {
2558
2540
  sm: 2,
2559
2541
  lg: 4
2560
2542
  },
2561
- gap: "4",
2562
2543
  children: [
2563
2544
  /*#__PURE__*/ _jsx(Card, {
2564
2545
  padded: true,
@@ -2770,8 +2751,8 @@ export default {
2770
2751
  children: [
2771
2752
  /*#__PURE__*/ _jsxs(Stack, {
2772
2753
  horizontal: true,
2773
- align: "space-between",
2774
- blockAlign: "start",
2754
+ justify: "between",
2755
+ align: "start",
2775
2756
  children: [
2776
2757
  /*#__PURE__*/ _jsxs(Stack, {
2777
2758
  gap: "2",
@@ -2797,11 +2778,10 @@ export default {
2797
2778
  className: "border-t border-edge-subdued",
2798
2779
  paddingBlockStart: "6",
2799
2780
  children: /*#__PURE__*/ _jsxs(Stack, {
2800
- gap: "4",
2801
2781
  children: [
2802
2782
  /*#__PURE__*/ _jsxs(Stack, {
2803
2783
  horizontal: true,
2804
- align: "space-between",
2784
+ justify: "between",
2805
2785
  children: [
2806
2786
  /*#__PURE__*/ _jsx(Text, {
2807
2787
  children: "Next billing date"
@@ -2814,7 +2794,7 @@ export default {
2814
2794
  }),
2815
2795
  /*#__PURE__*/ _jsxs(Stack, {
2816
2796
  horizontal: true,
2817
- align: "space-between",
2797
+ justify: "between",
2818
2798
  children: [
2819
2799
  /*#__PURE__*/ _jsx(Text, {
2820
2800
  children: "Amount"
@@ -2855,7 +2835,6 @@ export default {
2855
2835
  title: "Invoice History",
2856
2836
  padded: true,
2857
2837
  children: /*#__PURE__*/ _jsx(Stack, {
2858
- gap: "4",
2859
2838
  children: /*#__PURE__*/ _jsx(Table, {
2860
2839
  columnContentTypes: [
2861
2840
  'text',
@@ -2897,16 +2876,15 @@ export default {
2897
2876
  children: [
2898
2877
  /*#__PURE__*/ _jsx(Box, {
2899
2878
  children: /*#__PURE__*/ _jsx(Stack, {
2900
- gap: "4",
2901
2879
  children: /*#__PURE__*/ _jsxs(Stack, {
2902
2880
  horizontal: true,
2903
- align: "space-between",
2904
- blockAlign: "center",
2881
+ justify: "between",
2882
+ align: "center",
2905
2883
  children: [
2906
2884
  /*#__PURE__*/ _jsxs(Stack, {
2907
2885
  horizontal: true,
2908
2886
  gap: "3",
2909
- blockAlign: "center",
2887
+ align: "center",
2910
2888
  children: [
2911
2889
  /*#__PURE__*/ _jsx(Box, {
2912
2890
  className: "w-12 h-8 bg-surface-lower rounded border border-edge-subdued flex items-center justify-center",
@@ -2965,7 +2943,6 @@ export default {
2965
2943
  title: "Billing Address",
2966
2944
  padded: true,
2967
2945
  children: /*#__PURE__*/ _jsxs(Stack, {
2968
- gap: "4",
2969
2946
  children: [
2970
2947
  /*#__PURE__*/ _jsxs(Stack, {
2971
2948
  gap: "2",
@@ -3008,7 +2985,7 @@ export default {
3008
2985
  children: [
3009
2986
  /*#__PURE__*/ _jsxs(Stack, {
3010
2987
  horizontal: true,
3011
- align: "space-between",
2988
+ justify: "between",
3012
2989
  children: [
3013
2990
  /*#__PURE__*/ _jsx(Text, {
3014
2991
  variant: "bodySm",
@@ -3034,7 +3011,7 @@ export default {
3034
3011
  children: [
3035
3012
  /*#__PURE__*/ _jsxs(Stack, {
3036
3013
  horizontal: true,
3037
- align: "space-between",
3014
+ justify: "between",
3038
3015
  children: [
3039
3016
  /*#__PURE__*/ _jsx(Text, {
3040
3017
  variant: "bodySm",
@@ -3060,7 +3037,7 @@ export default {
3060
3037
  children: [
3061
3038
  /*#__PURE__*/ _jsxs(Stack, {
3062
3039
  horizontal: true,
3063
- align: "space-between",
3040
+ justify: "between",
3064
3041
  children: [
3065
3042
  /*#__PURE__*/ _jsx(Text, {
3066
3043
  variant: "bodySm",
@@ -3108,7 +3085,6 @@ export default {
3108
3085
  ],
3109
3086
  sectioned: true,
3110
3087
  children: /*#__PURE__*/ _jsxs(Stack, {
3111
- gap: "4",
3112
3088
  children: [
3113
3089
  /*#__PURE__*/ _jsx(TextField, {
3114
3090
  label: "Card Number",
@@ -3136,7 +3112,6 @@ export default {
3136
3112
  xs: 1,
3137
3113
  sm: 2
3138
3114
  },
3139
- gap: "4",
3140
3115
  children: [
3141
3116
  /*#__PURE__*/ _jsx(TextField, {
3142
3117
  label: "Expiry Date",
@@ -3350,7 +3325,6 @@ export default {
3350
3325
  sm: 2,
3351
3326
  lg: 4
3352
3327
  },
3353
- gap: "4",
3354
3328
  children: [
3355
3329
  /*#__PURE__*/ _jsx(Card, {
3356
3330
  padded: true,
@@ -3441,7 +3415,6 @@ export default {
3441
3415
  /*#__PURE__*/ _jsx(Card, {
3442
3416
  padded: true,
3443
3417
  children: /*#__PURE__*/ _jsxs(Stack, {
3444
- gap: "4",
3445
3418
  children: [
3446
3419
  /*#__PURE__*/ _jsx(Tabs, {
3447
3420
  tabs: tabs,
@@ -3528,8 +3501,8 @@ export default {
3528
3501
  /*#__PURE__*/ _jsx(Box, {
3529
3502
  children: /*#__PURE__*/ _jsxs(Stack, {
3530
3503
  horizontal: true,
3531
- align: "space-between",
3532
- blockAlign: "start",
3504
+ justify: "between",
3505
+ align: "start",
3533
3506
  children: [
3534
3507
  /*#__PURE__*/ _jsxs(Stack, {
3535
3508
  gap: "2",
@@ -3537,7 +3510,7 @@ export default {
3537
3510
  /*#__PURE__*/ _jsxs(Stack, {
3538
3511
  horizontal: true,
3539
3512
  gap: "2",
3540
- blockAlign: "center",
3513
+ align: "center",
3541
3514
  children: [
3542
3515
  /*#__PURE__*/ _jsx(Badge, {
3543
3516
  status: "critical",
@@ -3614,7 +3587,6 @@ export default {
3614
3587
  /*#__PURE__*/ _jsx(Divider, {}),
3615
3588
  /*#__PURE__*/ _jsx(Box, {
3616
3589
  children: /*#__PURE__*/ _jsxs(Stack, {
3617
- gap: "4",
3618
3590
  children: [
3619
3591
  /*#__PURE__*/ _jsx(Box, {
3620
3592
  className: "bg-surface-lower rounded-md",
@@ -3624,7 +3596,7 @@ export default {
3624
3596
  children: [
3625
3597
  /*#__PURE__*/ _jsxs(Stack, {
3626
3598
  horizontal: true,
3627
- align: "space-between",
3599
+ justify: "between",
3628
3600
  children: [
3629
3601
  /*#__PURE__*/ _jsx(Text, {
3630
3602
  variant: "headingSm",
@@ -3651,12 +3623,12 @@ export default {
3651
3623
  children: [
3652
3624
  /*#__PURE__*/ _jsxs(Stack, {
3653
3625
  horizontal: true,
3654
- align: "space-between",
3626
+ justify: "between",
3655
3627
  children: [
3656
3628
  /*#__PURE__*/ _jsxs(Stack, {
3657
3629
  horizontal: true,
3658
3630
  gap: "2",
3659
- blockAlign: "center",
3631
+ align: "center",
3660
3632
  children: [
3661
3633
  /*#__PURE__*/ _jsx(Text, {
3662
3634
  variant: "headingSm",
@@ -3687,7 +3659,6 @@ export default {
3687
3659
  /*#__PURE__*/ _jsx(Divider, {}),
3688
3660
  /*#__PURE__*/ _jsx(Box, {
3689
3661
  children: /*#__PURE__*/ _jsxs(Stack, {
3690
- gap: "4",
3691
3662
  children: [
3692
3663
  /*#__PURE__*/ _jsx(Text, {
3693
3664
  variant: "headingMd",
package/dist/esm/stories/ContextualSaveBar.stories.js CHANGED
@@ -513,7 +513,7 @@ export var CustomMessages = {
513
513
  children: field.type === "checkbox" ? /*#__PURE__*/ _jsxs(Stack, {
514
514
  horizontal: true,
515
515
  gap: "sm",
516
- blockAlign: "center",
516
+ align: "center",
517
517
  as: "label",
518
518
  children: [
519
519
  /*#__PURE__*/ _jsx("input", {