@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/cjs/stories/Divider.stories.js CHANGED
@@ -308,7 +308,6 @@ var FormSections = {
308
308
  children: [
309
309
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
310
310
  columns: 2,
311
- gap: "4",
312
311
  children: [
313
312
  /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
314
313
  placeholder: "First Name",
@@ -374,7 +373,7 @@ var FormSections = {
374
373
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
375
374
  horizontal: true,
376
375
  gap: "sm",
377
- blockAlign: "center",
376
+ align: "center",
378
377
  children: [
379
378
  /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
380
379
  type: "checkbox"
@@ -387,7 +386,7 @@ var FormSections = {
387
386
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
388
387
  horizontal: true,
389
388
  gap: "sm",
390
- blockAlign: "center",
389
+ align: "center",
391
390
  children: [
392
391
  /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
393
392
  type: "checkbox"
@@ -436,8 +435,8 @@ var ListSeparator = {
436
435
  children: [
437
436
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
438
437
  horizontal: true,
439
- align: "space-between",
440
- blockAlign: "center",
438
+ justify: "between",
439
+ align: "center",
441
440
  as: _Box.default,
442
441
  paddingBlockStart: "3",
443
442
  paddingBlockEnd: "3",
@@ -468,8 +467,8 @@ var ListSeparator = {
468
467
  }),
469
468
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
470
469
  horizontal: true,
471
- align: "space-between",
472
- blockAlign: "center",
470
+ justify: "between",
471
+ align: "center",
473
472
  as: _Box.default,
474
473
  paddingBlockStart: "3",
475
474
  paddingBlockEnd: "3",
@@ -500,8 +499,8 @@ var ListSeparator = {
500
499
  }),
501
500
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
502
501
  horizontal: true,
503
- align: "space-between",
504
- blockAlign: "center",
502
+ justify: "between",
503
+ align: "center",
505
504
  as: _Box.default,
506
505
  paddingBlockStart: "3",
507
506
  paddingBlockEnd: "3",
@@ -532,8 +531,8 @@ var ListSeparator = {
532
531
  }),
533
532
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
534
533
  horizontal: true,
535
- align: "space-between",
536
- blockAlign: "center",
534
+ justify: "between",
535
+ align: "center",
537
536
  as: _Box.default,
538
537
  paddingBlockStart: "3",
539
538
  paddingBlockEnd: "3",
@@ -623,11 +622,11 @@ var StepIndicator = {
623
622
  padded: true,
624
623
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
625
624
  horizontal: true,
626
- blockAlign: "center",
625
+ align: "center",
627
626
  children: [
628
627
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
629
628
  gap: "sm",
630
- inlineAlign: "center",
629
+ align: "center",
631
630
  children: [
632
631
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
633
632
  width: "32px",
@@ -659,7 +658,7 @@ var StepIndicator = {
659
658
  }),
660
659
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
661
660
  gap: "sm",
662
- inlineAlign: "center",
661
+ align: "center",
663
662
  children: [
664
663
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
665
664
  width: "32px",
@@ -691,7 +690,7 @@ var StepIndicator = {
691
690
  }),
692
691
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
693
692
  gap: "sm",
694
- inlineAlign: "center",
693
+ align: "center",
695
694
  children: [
696
695
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
697
696
  width: "32px",
@@ -723,7 +722,7 @@ var StepIndicator = {
723
722
  }),
724
723
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
725
724
  gap: "sm",
726
- inlineAlign: "center",
725
+ align: "center",
727
726
  children: [
728
727
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
729
728
  width: "32px",
package/dist/cjs/stories/DropZone.stories.js CHANGED
@@ -596,8 +596,8 @@ var MultipleFiles = {
596
596
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
597
597
  horizontal: true,
598
598
  paddingBlockStart: "6",
599
- align: "space-between",
600
- blockAlign: "center",
599
+ justify: "between",
600
+ align: "center",
601
601
  children: [
602
602
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Text.default, {
603
603
  variant: "bodySm",
@@ -883,7 +883,7 @@ var DisabledStates = {
883
883
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
884
884
  horizontal: true,
885
885
  gap: "sm",
886
- blockAlign: "center",
886
+ align: "center",
887
887
  children: [
888
888
  /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
889
889
  type: "checkbox",
package/dist/cjs/stories/FooterHelp.stories.js CHANGED
@@ -623,7 +623,7 @@ var OnboardingHelp = {
623
623
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
624
624
  horizontal: true,
625
625
  gap: "sm",
626
- blockAlign: "center",
626
+ align: "center",
627
627
  children: [
628
628
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
629
629
  borderRadius: "50%",
@@ -647,7 +647,7 @@ var OnboardingHelp = {
647
647
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
648
648
  horizontal: true,
649
649
  gap: "sm",
650
- blockAlign: "center",
650
+ align: "center",
651
651
  children: [
652
652
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
653
653
  borderRadius: "50%",
@@ -671,7 +671,7 @@ var OnboardingHelp = {
671
671
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
672
672
  horizontal: true,
673
673
  gap: "sm",
674
- blockAlign: "center",
674
+ align: "center",
675
675
  children: [
676
676
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
677
677
  borderRadius: "50%",
@@ -751,7 +751,6 @@ var FeatureSpecificHelp = {
751
751
  xs: 1,
752
752
  md: 3
753
753
  },
754
- gap: "4",
755
754
  children: [
756
755
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
757
756
  padding: "4",
package/dist/cjs/stories/Form.stories.js CHANGED
@@ -675,7 +675,6 @@ var MultiStepForm = {
675
675
  children: [
676
676
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(Grid, {
677
677
  columns: 2,
678
- gap: "4",
679
678
  children: [
680
679
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.default, {
681
680
  label: "First Name",
@@ -728,7 +727,6 @@ var MultiStepForm = {
728
727
  }),
729
728
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(Grid, {
730
729
  columns: 3,
731
- gap: "4",
732
730
  children: [
733
731
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.default, {
734
732
  label: "City",
@@ -827,7 +825,7 @@ var MultiStepForm = {
827
825
  children: [
828
826
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
829
827
  horizontal: true,
830
- align: "space-between",
828
+ justify: "between",
831
829
  as: _Box.default,
832
830
  marginBlockEnd: "2",
833
831
  children: steps.map(function(step, index) {
@@ -869,7 +867,7 @@ var MultiStepForm = {
869
867
  renderStep(),
870
868
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
871
869
  horizontal: true,
872
- align: "space-between",
870
+ justify: "between",
873
871
  as: _Box.default,
874
872
  marginBlockStart: "8",
875
873
  paddingBlockStart: "4",
package/dist/cjs/stories/Grid.stories.js CHANGED
@@ -166,7 +166,7 @@ var Default = {
166
166
  background: "bg-surface-info-subdued",
167
167
  borderRadius: "1",
168
168
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
169
- inlineAlign: "center",
169
+ align: "center",
170
170
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
171
171
  children: "Item 1"
172
172
  })
@@ -177,7 +177,7 @@ var Default = {
177
177
  background: "bg-surface-magic-subdued",
178
178
  borderRadius: "1",
179
179
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
180
- inlineAlign: "center",
180
+ align: "center",
181
181
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
182
182
  children: "Item 2"
183
183
  })
@@ -188,7 +188,7 @@ var Default = {
188
188
  background: "bg-surface-success-subdued",
189
189
  borderRadius: "1",
190
190
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
191
- inlineAlign: "center",
191
+ align: "center",
192
192
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
193
193
  children: "Item 3"
194
194
  })
@@ -199,7 +199,7 @@ var Default = {
199
199
  background: "bg-surface-warning-subdued",
200
200
  borderRadius: "1",
201
201
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
202
- inlineAlign: "center",
202
+ align: "center",
203
203
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
204
204
  children: "Item 4"
205
205
  })
@@ -210,7 +210,7 @@ var Default = {
210
210
  background: "bg-surface-critical-subdued",
211
211
  borderRadius: "1",
212
212
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
213
- inlineAlign: "center",
213
+ align: "center",
214
214
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
215
215
  children: "Item 5"
216
216
  })
@@ -221,7 +221,7 @@ var Default = {
221
221
  background: "bg-surface-success-subdued",
222
222
  borderRadius: "1",
223
223
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
224
- inlineAlign: "center",
224
+ align: "center",
225
225
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
226
226
  children: "Item 6"
227
227
  })
@@ -251,7 +251,6 @@ var DifferentColumns = {
251
251
  }),
252
252
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
253
253
  columns: 2,
254
- gap: "md",
255
254
  children: [
256
255
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Card.default, {
257
256
  padded: true,
@@ -289,7 +288,6 @@ var DifferentColumns = {
289
288
  }),
290
289
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
291
290
  columns: 4,
292
- gap: "md",
293
291
  children: [
294
292
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Card.default, {
295
293
  padded: true,
@@ -387,7 +385,6 @@ var WithColumnSpan = {
387
385
  render: function() {
388
386
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
389
387
  columns: 4,
390
- gap: "md",
391
388
  children: [
392
389
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Grid.default.Cell, {
393
390
  columnSpan: 2,
@@ -590,7 +587,6 @@ var Alignment = {
590
587
  borderColor: "border-subdued",
591
588
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
592
589
  columns: 3,
593
- gap: "md",
594
590
  justify: "center",
595
591
  align: "center",
596
592
  children: [
@@ -630,7 +626,6 @@ var Alignment = {
630
626
  borderColor: "border-subdued",
631
627
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
632
628
  columns: 3,
633
- gap: "md",
634
629
  justify: "start",
635
630
  align: "end",
636
631
  children: [
@@ -716,12 +711,11 @@ var ProductCatalog = {
716
711
  padded: true,
717
712
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Grid.default, {
718
713
  columns: 3,
719
- gap: "md",
720
714
  children: products.map(function(product, index) {
721
715
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Card.default, {
722
716
  padded: true,
723
717
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
724
- inlineAlign: "center",
718
+ align: "center",
725
719
  children: [
726
720
  /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
727
721
  style: {
@@ -731,7 +725,7 @@ var ProductCatalog = {
731
725
  }),
732
726
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
733
727
  gap: "sm",
734
- inlineAlign: "center",
728
+ align: "center",
735
729
  children: [
736
730
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
737
731
  variant: "headingSm",
@@ -777,7 +771,6 @@ var DashboardLayout = {
777
771
  children: [
778
772
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
779
773
  columns: 4,
780
- gap: "md",
781
774
  children: [
782
775
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Card.default, {
783
776
  padded: true,
@@ -855,7 +848,6 @@ var DashboardLayout = {
855
848
  }),
856
849
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
857
850
  columns: 3,
858
- gap: "md",
859
851
  children: [
860
852
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Grid.default.Cell, {
861
853
  columnSpan: 2,
@@ -957,12 +949,11 @@ var TeamDirectory = {
957
949
  padded: true,
958
950
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Grid.default, {
959
951
  columns: 4,
960
- gap: "md",
961
952
  children: team.map(function(member, index) {
962
953
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Card.default, {
963
954
  padded: true,
964
955
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
965
- inlineAlign: "center",
956
+ align: "center",
966
957
  children: [
967
958
  /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
968
959
  style: {
@@ -972,7 +963,7 @@ var TeamDirectory = {
972
963
  }),
973
964
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
974
965
  gap: "xs",
975
- inlineAlign: "center",
966
+ align: "center",
976
967
  children: [
977
968
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
978
969
  variant: "headingSm",
@@ -1032,8 +1023,8 @@ var ImageGallery = {
1032
1023
  columnSpan: 2,
1033
1024
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
1034
1025
  gap: "none",
1035
- blockAlign: "center",
1036
- inlineAlign: "center",
1026
+ justify: "center",
1027
+ align: "center",
1037
1028
  as: _Box.default,
1038
1029
  height: "200px",
1039
1030
  borderRadius: "2",
@@ -1047,8 +1038,8 @@ var ImageGallery = {
1047
1038
  }),
1048
1039
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
1049
1040
  gap: "none",
1050
- blockAlign: "center",
1051
- inlineAlign: "center",
1041
+ justify: "center",
1042
+ align: "center",
1052
1043
  as: _Box.default,
1053
1044
  height: "95px",
1054
1045
  borderRadius: "2",
@@ -1062,8 +1053,8 @@ var ImageGallery = {
1062
1053
  }),
1063
1054
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
1064
1055
  gap: "none",
1065
- blockAlign: "center",
1066
- inlineAlign: "center",
1056
+ justify: "center",
1057
+ align: "center",
1067
1058
  as: _Box.default,
1068
1059
  height: "95px",
1069
1060
  borderRadius: "2",
@@ -1077,8 +1068,8 @@ var ImageGallery = {
1077
1068
  }),
1078
1069
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
1079
1070
  gap: "none",
1080
- blockAlign: "center",
1081
- inlineAlign: "center",
1071
+ justify: "center",
1072
+ align: "center",
1082
1073
  as: _Box.default,
1083
1074
  height: "95px",
1084
1075
  borderRadius: "2",
@@ -1092,8 +1083,8 @@ var ImageGallery = {
1092
1083
  }),
1093
1084
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
1094
1085
  gap: "none",
1095
- blockAlign: "center",
1096
- inlineAlign: "center",
1086
+ justify: "center",
1087
+ align: "center",
1097
1088
  as: _Box.default,
1098
1089
  height: "95px",
1099
1090
  borderRadius: "2",
@@ -1109,8 +1100,8 @@ var ImageGallery = {
1109
1100
  columnSpan: 3,
1110
1101
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
1111
1102
  gap: "none",
1112
- blockAlign: "center",
1113
- inlineAlign: "center",
1103
+ justify: "center",
1104
+ align: "center",
1114
1105
  as: _Box.default,
1115
1106
  height: "120px",
1116
1107
  borderRadius: "2",
@@ -1124,8 +1115,8 @@ var ImageGallery = {
1124
1115
  }),
1125
1116
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
1126
1117
  gap: "none",
1127
- blockAlign: "center",
1128
- inlineAlign: "center",
1118
+ justify: "center",
1119
+ align: "center",
1129
1120
  as: _Box.default,
1130
1121
  height: "120px",
1131
1122
  borderRadius: "2",
package/dist/cjs/stories/Icon.stories.js CHANGED
@@ -237,10 +237,10 @@ var Sizes = {
237
237
  render: function() {
238
238
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
239
239
  horizontal: true,
240
- blockAlign: "center",
240
+ align: "center",
241
241
  children: [
242
242
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
243
- inlineAlign: "center",
243
+ align: "center",
244
244
  children: [
245
245
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
246
246
  source: _polarisicons.TickMinor,
@@ -253,7 +253,7 @@ var Sizes = {
253
253
  ]
254
254
  }),
255
255
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
256
- inlineAlign: "center",
256
+ align: "center",
257
257
  children: [
258
258
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
259
259
  source: _polarisicons.TickMinor,
@@ -266,7 +266,7 @@ var Sizes = {
266
266
  ]
267
267
  }),
268
268
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
269
- inlineAlign: "center",
269
+ align: "center",
270
270
  children: [
271
271
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
272
272
  source: _polarisicons.TickMinor,
@@ -279,7 +279,7 @@ var Sizes = {
279
279
  ]
280
280
  }),
281
281
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
282
- inlineAlign: "center",
282
+ align: "center",
283
283
  children: [
284
284
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
285
285
  source: _polarisicons.TickMinor,
@@ -292,7 +292,7 @@ var Sizes = {
292
292
  ]
293
293
  }),
294
294
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
295
- inlineAlign: "center",
295
+ align: "center",
296
296
  children: [
297
297
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
298
298
  source: _polarisicons.TickMinor,
@@ -305,7 +305,7 @@ var Sizes = {
305
305
  ]
306
306
  }),
307
307
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
308
- inlineAlign: "center",
308
+ align: "center",
309
309
  children: [
310
310
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
311
311
  source: _polarisicons.TickMinor,
@@ -332,11 +332,10 @@ var Colors = {
332
332
  render: function() {
333
333
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Grid.default, {
334
334
  columns: 4,
335
- gap: "4",
336
- blockAlign: "center",
335
+ align: "center",
337
336
  children: [
338
337
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
339
- inlineAlign: "center",
338
+ align: "center",
340
339
  children: [
341
340
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
342
341
  source: _polarisicons.TickMinor,
@@ -349,7 +348,7 @@ var Colors = {
349
348
  ]
350
349
  }),
351
350
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
352
- inlineAlign: "center",
351
+ align: "center",
353
352
  children: [
354
353
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
355
354
  source: _polarisicons.AlertMinor,
@@ -362,7 +361,7 @@ var Colors = {
362
361
  ]
363
362
  }),
364
363
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
365
- inlineAlign: "center",
364
+ align: "center",
366
365
  children: [
367
366
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
368
367
  source: _polarisicons.CancelMinor,
@@ -375,7 +374,7 @@ var Colors = {
375
374
  ]
376
375
  }),
377
376
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
378
- inlineAlign: "center",
377
+ align: "center",
379
378
  children: [
380
379
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
381
380
  source: _polarisicons.SearchMinor,
@@ -388,7 +387,7 @@ var Colors = {
388
387
  ]
389
388
  }),
390
389
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
391
- inlineAlign: "center",
390
+ align: "center",
392
391
  children: [
393
392
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
394
393
  source: _polarisicons.SettingsMinor,
@@ -401,7 +400,7 @@ var Colors = {
401
400
  ]
402
401
  }),
403
402
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
404
- inlineAlign: "center",
403
+ align: "center",
405
404
  children: [
406
405
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
407
406
  source: _polarisicons.HomeMinor,
@@ -414,7 +413,7 @@ var Colors = {
414
413
  ]
415
414
  }),
416
415
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
417
- inlineAlign: "center",
416
+ align: "center",
418
417
  children: [
419
418
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
420
419
  source: _polarisicons.PlusMinor,
@@ -427,7 +426,7 @@ var Colors = {
427
426
  ]
428
427
  }),
429
428
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
430
- inlineAlign: "center",
429
+ align: "center",
431
430
  children: [
432
431
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
433
432
  source: _polarisicons.EditMinor,
@@ -455,10 +454,10 @@ var CustomIcons = {
455
454
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
456
455
  horizontal: true,
457
456
  gap: "lg",
458
- blockAlign: "center",
457
+ align: "center",
459
458
  children: [
460
459
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
461
- inlineAlign: "center",
460
+ align: "center",
462
461
  children: [
463
462
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
464
463
  source: "Moon",
@@ -471,7 +470,7 @@ var CustomIcons = {
471
470
  ]
472
471
  }),
473
472
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
474
- inlineAlign: "center",
473
+ align: "center",
475
474
  children: [
476
475
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
477
476
  source: "Sun",
@@ -484,7 +483,7 @@ var CustomIcons = {
484
483
  ]
485
484
  }),
486
485
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
487
- inlineAlign: "center",
486
+ align: "center",
488
487
  children: [
489
488
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
490
489
  source: "Partnerships",
@@ -497,7 +496,7 @@ var CustomIcons = {
497
496
  ]
498
497
  }),
499
498
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
500
- inlineAlign: "center",
499
+ align: "center",
501
500
  children: [
502
501
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
503
502
  source: "OutlineCircle",
@@ -542,7 +541,7 @@ var InlineFlex = {
542
541
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
543
542
  horizontal: true,
544
543
  gap: "sm",
545
- blockAlign: "center",
544
+ align: "center",
546
545
  children: [
547
546
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
548
547
  source: _polarisicons.TickMinor,