@heymantle/litho 0.0.15 → 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 (371) 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/dist/cjs/components/ActionList.js +33 -25
  6. package/dist/cjs/components/AnnouncementBar.js +115 -18
  7. package/dist/cjs/components/AnnouncementCard.js +269 -0
  8. package/dist/cjs/components/AppProvider.js +15 -2
  9. package/dist/cjs/components/Autocomplete.js +58 -36
  10. package/dist/cjs/components/Badge.js +28 -14
  11. package/dist/cjs/components/Banner.js +37 -27
  12. package/dist/cjs/components/Box.js +50 -38
  13. package/dist/cjs/components/Button.js +338 -109
  14. package/dist/cjs/components/ButtonGroup.js +27 -14
  15. package/dist/cjs/components/Card.js +311 -143
  16. package/dist/cjs/components/Checkbox.js +55 -47
  17. package/dist/cjs/components/CheckboxCard.js +222 -0
  18. package/dist/cjs/components/CheckboxCardGroup.js +384 -0
  19. package/dist/cjs/components/ChoiceList.js +21 -11
  20. package/dist/cjs/components/Code.js +22 -8
  21. package/dist/cjs/components/Collapsible.js +24 -11
  22. package/dist/cjs/components/ColorField.js +163 -38
  23. package/dist/cjs/components/ContextualSaveBar.js +13 -6
  24. package/dist/cjs/components/DatePicker.js +48 -37
  25. package/dist/cjs/components/Disclosure.js +35 -22
  26. package/dist/cjs/components/Divider.js +82 -18
  27. package/dist/cjs/components/DropZone.js +111 -37
  28. package/dist/cjs/components/EmptyState.js +18 -6
  29. package/dist/cjs/components/Filters.js +84 -36
  30. package/dist/cjs/components/FooterHelp.js +14 -4
  31. package/dist/cjs/components/Form.js +13 -2
  32. package/dist/cjs/components/Frame.js +57 -22
  33. package/dist/cjs/components/FrameSaveBar.js +37 -6
  34. package/dist/cjs/components/Grid.js +31 -15
  35. package/dist/cjs/components/HorizontalStack.js +38 -25
  36. package/dist/cjs/components/Icon.js +683 -61
  37. package/dist/cjs/components/Image.js +35 -22
  38. package/dist/cjs/components/InlineError.js +19 -10
  39. package/dist/cjs/components/Label.js +21 -12
  40. package/dist/cjs/components/Layout.js +33 -24
  41. package/dist/cjs/components/LayoutSection.js +84 -22
  42. package/dist/cjs/components/Link.js +35 -22
  43. package/dist/cjs/components/List.js +28 -12
  44. package/dist/cjs/components/Listbox.js +53 -31
  45. package/dist/cjs/components/Loading.js +14 -2
  46. package/dist/cjs/components/Modal.js +22 -40
  47. package/dist/cjs/components/Navigation.js +107 -36
  48. package/dist/cjs/components/Page.js +44 -31
  49. package/dist/cjs/components/Pagination.js +20 -5
  50. package/dist/cjs/components/Pane.js +67 -4
  51. package/dist/cjs/components/Popover.js +37 -21
  52. package/dist/cjs/components/PopoverManager.js +14 -1
  53. package/dist/cjs/components/ProgressBar.js +28 -15
  54. package/dist/cjs/components/RadioButton.js +32 -24
  55. package/dist/cjs/components/RadioButtonCard.js +92 -67
  56. package/dist/cjs/components/RadioButtonCardGroup.js +379 -0
  57. package/dist/cjs/components/RangeSlider.js +34 -26
  58. package/dist/cjs/components/ResourceList.js +28 -14
  59. package/dist/cjs/components/Select.js +38 -26
  60. package/dist/cjs/components/SkeletonText.js +33 -18
  61. package/dist/cjs/components/Spinner.js +24 -12
  62. package/dist/cjs/components/Stack.js +131 -71
  63. package/dist/cjs/components/TabNavigation.js +27 -1
  64. package/dist/cjs/components/Table.js +58 -18
  65. package/dist/cjs/components/Tabs.js +52 -23
  66. package/dist/cjs/components/Tag.js +37 -16
  67. package/dist/cjs/components/Text.js +32 -18
  68. package/dist/cjs/components/TextField.js +119 -69
  69. package/dist/cjs/components/Thumbnail.js +25 -11
  70. package/dist/cjs/components/TimePicker.js +22 -1
  71. package/dist/cjs/components/Tip.js +140 -25
  72. package/dist/cjs/components/ToastNotification.js +107 -34
  73. package/dist/cjs/components/ToastProvider.js +13 -3
  74. package/dist/cjs/components/Tooltip.js +50 -41
  75. package/dist/cjs/components/TopBar.js +83 -9
  76. package/dist/cjs/components/VerticalStack.js +31 -16
  77. package/dist/cjs/index.js +24 -0
  78. package/dist/cjs/stories/Autocomplete.stories.js +10 -10
  79. package/dist/cjs/stories/Checkbox.stories.js +6 -8
  80. package/dist/cjs/stories/CheckboxCardGroup.stories.js +459 -0
  81. package/dist/cjs/stories/Collapsible.stories.js +11 -11
  82. package/dist/cjs/stories/ColorField.stories.js +2 -3
  83. package/dist/cjs/stories/ComplexExamples.stories.js +48 -77
  84. package/dist/cjs/stories/ContextualSaveBar.stories.js +1 -1
  85. package/dist/cjs/stories/Divider.stories.js +15 -16
  86. package/dist/cjs/stories/DropZone.stories.js +3 -3
  87. package/dist/cjs/stories/FooterHelp.stories.js +3 -4
  88. package/dist/cjs/stories/Form.stories.js +2 -4
  89. package/dist/cjs/stories/Grid.stories.js +24 -33
  90. package/dist/cjs/stories/Icon.stories.js +22 -23
  91. package/dist/cjs/stories/Image.stories.js +12 -15
  92. package/dist/cjs/stories/InlineError.stories.js +0 -1
  93. package/dist/cjs/stories/Layout.stories.js +96 -2
  94. package/dist/cjs/stories/LayoutSection.stories.js +13 -18
  95. package/dist/cjs/stories/List.stories.js +24 -28
  96. package/dist/cjs/stories/Listbox.stories.js +2 -2
  97. package/dist/cjs/stories/Loading.stories.js +21 -25
  98. package/dist/cjs/stories/Modal.stories.js +0 -1
  99. package/dist/cjs/stories/Pagination.stories.js +4 -4
  100. package/dist/cjs/stories/Pane.stories.js +10 -18
  101. package/dist/cjs/stories/Popover.stories.js +7 -7
  102. package/dist/cjs/stories/PopoverManager.stories.js +9 -9
  103. package/dist/cjs/stories/ProgressBar.stories.js +8 -8
  104. package/dist/cjs/stories/RadioButton.stories.js +2 -2
  105. package/dist/cjs/stories/RadioButtonCard.stories.js +2 -2
  106. package/dist/cjs/stories/RadioButtonCardGroup.stories.js +502 -0
  107. package/dist/cjs/stories/RangeSlider.stories.js +1 -3
  108. package/dist/cjs/stories/ResourceList.stories.js +13 -13
  109. package/dist/cjs/stories/Spinner.stories.js +9 -9
  110. package/dist/cjs/stories/Stack.stories.js +233 -51
  111. package/dist/cjs/stories/Tabs.stories.js +2 -2
  112. package/dist/cjs/stories/Tag.stories.js +1 -1
  113. package/dist/cjs/stories/Thumbnail.stories.js +17 -18
  114. package/dist/cjs/stories/TimePicker.stories.js +0 -5
  115. package/dist/cjs/stories/Tip.stories.js +1 -1
  116. package/dist/esm/components/ActionList.js +33 -25
  117. package/dist/esm/components/AnnouncementBar.js +115 -18
  118. package/dist/esm/components/AnnouncementCard.js +254 -0
  119. package/dist/esm/components/AppProvider.js +15 -2
  120. package/dist/esm/components/Autocomplete.js +58 -36
  121. package/dist/esm/components/Badge.js +28 -14
  122. package/dist/esm/components/Banner.js +37 -27
  123. package/dist/esm/components/Box.js +50 -38
  124. package/dist/esm/components/Button.js +338 -109
  125. package/dist/esm/components/ButtonGroup.js +27 -14
  126. package/dist/esm/components/Card.js +300 -140
  127. package/dist/esm/components/Checkbox.js +55 -47
  128. package/dist/esm/components/CheckboxCard.js +207 -0
  129. package/dist/esm/components/CheckboxCardGroup.js +370 -0
  130. package/dist/esm/components/ChoiceList.js +21 -11
  131. package/dist/esm/components/Code.js +22 -8
  132. package/dist/esm/components/Collapsible.js +24 -11
  133. package/dist/esm/components/ColorField.js +165 -40
  134. package/dist/esm/components/ContextualSaveBar.js +13 -6
  135. package/dist/esm/components/DatePicker.js +48 -37
  136. package/dist/esm/components/Disclosure.js +35 -22
  137. package/dist/esm/components/Divider.js +78 -20
  138. package/dist/esm/components/DropZone.js +111 -37
  139. package/dist/esm/components/EmptyState.js +18 -6
  140. package/dist/esm/components/Filters.js +84 -36
  141. package/dist/esm/components/FooterHelp.js +14 -4
  142. package/dist/esm/components/Form.js +13 -2
  143. package/dist/esm/components/Frame.js +57 -22
  144. package/dist/esm/components/FrameSaveBar.js +37 -6
  145. package/dist/esm/components/Grid.js +31 -15
  146. package/dist/esm/components/HorizontalStack.js +38 -25
  147. package/dist/esm/components/Icon.js +681 -62
  148. package/dist/esm/components/Image.js +35 -22
  149. package/dist/esm/components/InlineError.js +19 -10
  150. package/dist/esm/components/Label.js +21 -12
  151. package/dist/esm/components/Layout.js +58 -25
  152. package/dist/esm/components/LayoutSection.js +84 -22
  153. package/dist/esm/components/Link.js +35 -22
  154. package/dist/esm/components/List.js +28 -12
  155. package/dist/esm/components/Listbox.js +53 -31
  156. package/dist/esm/components/Loading.js +14 -2
  157. package/dist/esm/components/Modal.js +69 -41
  158. package/dist/esm/components/Navigation.js +107 -36
  159. package/dist/esm/components/Page.js +44 -31
  160. package/dist/esm/components/Pagination.js +20 -5
  161. package/dist/esm/components/Pane.js +67 -4
  162. package/dist/esm/components/Popover.js +37 -21
  163. package/dist/esm/components/PopoverManager.js +14 -1
  164. package/dist/esm/components/ProgressBar.js +28 -15
  165. package/dist/esm/components/RadioButton.js +32 -24
  166. package/dist/esm/components/RadioButtonCard.js +92 -67
  167. package/dist/esm/components/RadioButtonCardGroup.js +364 -0
  168. package/dist/esm/components/RangeSlider.js +34 -26
  169. package/dist/esm/components/ResourceList.js +28 -14
  170. package/dist/esm/components/Select.js +38 -26
  171. package/dist/esm/components/SkeletonText.js +33 -18
  172. package/dist/esm/components/Spinner.js +24 -12
  173. package/dist/esm/components/Stack.js +131 -71
  174. package/dist/esm/components/TabNavigation.js +27 -1
  175. package/dist/esm/components/Table.js +58 -18
  176. package/dist/esm/components/Tabs.js +52 -23
  177. package/dist/esm/components/Tag.js +37 -16
  178. package/dist/esm/components/Text.js +32 -18
  179. package/dist/esm/components/TextField.js +119 -69
  180. package/dist/esm/components/Thumbnail.js +25 -11
  181. package/dist/esm/components/TimePicker.js +22 -1
  182. package/dist/esm/components/Tip.js +140 -25
  183. package/dist/esm/components/ToastNotification.js +107 -34
  184. package/dist/esm/components/ToastProvider.js +13 -3
  185. package/dist/esm/components/Tooltip.js +50 -41
  186. package/dist/esm/components/TopBar.js +83 -9
  187. package/dist/esm/components/VerticalStack.js +31 -16
  188. package/dist/esm/index.js +6 -0
  189. package/dist/esm/stories/Autocomplete.stories.js +10 -10
  190. package/dist/esm/stories/Checkbox.stories.js +6 -8
  191. package/dist/esm/stories/CheckboxCardGroup.stories.js +421 -0
  192. package/dist/esm/stories/Collapsible.stories.js +11 -11
  193. package/dist/esm/stories/ColorField.stories.js +2 -3
  194. package/dist/esm/stories/ComplexExamples.stories.js +48 -77
  195. package/dist/esm/stories/ContextualSaveBar.stories.js +1 -1
  196. package/dist/esm/stories/Divider.stories.js +15 -16
  197. package/dist/esm/stories/DropZone.stories.js +3 -3
  198. package/dist/esm/stories/FooterHelp.stories.js +3 -4
  199. package/dist/esm/stories/Form.stories.js +2 -4
  200. package/dist/esm/stories/Grid.stories.js +24 -33
  201. package/dist/esm/stories/Icon.stories.js +22 -23
  202. package/dist/esm/stories/Image.stories.js +12 -15
  203. package/dist/esm/stories/InlineError.stories.js +0 -1
  204. package/dist/esm/stories/Layout.stories.js +93 -2
  205. package/dist/esm/stories/LayoutSection.stories.js +13 -18
  206. package/dist/esm/stories/List.stories.js +24 -28
  207. package/dist/esm/stories/Listbox.stories.js +2 -2
  208. package/dist/esm/stories/Loading.stories.js +21 -25
  209. package/dist/esm/stories/Modal.stories.js +0 -1
  210. package/dist/esm/stories/Pagination.stories.js +4 -4
  211. package/dist/esm/stories/Pane.stories.js +10 -18
  212. package/dist/esm/stories/Popover.stories.js +7 -7
  213. package/dist/esm/stories/PopoverManager.stories.js +9 -9
  214. package/dist/esm/stories/ProgressBar.stories.js +8 -8
  215. package/dist/esm/stories/RadioButton.stories.js +2 -2
  216. package/dist/esm/stories/RadioButtonCard.stories.js +2 -2
  217. package/dist/esm/stories/RadioButtonCardGroup.stories.js +461 -0
  218. package/dist/esm/stories/RangeSlider.stories.js +1 -3
  219. package/dist/esm/stories/ResourceList.stories.js +13 -13
  220. package/dist/esm/stories/Spinner.stories.js +9 -9
  221. package/dist/esm/stories/Stack.stories.js +224 -51
  222. package/dist/esm/stories/Tabs.stories.js +2 -2
  223. package/dist/esm/stories/Tag.stories.js +1 -1
  224. package/dist/esm/stories/Thumbnail.stories.js +17 -18
  225. package/dist/esm/stories/TimePicker.stories.js +0 -5
  226. package/dist/esm/stories/Tip.stories.js +1 -1
  227. package/dist/types/components/ActionList.d.ts +1 -31
  228. package/dist/types/components/ActionList.d.ts.map +1 -1
  229. package/dist/types/components/AnnouncementBar.d.ts +1 -19
  230. package/dist/types/components/AnnouncementBar.d.ts.map +1 -1
  231. package/dist/types/components/AnnouncementCard.d.ts +3 -0
  232. package/dist/types/components/AnnouncementCard.d.ts.map +1 -0
  233. package/dist/types/components/AppProvider.d.ts +14 -1
  234. package/dist/types/components/AppProvider.d.ts.map +1 -1
  235. package/dist/types/components/Autocomplete.d.ts +1 -71
  236. package/dist/types/components/Autocomplete.d.ts.map +1 -1
  237. package/dist/types/components/Badge.d.ts +1 -19
  238. package/dist/types/components/Badge.d.ts.map +1 -1
  239. package/dist/types/components/Banner.d.ts +1 -37
  240. package/dist/types/components/Banner.d.ts.map +1 -1
  241. package/dist/types/components/Box.d.ts +1 -68
  242. package/dist/types/components/Box.d.ts.map +1 -1
  243. package/dist/types/components/Button.d.ts +1 -131
  244. package/dist/types/components/Button.d.ts.map +1 -1
  245. package/dist/types/components/ButtonGroup.d.ts +1 -22
  246. package/dist/types/components/ButtonGroup.d.ts.map +1 -1
  247. package/dist/types/components/Card.d.ts +54 -59
  248. package/dist/types/components/Card.d.ts.map +1 -1
  249. package/dist/types/components/Checkbox.d.ts +1 -63
  250. package/dist/types/components/Checkbox.d.ts.map +1 -1
  251. package/dist/types/components/CheckboxCard.d.ts +3 -0
  252. package/dist/types/components/CheckboxCard.d.ts.map +1 -0
  253. package/dist/types/components/CheckboxCardGroup.d.ts +3 -0
  254. package/dist/types/components/CheckboxCardGroup.d.ts.map +1 -0
  255. package/dist/types/components/ChoiceList.d.ts +1 -42
  256. package/dist/types/components/ChoiceList.d.ts.map +1 -1
  257. package/dist/types/components/Code.d.ts +1 -26
  258. package/dist/types/components/Code.d.ts.map +1 -1
  259. package/dist/types/components/Collapsible.d.ts +1 -15
  260. package/dist/types/components/Collapsible.d.ts.map +1 -1
  261. package/dist/types/components/ColorField.d.ts +13 -34
  262. package/dist/types/components/ColorField.d.ts.map +1 -1
  263. package/dist/types/components/ContextualSaveBar.d.ts +13 -6
  264. package/dist/types/components/ContextualSaveBar.d.ts.map +1 -1
  265. package/dist/types/components/DatePicker.d.ts +1 -64
  266. package/dist/types/components/DatePicker.d.ts.map +1 -1
  267. package/dist/types/components/Disclosure.d.ts +1 -25
  268. package/dist/types/components/Disclosure.d.ts.map +1 -1
  269. package/dist/types/components/Divider.d.ts +1 -19
  270. package/dist/types/components/Divider.d.ts.map +1 -1
  271. package/dist/types/components/DropZone.d.ts +1 -62
  272. package/dist/types/components/DropZone.d.ts.map +1 -1
  273. package/dist/types/components/EmptyState.d.ts +1 -50
  274. package/dist/types/components/EmptyState.d.ts.map +1 -1
  275. package/dist/types/components/Filters.d.ts +13 -68
  276. package/dist/types/components/Filters.d.ts.map +1 -1
  277. package/dist/types/components/FooterHelp.d.ts +14 -4
  278. package/dist/types/components/FooterHelp.d.ts.map +1 -1
  279. package/dist/types/components/Form.d.ts +13 -2
  280. package/dist/types/components/Form.d.ts.map +1 -1
  281. package/dist/types/components/Frame.d.ts +15 -36
  282. package/dist/types/components/Frame.d.ts.map +1 -1
  283. package/dist/types/components/FrameSaveBar.d.ts +3 -6
  284. package/dist/types/components/FrameSaveBar.d.ts.map +1 -1
  285. package/dist/types/components/Grid.d.ts +5 -21
  286. package/dist/types/components/Grid.d.ts.map +1 -1
  287. package/dist/types/components/HorizontalStack.d.ts +1 -34
  288. package/dist/types/components/HorizontalStack.d.ts.map +1 -1
  289. package/dist/types/components/Icon.d.ts +1 -41
  290. package/dist/types/components/Icon.d.ts.map +1 -1
  291. package/dist/types/components/Image.d.ts +1 -43
  292. package/dist/types/components/Image.d.ts.map +1 -1
  293. package/dist/types/components/InlineError.d.ts +1 -20
  294. package/dist/types/components/InlineError.d.ts.map +1 -1
  295. package/dist/types/components/Label.d.ts +1 -26
  296. package/dist/types/components/Label.d.ts.map +1 -1
  297. package/dist/types/components/Layout.d.ts +24 -15
  298. package/dist/types/components/Layout.d.ts.map +1 -1
  299. package/dist/types/components/LayoutSection.d.ts +1 -19
  300. package/dist/types/components/LayoutSection.d.ts.map +1 -1
  301. package/dist/types/components/Link.d.ts +1 -37
  302. package/dist/types/components/Link.d.ts.map +1 -1
  303. package/dist/types/components/List.d.ts +5 -17
  304. package/dist/types/components/List.d.ts.map +1 -1
  305. package/dist/types/components/Listbox.d.ts +1 -32
  306. package/dist/types/components/Listbox.d.ts.map +1 -1
  307. package/dist/types/components/Loading.d.ts +14 -2
  308. package/dist/types/components/Loading.d.ts.map +1 -1
  309. package/dist/types/components/Modal.d.ts +26 -35
  310. package/dist/types/components/Modal.d.ts.map +1 -1
  311. package/dist/types/components/Navigation.d.ts +1 -25
  312. package/dist/types/components/Navigation.d.ts.map +1 -1
  313. package/dist/types/components/Page.d.ts +1 -57
  314. package/dist/types/components/Page.d.ts.map +1 -1
  315. package/dist/types/components/Pagination.d.ts +13 -3
  316. package/dist/types/components/Pagination.d.ts.map +1 -1
  317. package/dist/types/components/Pane.d.ts +55 -3
  318. package/dist/types/components/Pane.d.ts.map +1 -1
  319. package/dist/types/components/Popover.d.ts +5 -37
  320. package/dist/types/components/Popover.d.ts.map +1 -1
  321. package/dist/types/components/PopoverManager.d.ts.map +1 -1
  322. package/dist/types/components/ProgressBar.d.ts +1 -22
  323. package/dist/types/components/ProgressBar.d.ts.map +1 -1
  324. package/dist/types/components/RadioButton.d.ts +1 -37
  325. package/dist/types/components/RadioButton.d.ts.map +1 -1
  326. package/dist/types/components/RadioButtonCard.d.ts +1 -39
  327. package/dist/types/components/RadioButtonCard.d.ts.map +1 -1
  328. package/dist/types/components/RadioButtonCardGroup.d.ts +3 -0
  329. package/dist/types/components/RadioButtonCardGroup.d.ts.map +1 -0
  330. package/dist/types/components/RangeSlider.d.ts +1 -42
  331. package/dist/types/components/RangeSlider.d.ts.map +1 -1
  332. package/dist/types/components/ResourceList.d.ts +5 -30
  333. package/dist/types/components/ResourceList.d.ts.map +1 -1
  334. package/dist/types/components/Select.d.ts +1 -46
  335. package/dist/types/components/Select.d.ts.map +1 -1
  336. package/dist/types/components/SkeletonText.d.ts +1 -26
  337. package/dist/types/components/SkeletonText.d.ts.map +1 -1
  338. package/dist/types/components/Spinner.d.ts +1 -16
  339. package/dist/types/components/Spinner.d.ts.map +1 -1
  340. package/dist/types/components/Stack.d.ts +1 -47
  341. package/dist/types/components/Stack.d.ts.map +1 -1
  342. package/dist/types/components/TabNavigation.d.ts.map +1 -1
  343. package/dist/types/components/Table.d.ts +13 -58
  344. package/dist/types/components/Table.d.ts.map +1 -1
  345. package/dist/types/components/Tabs.d.ts +3 -41
  346. package/dist/types/components/Tabs.d.ts.map +1 -1
  347. package/dist/types/components/Tag.d.ts +1 -24
  348. package/dist/types/components/Tag.d.ts.map +1 -1
  349. package/dist/types/components/Text.d.ts +1 -30
  350. package/dist/types/components/Text.d.ts.map +1 -1
  351. package/dist/types/components/TextField.d.ts +1 -109
  352. package/dist/types/components/TextField.d.ts.map +1 -1
  353. package/dist/types/components/Thumbnail.d.ts +1 -16
  354. package/dist/types/components/Thumbnail.d.ts.map +1 -1
  355. package/dist/types/components/TimePicker.d.ts +28 -1
  356. package/dist/types/components/TimePicker.d.ts.map +1 -1
  357. package/dist/types/components/Tip.d.ts +1 -21
  358. package/dist/types/components/Tip.d.ts.map +1 -1
  359. package/dist/types/components/ToastNotification.d.ts +1 -34
  360. package/dist/types/components/ToastNotification.d.ts.map +1 -1
  361. package/dist/types/components/ToastProvider.d.ts +13 -3
  362. package/dist/types/components/ToastProvider.d.ts.map +1 -1
  363. package/dist/types/components/Tooltip.d.ts +1 -54
  364. package/dist/types/components/Tooltip.d.ts.map +1 -1
  365. package/dist/types/components/TopBar.d.ts +1 -19
  366. package/dist/types/components/TopBar.d.ts.map +1 -1
  367. package/dist/types/components/VerticalStack.d.ts +1 -25
  368. package/dist/types/components/VerticalStack.d.ts.map +1 -1
  369. package/dist/types/index.d.ts +6 -0
  370. package/index.css +76 -14
  371. package/package.json +4 -3
package/dist/esm/stories/Divider.stories.js CHANGED
@@ -264,7 +264,6 @@ export var FormSections = {
264
264
  children: [
265
265
  /*#__PURE__*/ _jsxs(Grid, {
266
266
  columns: 2,
267
- gap: "4",
268
267
  children: [
269
268
  /*#__PURE__*/ _jsx("input", {
270
269
  placeholder: "First Name",
@@ -330,7 +329,7 @@ export var FormSections = {
330
329
  /*#__PURE__*/ _jsxs(Stack, {
331
330
  horizontal: true,
332
331
  gap: "sm",
333
- blockAlign: "center",
332
+ align: "center",
334
333
  children: [
335
334
  /*#__PURE__*/ _jsx("input", {
336
335
  type: "checkbox"
@@ -343,7 +342,7 @@ export var FormSections = {
343
342
  /*#__PURE__*/ _jsxs(Stack, {
344
343
  horizontal: true,
345
344
  gap: "sm",
346
- blockAlign: "center",
345
+ align: "center",
347
346
  children: [
348
347
  /*#__PURE__*/ _jsx("input", {
349
348
  type: "checkbox"
@@ -392,8 +391,8 @@ export var ListSeparator = {
392
391
  children: [
393
392
  /*#__PURE__*/ _jsxs(Stack, {
394
393
  horizontal: true,
395
- align: "space-between",
396
- blockAlign: "center",
394
+ justify: "between",
395
+ align: "center",
397
396
  as: Box,
398
397
  paddingBlockStart: "3",
399
398
  paddingBlockEnd: "3",
@@ -424,8 +423,8 @@ export var ListSeparator = {
424
423
  }),
425
424
  /*#__PURE__*/ _jsxs(Stack, {
426
425
  horizontal: true,
427
- align: "space-between",
428
- blockAlign: "center",
426
+ justify: "between",
427
+ align: "center",
429
428
  as: Box,
430
429
  paddingBlockStart: "3",
431
430
  paddingBlockEnd: "3",
@@ -456,8 +455,8 @@ export var ListSeparator = {
456
455
  }),
457
456
  /*#__PURE__*/ _jsxs(Stack, {
458
457
  horizontal: true,
459
- align: "space-between",
460
- blockAlign: "center",
458
+ justify: "between",
459
+ align: "center",
461
460
  as: Box,
462
461
  paddingBlockStart: "3",
463
462
  paddingBlockEnd: "3",
@@ -488,8 +487,8 @@ export var ListSeparator = {
488
487
  }),
489
488
  /*#__PURE__*/ _jsxs(Stack, {
490
489
  horizontal: true,
491
- align: "space-between",
492
- blockAlign: "center",
490
+ justify: "between",
491
+ align: "center",
493
492
  as: Box,
494
493
  paddingBlockStart: "3",
495
494
  paddingBlockEnd: "3",
@@ -579,11 +578,11 @@ export var StepIndicator = {
579
578
  padded: true,
580
579
  children: /*#__PURE__*/ _jsxs(Stack, {
581
580
  horizontal: true,
582
- blockAlign: "center",
581
+ align: "center",
583
582
  children: [
584
583
  /*#__PURE__*/ _jsxs(Stack, {
585
584
  gap: "sm",
586
- inlineAlign: "center",
585
+ align: "center",
587
586
  children: [
588
587
  /*#__PURE__*/ _jsx(Box, {
589
588
  width: "32px",
@@ -615,7 +614,7 @@ export var StepIndicator = {
615
614
  }),
616
615
  /*#__PURE__*/ _jsxs(Stack, {
617
616
  gap: "sm",
618
- inlineAlign: "center",
617
+ align: "center",
619
618
  children: [
620
619
  /*#__PURE__*/ _jsx(Box, {
621
620
  width: "32px",
@@ -647,7 +646,7 @@ export var StepIndicator = {
647
646
  }),
648
647
  /*#__PURE__*/ _jsxs(Stack, {
649
648
  gap: "sm",
650
- inlineAlign: "center",
649
+ align: "center",
651
650
  children: [
652
651
  /*#__PURE__*/ _jsx(Box, {
653
652
  width: "32px",
@@ -679,7 +678,7 @@ export var StepIndicator = {
679
678
  }),
680
679
  /*#__PURE__*/ _jsxs(Stack, {
681
680
  gap: "sm",
682
- inlineAlign: "center",
681
+ align: "center",
683
682
  children: [
684
683
  /*#__PURE__*/ _jsx(Box, {
685
684
  width: "32px",
package/dist/esm/stories/DropZone.stories.js CHANGED
@@ -552,8 +552,8 @@ export var MultipleFiles = {
552
552
  /*#__PURE__*/ _jsxs(Stack, {
553
553
  horizontal: true,
554
554
  paddingBlockStart: "6",
555
- align: "space-between",
556
- blockAlign: "center",
555
+ justify: "between",
556
+ align: "center",
557
557
  children: [
558
558
  /*#__PURE__*/ _jsxs(Text, {
559
559
  variant: "bodySm",
@@ -839,7 +839,7 @@ export var DisabledStates = {
839
839
  children: /*#__PURE__*/ _jsxs(Stack, {
840
840
  horizontal: true,
841
841
  gap: "sm",
842
- blockAlign: "center",
842
+ align: "center",
843
843
  children: [
844
844
  /*#__PURE__*/ _jsx("input", {
845
845
  type: "checkbox",
package/dist/esm/stories/FooterHelp.stories.js CHANGED
@@ -567,7 +567,7 @@ export var OnboardingHelp = {
567
567
  /*#__PURE__*/ _jsxs(Stack, {
568
568
  horizontal: true,
569
569
  gap: "sm",
570
- blockAlign: "center",
570
+ align: "center",
571
571
  children: [
572
572
  /*#__PURE__*/ _jsx(Box, {
573
573
  borderRadius: "50%",
@@ -591,7 +591,7 @@ export var OnboardingHelp = {
591
591
  /*#__PURE__*/ _jsxs(Stack, {
592
592
  horizontal: true,
593
593
  gap: "sm",
594
- blockAlign: "center",
594
+ align: "center",
595
595
  children: [
596
596
  /*#__PURE__*/ _jsx(Box, {
597
597
  borderRadius: "50%",
@@ -615,7 +615,7 @@ export var OnboardingHelp = {
615
615
  /*#__PURE__*/ _jsxs(Stack, {
616
616
  horizontal: true,
617
617
  gap: "sm",
618
- blockAlign: "center",
618
+ align: "center",
619
619
  children: [
620
620
  /*#__PURE__*/ _jsx(Box, {
621
621
  borderRadius: "50%",
@@ -695,7 +695,6 @@ export var FeatureSpecificHelp = {
695
695
  xs: 1,
696
696
  md: 3
697
697
  },
698
- gap: "4",
699
698
  children: [
700
699
  /*#__PURE__*/ _jsx(Box, {
701
700
  padding: "4",
package/dist/esm/stories/Form.stories.js CHANGED
@@ -640,7 +640,6 @@ export var MultiStepForm = {
640
640
  children: [
641
641
  /*#__PURE__*/ _jsxs(Grid, {
642
642
  columns: 2,
643
- gap: "4",
644
643
  children: [
645
644
  /*#__PURE__*/ _jsx(TextField, {
646
645
  label: "First Name",
@@ -693,7 +692,6 @@ export var MultiStepForm = {
693
692
  }),
694
693
  /*#__PURE__*/ _jsxs(Grid, {
695
694
  columns: 3,
696
- gap: "4",
697
695
  children: [
698
696
  /*#__PURE__*/ _jsx(TextField, {
699
697
  label: "City",
@@ -792,7 +790,7 @@ export var MultiStepForm = {
792
790
  children: [
793
791
  /*#__PURE__*/ _jsx(Stack, {
794
792
  horizontal: true,
795
- align: "space-between",
793
+ justify: "between",
796
794
  as: Box,
797
795
  marginBlockEnd: "2",
798
796
  children: steps.map(function(step, index) {
@@ -834,7 +832,7 @@ export var MultiStepForm = {
834
832
  renderStep(),
835
833
  /*#__PURE__*/ _jsxs(Stack, {
836
834
  horizontal: true,
837
- align: "space-between",
835
+ justify: "between",
838
836
  as: Box,
839
837
  marginBlockStart: "8",
840
838
  paddingBlockStart: "4",
package/dist/esm/stories/Grid.stories.js CHANGED
@@ -119,7 +119,7 @@ export var Default = {
119
119
  background: "bg-surface-info-subdued",
120
120
  borderRadius: "1",
121
121
  children: /*#__PURE__*/ _jsx(Stack, {
122
- inlineAlign: "center",
122
+ align: "center",
123
123
  children: /*#__PURE__*/ _jsx(Text, {
124
124
  children: "Item 1"
125
125
  })
@@ -130,7 +130,7 @@ export var Default = {
130
130
  background: "bg-surface-magic-subdued",
131
131
  borderRadius: "1",
132
132
  children: /*#__PURE__*/ _jsx(Stack, {
133
- inlineAlign: "center",
133
+ align: "center",
134
134
  children: /*#__PURE__*/ _jsx(Text, {
135
135
  children: "Item 2"
136
136
  })
@@ -141,7 +141,7 @@ export var Default = {
141
141
  background: "bg-surface-success-subdued",
142
142
  borderRadius: "1",
143
143
  children: /*#__PURE__*/ _jsx(Stack, {
144
- inlineAlign: "center",
144
+ align: "center",
145
145
  children: /*#__PURE__*/ _jsx(Text, {
146
146
  children: "Item 3"
147
147
  })
@@ -152,7 +152,7 @@ export var Default = {
152
152
  background: "bg-surface-warning-subdued",
153
153
  borderRadius: "1",
154
154
  children: /*#__PURE__*/ _jsx(Stack, {
155
- inlineAlign: "center",
155
+ align: "center",
156
156
  children: /*#__PURE__*/ _jsx(Text, {
157
157
  children: "Item 4"
158
158
  })
@@ -163,7 +163,7 @@ export var Default = {
163
163
  background: "bg-surface-critical-subdued",
164
164
  borderRadius: "1",
165
165
  children: /*#__PURE__*/ _jsx(Stack, {
166
- inlineAlign: "center",
166
+ align: "center",
167
167
  children: /*#__PURE__*/ _jsx(Text, {
168
168
  children: "Item 5"
169
169
  })
@@ -174,7 +174,7 @@ export var Default = {
174
174
  background: "bg-surface-success-subdued",
175
175
  borderRadius: "1",
176
176
  children: /*#__PURE__*/ _jsx(Stack, {
177
- inlineAlign: "center",
177
+ align: "center",
178
178
  children: /*#__PURE__*/ _jsx(Text, {
179
179
  children: "Item 6"
180
180
  })
@@ -204,7 +204,6 @@ export var DifferentColumns = {
204
204
  }),
205
205
  /*#__PURE__*/ _jsxs(Grid, {
206
206
  columns: 2,
207
- gap: "md",
208
207
  children: [
209
208
  /*#__PURE__*/ _jsx(Card, {
210
209
  padded: true,
@@ -242,7 +241,6 @@ export var DifferentColumns = {
242
241
  }),
243
242
  /*#__PURE__*/ _jsxs(Grid, {
244
243
  columns: 4,
245
- gap: "md",
246
244
  children: [
247
245
  /*#__PURE__*/ _jsx(Card, {
248
246
  padded: true,
@@ -340,7 +338,6 @@ export var WithColumnSpan = {
340
338
  render: function() {
341
339
  return /*#__PURE__*/ _jsxs(Grid, {
342
340
  columns: 4,
343
- gap: "md",
344
341
  children: [
345
342
  /*#__PURE__*/ _jsx(Grid.Cell, {
346
343
  columnSpan: 2,
@@ -543,7 +540,6 @@ export var Alignment = {
543
540
  borderColor: "border-subdued",
544
541
  children: /*#__PURE__*/ _jsxs(Grid, {
545
542
  columns: 3,
546
- gap: "md",
547
543
  justify: "center",
548
544
  align: "center",
549
545
  children: [
@@ -583,7 +579,6 @@ export var Alignment = {
583
579
  borderColor: "border-subdued",
584
580
  children: /*#__PURE__*/ _jsxs(Grid, {
585
581
  columns: 3,
586
- gap: "md",
587
582
  justify: "start",
588
583
  align: "end",
589
584
  children: [
@@ -669,12 +664,11 @@ export var ProductCatalog = {
669
664
  padded: true,
670
665
  children: /*#__PURE__*/ _jsx(Grid, {
671
666
  columns: 3,
672
- gap: "md",
673
667
  children: products.map(function(product, index) {
674
668
  return /*#__PURE__*/ _jsx(Card, {
675
669
  padded: true,
676
670
  children: /*#__PURE__*/ _jsxs(Stack, {
677
- inlineAlign: "center",
671
+ align: "center",
678
672
  children: [
679
673
  /*#__PURE__*/ _jsx("div", {
680
674
  style: {
@@ -684,7 +678,7 @@ export var ProductCatalog = {
684
678
  }),
685
679
  /*#__PURE__*/ _jsxs(Stack, {
686
680
  gap: "sm",
687
- inlineAlign: "center",
681
+ align: "center",
688
682
  children: [
689
683
  /*#__PURE__*/ _jsx(Text, {
690
684
  variant: "headingSm",
@@ -730,7 +724,6 @@ export var DashboardLayout = {
730
724
  children: [
731
725
  /*#__PURE__*/ _jsxs(Grid, {
732
726
  columns: 4,
733
- gap: "md",
734
727
  children: [
735
728
  /*#__PURE__*/ _jsxs(Card, {
736
729
  padded: true,
@@ -808,7 +801,6 @@ export var DashboardLayout = {
808
801
  }),
809
802
  /*#__PURE__*/ _jsxs(Grid, {
810
803
  columns: 3,
811
- gap: "md",
812
804
  children: [
813
805
  /*#__PURE__*/ _jsx(Grid.Cell, {
814
806
  columnSpan: 2,
@@ -910,12 +902,11 @@ export var TeamDirectory = {
910
902
  padded: true,
911
903
  children: /*#__PURE__*/ _jsx(Grid, {
912
904
  columns: 4,
913
- gap: "md",
914
905
  children: team.map(function(member, index) {
915
906
  return /*#__PURE__*/ _jsx(Card, {
916
907
  padded: true,
917
908
  children: /*#__PURE__*/ _jsxs(Stack, {
918
- inlineAlign: "center",
909
+ align: "center",
919
910
  children: [
920
911
  /*#__PURE__*/ _jsx("div", {
921
912
  style: {
@@ -925,7 +916,7 @@ export var TeamDirectory = {
925
916
  }),
926
917
  /*#__PURE__*/ _jsxs(Stack, {
927
918
  gap: "xs",
928
- inlineAlign: "center",
919
+ align: "center",
929
920
  children: [
930
921
  /*#__PURE__*/ _jsx(Text, {
931
922
  variant: "headingSm",
@@ -985,8 +976,8 @@ export var ImageGallery = {
985
976
  columnSpan: 2,
986
977
  children: /*#__PURE__*/ _jsx(Stack, {
987
978
  gap: "none",
988
- blockAlign: "center",
989
- inlineAlign: "center",
979
+ justify: "center",
980
+ align: "center",
990
981
  as: Box,
991
982
  height: "200px",
992
983
  borderRadius: "2",
@@ -1000,8 +991,8 @@ export var ImageGallery = {
1000
991
  }),
1001
992
  /*#__PURE__*/ _jsx(Stack, {
1002
993
  gap: "none",
1003
- blockAlign: "center",
1004
- inlineAlign: "center",
994
+ justify: "center",
995
+ align: "center",
1005
996
  as: Box,
1006
997
  height: "95px",
1007
998
  borderRadius: "2",
@@ -1015,8 +1006,8 @@ export var ImageGallery = {
1015
1006
  }),
1016
1007
  /*#__PURE__*/ _jsx(Stack, {
1017
1008
  gap: "none",
1018
- blockAlign: "center",
1019
- inlineAlign: "center",
1009
+ justify: "center",
1010
+ align: "center",
1020
1011
  as: Box,
1021
1012
  height: "95px",
1022
1013
  borderRadius: "2",
@@ -1030,8 +1021,8 @@ export var ImageGallery = {
1030
1021
  }),
1031
1022
  /*#__PURE__*/ _jsx(Stack, {
1032
1023
  gap: "none",
1033
- blockAlign: "center",
1034
- inlineAlign: "center",
1024
+ justify: "center",
1025
+ align: "center",
1035
1026
  as: Box,
1036
1027
  height: "95px",
1037
1028
  borderRadius: "2",
@@ -1045,8 +1036,8 @@ export var ImageGallery = {
1045
1036
  }),
1046
1037
  /*#__PURE__*/ _jsx(Stack, {
1047
1038
  gap: "none",
1048
- blockAlign: "center",
1049
- inlineAlign: "center",
1039
+ justify: "center",
1040
+ align: "center",
1050
1041
  as: Box,
1051
1042
  height: "95px",
1052
1043
  borderRadius: "2",
@@ -1062,8 +1053,8 @@ export var ImageGallery = {
1062
1053
  columnSpan: 3,
1063
1054
  children: /*#__PURE__*/ _jsx(Stack, {
1064
1055
  gap: "none",
1065
- blockAlign: "center",
1066
- inlineAlign: "center",
1056
+ justify: "center",
1057
+ align: "center",
1067
1058
  as: Box,
1068
1059
  height: "120px",
1069
1060
  borderRadius: "2",
@@ -1077,8 +1068,8 @@ export var ImageGallery = {
1077
1068
  }),
1078
1069
  /*#__PURE__*/ _jsx(Stack, {
1079
1070
  gap: "none",
1080
- blockAlign: "center",
1081
- inlineAlign: "center",
1071
+ justify: "center",
1072
+ align: "center",
1082
1073
  as: Box,
1083
1074
  height: "120px",
1084
1075
  borderRadius: "2",
package/dist/esm/stories/Icon.stories.js CHANGED
@@ -196,10 +196,10 @@ export var Sizes = {
196
196
  render: function() {
197
197
  return /*#__PURE__*/ _jsxs(Stack, {
198
198
  horizontal: true,
199
- blockAlign: "center",
199
+ align: "center",
200
200
  children: [
201
201
  /*#__PURE__*/ _jsxs(Stack, {
202
- inlineAlign: "center",
202
+ align: "center",
203
203
  children: [
204
204
  /*#__PURE__*/ _jsx(Icon, {
205
205
  source: TickMinor,
@@ -212,7 +212,7 @@ export var Sizes = {
212
212
  ]
213
213
  }),
214
214
  /*#__PURE__*/ _jsxs(Stack, {
215
- inlineAlign: "center",
215
+ align: "center",
216
216
  children: [
217
217
  /*#__PURE__*/ _jsx(Icon, {
218
218
  source: TickMinor,
@@ -225,7 +225,7 @@ export var Sizes = {
225
225
  ]
226
226
  }),
227
227
  /*#__PURE__*/ _jsxs(Stack, {
228
- inlineAlign: "center",
228
+ align: "center",
229
229
  children: [
230
230
  /*#__PURE__*/ _jsx(Icon, {
231
231
  source: TickMinor,
@@ -238,7 +238,7 @@ export var Sizes = {
238
238
  ]
239
239
  }),
240
240
  /*#__PURE__*/ _jsxs(Stack, {
241
- inlineAlign: "center",
241
+ align: "center",
242
242
  children: [
243
243
  /*#__PURE__*/ _jsx(Icon, {
244
244
  source: TickMinor,
@@ -251,7 +251,7 @@ export var Sizes = {
251
251
  ]
252
252
  }),
253
253
  /*#__PURE__*/ _jsxs(Stack, {
254
- inlineAlign: "center",
254
+ align: "center",
255
255
  children: [
256
256
  /*#__PURE__*/ _jsx(Icon, {
257
257
  source: TickMinor,
@@ -264,7 +264,7 @@ export var Sizes = {
264
264
  ]
265
265
  }),
266
266
  /*#__PURE__*/ _jsxs(Stack, {
267
- inlineAlign: "center",
267
+ align: "center",
268
268
  children: [
269
269
  /*#__PURE__*/ _jsx(Icon, {
270
270
  source: TickMinor,
@@ -291,11 +291,10 @@ export var Colors = {
291
291
  render: function() {
292
292
  return /*#__PURE__*/ _jsxs(Grid, {
293
293
  columns: 4,
294
- gap: "4",
295
- blockAlign: "center",
294
+ align: "center",
296
295
  children: [
297
296
  /*#__PURE__*/ _jsxs(Stack, {
298
- inlineAlign: "center",
297
+ align: "center",
299
298
  children: [
300
299
  /*#__PURE__*/ _jsx(Icon, {
301
300
  source: TickMinor,
@@ -308,7 +307,7 @@ export var Colors = {
308
307
  ]
309
308
  }),
310
309
  /*#__PURE__*/ _jsxs(Stack, {
311
- inlineAlign: "center",
310
+ align: "center",
312
311
  children: [
313
312
  /*#__PURE__*/ _jsx(Icon, {
314
313
  source: AlertMinor,
@@ -321,7 +320,7 @@ export var Colors = {
321
320
  ]
322
321
  }),
323
322
  /*#__PURE__*/ _jsxs(Stack, {
324
- inlineAlign: "center",
323
+ align: "center",
325
324
  children: [
326
325
  /*#__PURE__*/ _jsx(Icon, {
327
326
  source: CancelMinor,
@@ -334,7 +333,7 @@ export var Colors = {
334
333
  ]
335
334
  }),
336
335
  /*#__PURE__*/ _jsxs(Stack, {
337
- inlineAlign: "center",
336
+ align: "center",
338
337
  children: [
339
338
  /*#__PURE__*/ _jsx(Icon, {
340
339
  source: SearchMinor,
@@ -347,7 +346,7 @@ export var Colors = {
347
346
  ]
348
347
  }),
349
348
  /*#__PURE__*/ _jsxs(Stack, {
350
- inlineAlign: "center",
349
+ align: "center",
351
350
  children: [
352
351
  /*#__PURE__*/ _jsx(Icon, {
353
352
  source: SettingsMinor,
@@ -360,7 +359,7 @@ export var Colors = {
360
359
  ]
361
360
  }),
362
361
  /*#__PURE__*/ _jsxs(Stack, {
363
- inlineAlign: "center",
362
+ align: "center",
364
363
  children: [
365
364
  /*#__PURE__*/ _jsx(Icon, {
366
365
  source: HomeMinor,
@@ -373,7 +372,7 @@ export var Colors = {
373
372
  ]
374
373
  }),
375
374
  /*#__PURE__*/ _jsxs(Stack, {
376
- inlineAlign: "center",
375
+ align: "center",
377
376
  children: [
378
377
  /*#__PURE__*/ _jsx(Icon, {
379
378
  source: PlusMinor,
@@ -386,7 +385,7 @@ export var Colors = {
386
385
  ]
387
386
  }),
388
387
  /*#__PURE__*/ _jsxs(Stack, {
389
- inlineAlign: "center",
388
+ align: "center",
390
389
  children: [
391
390
  /*#__PURE__*/ _jsx(Icon, {
392
391
  source: EditMinor,
@@ -414,10 +413,10 @@ export var CustomIcons = {
414
413
  return /*#__PURE__*/ _jsxs(Stack, {
415
414
  horizontal: true,
416
415
  gap: "lg",
417
- blockAlign: "center",
416
+ align: "center",
418
417
  children: [
419
418
  /*#__PURE__*/ _jsxs(Stack, {
420
- inlineAlign: "center",
419
+ align: "center",
421
420
  children: [
422
421
  /*#__PURE__*/ _jsx(Icon, {
423
422
  source: "Moon",
@@ -430,7 +429,7 @@ export var CustomIcons = {
430
429
  ]
431
430
  }),
432
431
  /*#__PURE__*/ _jsxs(Stack, {
433
- inlineAlign: "center",
432
+ align: "center",
434
433
  children: [
435
434
  /*#__PURE__*/ _jsx(Icon, {
436
435
  source: "Sun",
@@ -443,7 +442,7 @@ export var CustomIcons = {
443
442
  ]
444
443
  }),
445
444
  /*#__PURE__*/ _jsxs(Stack, {
446
- inlineAlign: "center",
445
+ align: "center",
447
446
  children: [
448
447
  /*#__PURE__*/ _jsx(Icon, {
449
448
  source: "Partnerships",
@@ -456,7 +455,7 @@ export var CustomIcons = {
456
455
  ]
457
456
  }),
458
457
  /*#__PURE__*/ _jsxs(Stack, {
459
- inlineAlign: "center",
458
+ align: "center",
460
459
  children: [
461
460
  /*#__PURE__*/ _jsx(Icon, {
462
461
  source: "OutlineCircle",
@@ -501,7 +500,7 @@ export var InlineFlex = {
501
500
  return /*#__PURE__*/ _jsxs(Stack, {
502
501
  horizontal: true,
503
502
  gap: "sm",
504
- blockAlign: "center",
503
+ align: "center",
505
504
  children: [
506
505
  /*#__PURE__*/ _jsx(Icon, {
507
506
  source: TickMinor,