@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/cjs/stories/Loading.stories.js CHANGED
@@ -189,11 +189,11 @@ var Sizes = {
189
189
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
190
190
  horizontal: true,
191
191
  gap: "sm",
192
- blockAlign: "center",
192
+ align: "center",
193
193
  children: [
194
194
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
195
195
  gap: "sm",
196
- inlineAlign: "center",
196
+ align: "center",
197
197
  children: [
198
198
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
199
199
  size: "small"
@@ -205,7 +205,7 @@ var Sizes = {
205
205
  }),
206
206
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
207
207
  gap: "sm",
208
- inlineAlign: "center",
208
+ align: "center",
209
209
  children: [
210
210
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
211
211
  size: "medium"
@@ -217,7 +217,7 @@ var Sizes = {
217
217
  }),
218
218
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
219
219
  gap: "sm",
220
- inlineAlign: "center",
220
+ align: "center",
221
221
  children: [
222
222
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
223
223
  size: "large"
@@ -245,7 +245,7 @@ var Colors = {
245
245
  gap: "lg",
246
246
  children: [
247
247
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
248
- inlineAlign: "center",
248
+ align: "center",
249
249
  children: [
250
250
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
251
251
  color: "default"
@@ -256,7 +256,7 @@ var Colors = {
256
256
  ]
257
257
  }),
258
258
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
259
- inlineAlign: "center",
259
+ align: "center",
260
260
  children: [
261
261
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
262
262
  color: "subdued"
@@ -267,8 +267,7 @@ var Colors = {
267
267
  ]
268
268
  }),
269
269
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
270
- gap: "md",
271
- inlineAlign: "center",
270
+ align: "center",
272
271
  as: _Box.default,
273
272
  padding: "8",
274
273
  background: "bg-surface-dark",
@@ -299,7 +298,7 @@ var InlineLoading = {
299
298
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
300
299
  horizontal: true,
301
300
  gap: "sm",
302
- blockAlign: "center",
301
+ align: "center",
303
302
  children: [
304
303
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
305
304
  size: "small"
@@ -324,9 +323,8 @@ var CardLoading = {
324
323
  title: "User Profile",
325
324
  padded: true,
326
325
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
327
- gap: "4",
328
- inlineAlign: "center",
329
- blockAlign: "center",
326
+ align: "center",
327
+ justify: "center",
330
328
  as: _Box.default,
331
329
  padding: "12",
332
330
  children: [
@@ -367,7 +365,7 @@ var OverlayLoading = {
367
365
  children: [
368
366
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
369
367
  horizontal: true,
370
- align: "space-between",
368
+ justify: "between",
371
369
  children: [
372
370
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
373
371
  variant: "headingSm",
@@ -402,9 +400,8 @@ var OverlayLoading = {
402
400
  ]
403
401
  }),
404
402
  isLoading && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
405
- gap: "4",
406
- inlineAlign: "center",
407
- blockAlign: "center",
403
+ align: "center",
404
+ justify: "center",
408
405
  as: _Box.default,
409
406
  position: "absolute",
410
407
  insetBlockStart: "0",
@@ -465,7 +462,7 @@ var ButtonLoading = {
465
462
  children: loadingStates.save ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
466
463
  horizontal: true,
467
464
  gap: "sm",
468
- blockAlign: "center",
465
+ align: "center",
469
466
  children: [
470
467
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
471
468
  size: "small",
@@ -485,7 +482,7 @@ var ButtonLoading = {
485
482
  children: loadingStates.upload ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
486
483
  horizontal: true,
487
484
  gap: "sm",
488
- blockAlign: "center",
485
+ align: "center",
489
486
  children: [
490
487
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
491
488
  size: "small"
@@ -504,7 +501,7 @@ var ButtonLoading = {
504
501
  children: loadingStates.process ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
505
502
  horizontal: true,
506
503
  gap: "sm",
507
- blockAlign: "center",
504
+ align: "center",
508
505
  children: [
509
506
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
510
507
  size: "small"
@@ -544,8 +541,7 @@ var TableLoading = {
544
541
  })
545
542
  }),
546
543
  loadingTable ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
547
- inlineAlign: "center",
548
- blockAlign: "center",
544
+ align: "center",
549
545
  as: _Box.default,
550
546
  padding: "16",
551
547
  children: [
@@ -725,7 +721,7 @@ var ProgressiveLoading = {
725
721
  ]
726
722
  }),
727
723
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
728
- inlineAlign: "center",
724
+ align: "center",
729
725
  as: _Box.default,
730
726
  padding: "8",
731
727
  background: "subdued",
@@ -805,7 +801,7 @@ var SkeletonLoading = {
805
801
  children: [
806
802
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
807
803
  horizontal: true,
808
- blockAlign: "center",
804
+ align: "center",
809
805
  children: [
810
806
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.default, {
811
807
  size: "small"
@@ -870,8 +866,8 @@ var SkeletonLoading = {
870
866
  children: "In this article, we'll explore the key concepts that make interfaces both beautiful and functional, from color theory and typography to interaction design and usability testing."
871
867
  }),
872
868
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
873
- inlineAlign: "center",
874
- blockAlign: "center",
869
+ align: "center",
870
+ justify: "center",
875
871
  as: _Box.default,
876
872
  style: {
877
873
  height: '120px',
package/dist/cjs/stories/Modal.stories.js CHANGED
@@ -312,7 +312,6 @@ var FullScreen = {
312
312
  }),
313
313
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
314
314
  columns: 2,
315
- gap: "4",
316
315
  children: [
317
316
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.default, {
318
317
  label: "Field 1"
package/dist/cjs/stories/Pagination.stories.js CHANGED
@@ -308,8 +308,8 @@ var InTable = {
308
308
  }),
309
309
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
310
310
  horizontal: true,
311
- align: "space-between",
312
- blockAlign: "center",
311
+ justify: "between",
312
+ align: "center",
313
313
  className: "pt-4 border-t border-gray-200",
314
314
  children: [
315
315
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Text.default, {
@@ -358,8 +358,8 @@ var WithResultsInfo = {
358
358
  children: [
359
359
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
360
360
  horizontal: true,
361
- align: "space-between",
362
- blockAlign: "center",
361
+ justify: "between",
362
+ align: "center",
363
363
  children: [
364
364
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Text.default, {
365
365
  variant: "bodySm",
package/dist/cjs/stories/Pane.stories.js CHANGED
@@ -538,7 +538,7 @@ var WithActions = {
538
538
  padding: "4",
539
539
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
540
540
  horizontal: true,
541
- align: "space-between",
541
+ justify: "between",
542
542
  children: [
543
543
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
544
544
  variant: "bodySm",
@@ -840,8 +840,8 @@ var DetailViewPane = {
840
840
  borderRadius: "1",
841
841
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
842
842
  horizontal: true,
843
- align: "space-between",
844
- blockAlign: "center",
843
+ justify: "between",
844
+ align: "center",
845
845
  children: [
846
846
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
847
847
  gap: "xs",
@@ -865,7 +865,7 @@ var DetailViewPane = {
865
865
  }),
866
866
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
867
867
  horizontal: true,
868
- blockAlign: "center",
868
+ align: "center",
869
869
  children: [
870
870
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
871
871
  as: "span",
@@ -932,7 +932,6 @@ var DetailViewPane = {
932
932
  }),
933
933
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
934
934
  columns: 2,
935
- gap: "4",
936
935
  children: [
937
936
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
938
937
  gap: "xs",
@@ -1021,7 +1020,7 @@ var DetailViewPane = {
1021
1020
  borderRadius: "1",
1022
1021
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1023
1022
  horizontal: true,
1024
- align: "space-between",
1023
+ justify: "between",
1025
1024
  children: [
1026
1025
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1027
1026
  gap: "xs",
@@ -1211,8 +1210,8 @@ var StackedPanes = {
1211
1210
  borderRadius: "1",
1212
1211
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1213
1212
  horizontal: true,
1214
- align: "space-between",
1215
- blockAlign: "center",
1213
+ justify: "between",
1214
+ align: "center",
1216
1215
  children: [
1217
1216
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
1218
1217
  children: category
@@ -1392,14 +1391,12 @@ var AskModal = {
1392
1391
  title: "Ask Modal Example",
1393
1392
  padded: true,
1394
1393
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1395
- gap: "4",
1396
1394
  children: [
1397
1395
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
1398
1396
  children: 'This example demonstrates the AskModal pane type. It creates a single "Ask" tab that can be reused. Opening multiple times will switch to the existing tab instead of creating new ones. The tab title is always "Ask" regardless of the context.'
1399
1397
  }),
1400
1398
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1401
1399
  horizontal: true,
1402
- gap: "4",
1403
1400
  children: [
1404
1401
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
1405
1402
  primary: askContext === "ask",
@@ -1447,7 +1444,6 @@ var AskModal = {
1447
1444
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
1448
1445
  padding: "4",
1449
1446
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1450
- gap: "4",
1451
1447
  children: [
1452
1448
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Text.default, {
1453
1449
  children: [
@@ -1472,7 +1468,6 @@ var AskModal = {
1472
1468
  padding: "4",
1473
1469
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1474
1470
  horizontal: true,
1475
- gap: "4",
1476
1471
  align: "end",
1477
1472
  children: [
1478
1473
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
@@ -1588,7 +1583,6 @@ var PinnedTickets = {
1588
1583
  title: "Pinned Tickets Example",
1589
1584
  padded: true,
1590
1585
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1591
- gap: "4",
1592
1586
  children: [
1593
1587
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
1594
1588
  children: "This example demonstrates the PinnedTicketsPane type. Each ticket creates its own tab with the customer name. Multiple tickets can be pinned simultaneously, each getting their own tab. Opening the same ticket multiple times will switch to the existing tab instead of creating duplicates."
@@ -1637,7 +1631,6 @@ var PinnedTickets = {
1637
1631
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
1638
1632
  padding: "4",
1639
1633
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1640
- gap: "4",
1641
1634
  children: [
1642
1635
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Text.default, {
1643
1636
  children: [
@@ -1662,7 +1655,6 @@ var PinnedTickets = {
1662
1655
  padding: "4",
1663
1656
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1664
1657
  horizontal: true,
1665
- gap: "4",
1666
1658
  align: "end",
1667
1659
  children: [
1668
1660
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
@@ -1735,7 +1727,7 @@ var CustomLayout = {
1735
1727
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1736
1728
  horizontal: true,
1737
1729
  gap: "sm",
1738
- blockAlign: "center",
1730
+ align: "center",
1739
1731
  children: [
1740
1732
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
1741
1733
  as: "div",
@@ -1818,8 +1810,8 @@ var CustomLayout = {
1818
1810
  padding: "4",
1819
1811
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1820
1812
  horizontal: true,
1821
- align: "space-between",
1822
- blockAlign: "center",
1813
+ justify: "between",
1814
+ align: "center",
1823
1815
  children: [
1824
1816
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
1825
1817
  variant: "bodySm",
package/dist/cjs/stories/Popover.stories.js CHANGED
@@ -284,7 +284,7 @@ var Alignments = {
284
284
  },
285
285
  preferredAlignment: "center",
286
286
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
287
- inlineAlign: "center",
287
+ align: "center",
288
288
  as: Box,
289
289
  padding: "4",
290
290
  minInlineSize: "200px",
@@ -307,7 +307,7 @@ var Alignments = {
307
307
  },
308
308
  preferredAlignment: "right",
309
309
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
310
- inlineAlign: "end",
310
+ align: "end",
311
311
  as: Box,
312
312
  padding: "4",
313
313
  minInlineSize: "200px",
@@ -364,7 +364,7 @@ var WithForm = {
364
364
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
365
365
  horizontal: true,
366
366
  gap: "sm",
367
- inlineAlign: "end",
367
+ align: "end",
368
368
  children: [
369
369
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
370
370
  onClick: function() {
@@ -513,7 +513,7 @@ var CustomContent = {
513
513
  children: [
514
514
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
515
515
  horizontal: true,
516
- align: "space-between",
516
+ justify: "between",
517
517
  children: [
518
518
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
519
519
  color: "subdued",
@@ -526,7 +526,7 @@ var CustomContent = {
526
526
  }),
527
527
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
528
528
  horizontal: true,
529
- align: "space-between",
529
+ justify: "between",
530
530
  children: [
531
531
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
532
532
  color: "subdued",
@@ -539,7 +539,7 @@ var CustomContent = {
539
539
  }),
540
540
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
541
541
  horizontal: true,
542
- align: "space-between",
542
+ justify: "between",
543
543
  children: [
544
544
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
545
545
  color: "subdued",
@@ -552,7 +552,7 @@ var CustomContent = {
552
552
  }),
553
553
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
554
554
  horizontal: true,
555
- align: "space-between",
555
+ justify: "between",
556
556
  children: [
557
557
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
558
558
  color: "subdued",
package/dist/cjs/stories/PopoverManager.stories.js CHANGED
@@ -481,7 +481,7 @@ var ConflictResolution = {
481
481
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
482
482
  horizontal: true,
483
483
  gap: "sm",
484
- blockAlign: "center",
484
+ align: "center",
485
485
  children: [
486
486
  /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
487
487
  type: "checkbox",
@@ -496,7 +496,7 @@ var ConflictResolution = {
496
496
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
497
497
  horizontal: true,
498
498
  gap: "sm",
499
- blockAlign: "center",
499
+ align: "center",
500
500
  children: [
501
501
  /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
502
502
  type: "checkbox"
@@ -729,8 +729,8 @@ var ApplicationIntegration = {
729
729
  marginBlockEnd: "8",
730
730
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
731
731
  horizontal: true,
732
- align: "space-between",
733
- blockAlign: "center",
732
+ justify: "between",
733
+ align: "center",
734
734
  children: [
735
735
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
736
736
  variant: "headingLg",
@@ -738,7 +738,7 @@ var ApplicationIntegration = {
738
738
  }),
739
739
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
740
740
  horizontal: true,
741
- blockAlign: "center",
741
+ align: "center",
742
742
  children: [
743
743
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Popover.default, {
744
744
  active: searchActive,
@@ -863,7 +863,7 @@ var ApplicationIntegration = {
863
863
  })
864
864
  }),
865
865
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
866
- inlineAlign: "center",
866
+ align: "center",
867
867
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
868
868
  size: "slim",
869
869
  children: "View all notifications"
@@ -891,7 +891,7 @@ var ApplicationIntegration = {
891
891
  children: [
892
892
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
893
893
  gap: "sm",
894
- inlineAlign: "center",
894
+ align: "center",
895
895
  children: [
896
896
  /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
897
897
  style: {
@@ -1165,8 +1165,8 @@ var EventHandling = {
1165
1165
  children: [
1166
1166
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
1167
1167
  horizontal: true,
1168
- align: "space-between",
1169
- blockAlign: "center",
1168
+ justify: "between",
1169
+ align: "center",
1170
1170
  children: [
1171
1171
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
1172
1172
  variant: "headingSm",
package/dist/cjs/stories/ProgressBar.stories.js CHANGED
@@ -254,7 +254,7 @@ var WithLabels = {
254
254
  children: [
255
255
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
256
256
  horizontal: true,
257
- align: "space-between",
257
+ justify: "between",
258
258
  children: [
259
259
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
260
260
  variant: "bodyMd",
@@ -282,7 +282,7 @@ var WithLabels = {
282
282
  children: [
283
283
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
284
284
  horizontal: true,
285
- align: "space-between",
285
+ justify: "between",
286
286
  children: [
287
287
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
288
288
  variant: "bodyMd",
@@ -310,7 +310,7 @@ var WithLabels = {
310
310
  children: [
311
311
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
312
312
  horizontal: true,
313
- align: "space-between",
313
+ justify: "between",
314
314
  children: [
315
315
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
316
316
  variant: "bodyMd",
@@ -358,7 +358,7 @@ var DifferentStates = {
358
358
  children: [
359
359
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
360
360
  horizontal: true,
361
- align: "space-between",
361
+ justify: "between",
362
362
  children: [
363
363
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
364
364
  children: "Design Phase"
@@ -380,7 +380,7 @@ var DifferentStates = {
380
380
  children: [
381
381
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
382
382
  horizontal: true,
383
- align: "space-between",
383
+ justify: "between",
384
384
  children: [
385
385
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
386
386
  children: "Development"
@@ -401,7 +401,7 @@ var DifferentStates = {
401
401
  children: [
402
402
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
403
403
  horizontal: true,
404
- align: "space-between",
404
+ justify: "between",
405
405
  children: [
406
406
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
407
407
  children: "Testing"
@@ -423,7 +423,7 @@ var DifferentStates = {
423
423
  children: [
424
424
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
425
425
  horizontal: true,
426
- align: "space-between",
426
+ justify: "between",
427
427
  children: [
428
428
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
429
429
  children: "Deployment"
@@ -475,7 +475,7 @@ var LowProgress = {
475
475
  children: [
476
476
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
477
477
  horizontal: true,
478
- align: "space-between",
478
+ justify: "between",
479
479
  children: [
480
480
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
481
481
  children: "Disk Space Critical"
package/dist/cjs/stories/RadioButton.stories.js CHANGED
@@ -459,8 +459,8 @@ var ShippingOptions = {
459
459
  children: shippingOptions.map(function(option) {
460
460
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Stack, {
461
461
  horizontal: true,
462
- align: "space-between",
463
- blockAlign: "start",
462
+ justify: "between",
463
+ align: "start",
464
464
  as: Box,
465
465
  padding: "3",
466
466
  borderWidth: shippingOption === option.value ? "2" : "1",
package/dist/cjs/stories/RadioButtonCard.stories.js CHANGED
@@ -687,8 +687,8 @@ var SubscriptionPlans = {
687
687
  paddingBlockStart: "8",
688
688
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
689
689
  horizontal: true,
690
- align: "space-between",
691
- blockAlign: "center",
690
+ justify: "between",
691
+ align: "center",
692
692
  children: [
693
693
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
694
694
  gap: "xs",