@pingux/astro 1.6.0 → 1.7.0-alpha.10

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 (394) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +23 -18
  2. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +11 -3
  3. package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +16 -3
  4. package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +16 -3
  5. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +22 -6
  6. package/lib/cjs/components/AccordionGroup/AccordionGroup.js +13 -3
  7. package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +11 -3
  8. package/lib/cjs/components/AccordionItem/AccordionItem.js +13 -3
  9. package/lib/cjs/components/ArrayField/ArrayField.js +28 -19
  10. package/lib/cjs/components/ArrayField/ArrayField.stories.js +1 -1
  11. package/lib/cjs/components/ArrayField/ArrayField.test.js +13 -0
  12. package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
  13. package/lib/cjs/components/ArrayField/index.js +4 -4
  14. package/lib/cjs/components/AstroWrapper/AstroWrapper.js +93 -22
  15. package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +90 -0
  16. package/lib/cjs/components/AstroWrapper/index.js +11 -2
  17. package/lib/cjs/components/Avatar/Avatar.js +10 -2
  18. package/lib/cjs/components/Avatar/Avatar.stories.js +1 -1
  19. package/lib/cjs/components/Box/Box.js +26 -20
  20. package/lib/cjs/components/Box/Box.stories.js +1 -1
  21. package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +26 -24
  22. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +13 -3
  23. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +1 -1
  24. package/lib/cjs/components/Breadcrumbs/index.js +4 -4
  25. package/lib/cjs/components/Button/Button.js +25 -19
  26. package/lib/cjs/components/Button/Button.stories.js +9 -10
  27. package/lib/cjs/components/Card/Card.js +10 -2
  28. package/lib/cjs/components/Card/Card.stories.js +1 -1
  29. package/lib/cjs/components/Checkbox/Checkbox.js +10 -2
  30. package/lib/cjs/components/CheckboxField/CheckboxField.js +22 -18
  31. package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +1 -1
  32. package/lib/cjs/components/Chip/Chip.js +10 -2
  33. package/lib/cjs/components/Chip/Chip.stories.js +1 -1
  34. package/lib/cjs/components/CodeView/CodeView.js +25 -19
  35. package/lib/cjs/components/CodeView/CodeView.stories.js +4 -6
  36. package/lib/cjs/components/CodeView/CodeView.test.js +11 -11
  37. package/lib/cjs/components/ColorField/ColorField.js +22 -18
  38. package/lib/cjs/components/ColorField/ColorField.stories.js +11 -3
  39. package/lib/cjs/components/ComboBox/ComboBoxInput.js +25 -19
  40. package/lib/cjs/components/ComboBoxField/ComboBoxField.js +25 -19
  41. package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +11 -3
  42. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +12 -2
  43. package/lib/cjs/components/CopyText/CopyButton.js +10 -2
  44. package/lib/cjs/components/CopyText/CopyText.js +15 -4
  45. package/lib/cjs/components/CopyText/CopyText.stories.js +1 -1
  46. package/lib/cjs/components/CopyText/CopyText.test.js +11 -11
  47. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +27 -17
  48. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +23 -17
  49. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +13 -3
  50. package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +1 -1
  51. package/lib/cjs/components/FileInputField/FileInputField.js +28 -20
  52. package/lib/cjs/components/FileInputField/FileInputField.stories.js +11 -3
  53. package/lib/cjs/components/FileInputField/FileInputField.test.js +11 -11
  54. package/lib/cjs/components/FileInputField/FileItem.js +10 -2
  55. package/lib/cjs/components/HelpHint/HelpHint.js +13 -3
  56. package/lib/cjs/components/HelpHint/HelpHint.stories.js +1 -1
  57. package/lib/cjs/components/Icon/Icon.js +22 -18
  58. package/lib/cjs/components/Icon/Icon.stories.js +1 -1
  59. package/lib/cjs/components/IconButton/IconButton.js +25 -19
  60. package/lib/cjs/components/IconButton/IconButton.stories.js +1 -1
  61. package/lib/cjs/components/Image/Image.js +13 -3
  62. package/lib/cjs/components/Image/Image.stories.js +1 -1
  63. package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +13 -3
  64. package/lib/cjs/components/ImageUploadField/ImageUploadField.js +10 -2
  65. package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +11 -3
  66. package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +22 -18
  67. package/lib/cjs/components/Input/Input.js +13 -3
  68. package/lib/cjs/components/Input/Input.stories.js +1 -1
  69. package/lib/cjs/components/Label/Label.js +13 -3
  70. package/lib/cjs/components/Label/Label.stories.js +1 -1
  71. package/lib/cjs/components/Link/Link.js +13 -3
  72. package/lib/cjs/components/Link/Link.stories.js +1 -1
  73. package/lib/cjs/components/LinkSelectField/LinkSelectField.js +22 -18
  74. package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +10 -2
  75. package/lib/cjs/components/List/List.js +13 -3
  76. package/lib/cjs/components/List/List.stories.js +1 -1
  77. package/lib/cjs/components/ListBox/ListBox.js +27 -19
  78. package/lib/cjs/components/ListBox/ListBoxSection.js +10 -2
  79. package/lib/cjs/components/ListBox/Option.js +25 -19
  80. package/lib/cjs/components/ListBox/index.js +4 -4
  81. package/lib/cjs/components/ListItem/ListItem.js +13 -3
  82. package/lib/cjs/components/ListItem/ListItem.stories.js +1 -1
  83. package/lib/cjs/components/ListView/ListView.js +26 -20
  84. package/lib/cjs/components/ListView/ListView.stories.js +36 -21
  85. package/lib/cjs/components/ListViewItem/ListViewItem.js +10 -2
  86. package/lib/cjs/components/Loader/Loader.js +25 -19
  87. package/lib/cjs/components/Loader/Loader.stories.js +1 -1
  88. package/lib/cjs/components/Menu/Menu.js +25 -19
  89. package/lib/cjs/components/Menu/Menu.stories.js +1 -1
  90. package/lib/cjs/components/MenuItem/MenuItem.js +13 -3
  91. package/lib/cjs/components/Messages/Message.js +14 -4
  92. package/lib/cjs/components/Messages/Messages.js +13 -3
  93. package/lib/cjs/components/Messages/Messages.reducer.js +15 -17
  94. package/lib/cjs/components/Messages/Messages.stories.js +23 -17
  95. package/lib/cjs/components/Messages/Messages.test.js +12 -2
  96. package/lib/cjs/components/Messages/index.js +1 -0
  97. package/lib/cjs/components/Messages/utils/messagesReducer.js +15 -15
  98. package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +26 -20
  99. package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +12 -2
  100. package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +12 -2
  101. package/lib/cjs/components/Modal/Modal.js +25 -19
  102. package/lib/cjs/components/Modal/Modal.stories.js +1 -1
  103. package/lib/cjs/components/MultiselectFilter/MultiselectFilter.js +13 -3
  104. package/lib/cjs/components/MultiselectFilter/MultiselectFilter.stories.js +13 -5
  105. package/lib/cjs/components/MultiselectFilterItem/MultiselectFilterItem.js +9 -1
  106. package/lib/cjs/components/MultiselectListContainer/MultiselectBadge.js +3 -1
  107. package/lib/cjs/components/MultiselectListContainer/MultiselectListContainer.js +25 -19
  108. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +23 -17
  109. package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +11 -3
  110. package/lib/cjs/components/NavBar/NavBar.js +30 -10
  111. package/lib/cjs/components/NavBar/NavBar.stories.js +4 -3
  112. package/lib/cjs/components/NavBarSection/NavBarItem.js +16 -8
  113. package/lib/cjs/components/NavBarSection/NavBarItemBody.js +10 -2
  114. package/lib/cjs/components/NavBarSection/NavBarItemButton.js +19 -19
  115. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +61 -4
  116. package/lib/cjs/components/NavBarSection/NavBarItemLink.js +19 -19
  117. package/lib/cjs/components/NavBarSection/NavBarSection.js +5 -2
  118. package/lib/cjs/components/NavBarSection/index.js +4 -4
  119. package/lib/cjs/components/NumberField/NumberField.js +53 -19
  120. package/lib/cjs/components/NumberField/NumberField.stories.js +11 -3
  121. package/lib/cjs/components/OverlayPanel/OverlayPanel.js +14 -4
  122. package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +11 -3
  123. package/lib/cjs/components/PageHeader/PageHeader.js +13 -3
  124. package/lib/cjs/components/PageHeader/PageHeader.stories.js +1 -1
  125. package/lib/cjs/components/PasswordField/PasswordField.js +26 -18
  126. package/lib/cjs/components/PasswordField/PasswordField.stories.js +22 -18
  127. package/lib/cjs/components/PopoverContainer/PopoverContainer.js +27 -20
  128. package/lib/cjs/components/PopoverContainer/index.js +11 -2
  129. package/lib/cjs/components/PopoverMenu/PopoverMenu.js +22 -18
  130. package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +11 -3
  131. package/lib/cjs/components/Radio/Radio.js +10 -2
  132. package/lib/cjs/components/RadioField/RadioField.js +22 -18
  133. package/lib/cjs/components/RadioField/RadioField.test.js +12 -2
  134. package/lib/cjs/components/RadioField/index.js +11 -2
  135. package/lib/cjs/components/RadioGroupField/RadioGroupField.js +22 -18
  136. package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +11 -3
  137. package/lib/cjs/components/RequirementsList/RequirementsList.js +13 -3
  138. package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -1
  139. package/lib/cjs/components/RockerButton/RockerButton.js +22 -18
  140. package/lib/cjs/components/RockerButton/index.js +11 -2
  141. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +25 -19
  142. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +11 -3
  143. package/lib/cjs/components/RockerButtonGroup/index.js +11 -2
  144. package/lib/cjs/components/ScrollBox/ScrollBox.js +26 -20
  145. package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +1 -1
  146. package/lib/cjs/components/SearchField/SearchField.js +22 -18
  147. package/lib/cjs/components/SearchField/SearchField.stories.js +11 -3
  148. package/lib/cjs/components/SelectField/SelectField.js +10 -2
  149. package/lib/cjs/components/SelectField/SelectField.stories.js +10 -2
  150. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +22 -18
  151. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +12 -2
  152. package/lib/cjs/components/Separator/Separator.js +13 -3
  153. package/lib/cjs/components/Separator/Separator.stories.js +1 -1
  154. package/lib/cjs/components/Stepper/Step.js +10 -2
  155. package/lib/cjs/components/Stepper/Stepper.js +25 -19
  156. package/lib/cjs/components/Stepper/Stepper.stories.js +11 -3
  157. package/lib/cjs/components/Stepper/index.js +4 -4
  158. package/lib/cjs/components/Switch/Switch.js +10 -2
  159. package/lib/cjs/components/SwitchField/SwitchField.js +26 -18
  160. package/lib/cjs/components/SwitchField/SwitchField.stories.js +11 -3
  161. package/lib/cjs/components/Tab/Tab.js +13 -3
  162. package/lib/cjs/components/Tab/index.js +11 -2
  163. package/lib/cjs/components/TabPicker/TabPicker.js +14 -4
  164. package/lib/cjs/components/Table/Table.js +3 -1
  165. package/lib/cjs/components/Table/Table.stories.js +1 -1
  166. package/lib/cjs/components/TableBody/TableBody.js +3 -1
  167. package/lib/cjs/components/TableCell/TableCell.js +3 -1
  168. package/lib/cjs/components/TableHead/TableHead.js +3 -1
  169. package/lib/cjs/components/TableRow/TableRow.js +3 -1
  170. package/lib/cjs/components/Tabs/Tabs.js +28 -18
  171. package/lib/cjs/components/Tabs/Tabs.stories.js +11 -3
  172. package/lib/cjs/components/Tabs/Tabs.test.js +2 -1
  173. package/lib/cjs/components/Tabs/index.js +11 -2
  174. package/lib/cjs/components/Text/Text.stories.js +4 -2
  175. package/lib/cjs/components/TextArea/TextArea.js +10 -2
  176. package/lib/cjs/components/TextAreaField/TextAreaField.js +23 -19
  177. package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +11 -3
  178. package/lib/cjs/components/TextField/TextField.js +22 -18
  179. package/lib/cjs/components/TextField/TextField.stories.js +14 -4
  180. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +26 -18
  181. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js +1 -1
  182. package/lib/cjs/components/TooltipTrigger/Tooltip.js +13 -3
  183. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +10 -2
  184. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +3 -3
  185. package/lib/cjs/components/TooltipTrigger/index.js +4 -4
  186. package/lib/cjs/hooks/index.js +13 -13
  187. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -11
  188. package/lib/cjs/hooks/useField/useField.js +20 -18
  189. package/lib/cjs/hooks/useField/useField.test.js +11 -11
  190. package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +1 -1
  191. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +3 -3
  192. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
  193. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +1 -1
  194. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +2 -1
  195. package/lib/cjs/hooks/useRockerButton/useRockerButton.js +15 -17
  196. package/lib/cjs/hooks/useSelectField/useSelectField.js +22 -18
  197. package/lib/cjs/index.js +123 -49
  198. package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +23 -17
  199. package/lib/cjs/recipes/Arrow.stories.js +1 -1
  200. package/lib/cjs/recipes/ConditionalFilter.stories.js +1 -1
  201. package/lib/cjs/recipes/CopyToClipboard.stories.js +1 -1
  202. package/lib/cjs/recipes/CountryPicker.stories.js +11 -3
  203. package/lib/cjs/recipes/DatePicker.stories.js +11 -3
  204. package/lib/cjs/recipes/DraggableBox.stories.js +1 -1
  205. package/lib/cjs/recipes/EditableInput.stories.js +26 -22
  206. package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +22 -18
  207. package/lib/cjs/recipes/LogoTabs.stories.js +22 -18
  208. package/lib/cjs/recipes/MaskedValue.stories.js +11 -3
  209. package/lib/cjs/recipes/NeutralInput.stories.js +1 -1
  210. package/lib/cjs/recipes/PanelHeader.stories.js +1 -1
  211. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +11 -3
  212. package/lib/cjs/recipes/RowLineChart.stories.js +11 -3
  213. package/lib/cjs/recipes/ScrollableListView.stories.js +11 -3
  214. package/lib/cjs/recipes/SelectedFieldOverlay.story.js +1 -1
  215. package/lib/cjs/recipes/StatsCircle.stories.js +1 -1
  216. package/lib/cjs/styles/ColorDocumentation.js +10 -2
  217. package/lib/cjs/styles/ColorDocumentation.stories.js +1 -1
  218. package/lib/cjs/styles/colors.js +1 -1
  219. package/lib/cjs/styles/forms/comboBox.js +15 -17
  220. package/lib/cjs/styles/forms/index.js +22 -18
  221. package/lib/cjs/styles/forms/input.js +20 -21
  222. package/lib/cjs/styles/forms/label.js +15 -17
  223. package/lib/cjs/styles/forms/search.js +1 -1
  224. package/lib/cjs/styles/forms/select.js +15 -17
  225. package/lib/cjs/styles/forms/switch.js +1 -1
  226. package/lib/cjs/styles/forms/textarea.js +15 -17
  227. package/lib/cjs/styles/theme.js +22 -18
  228. package/lib/cjs/styles/themeOverrides/index.js +18 -0
  229. package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js +111 -0
  230. package/lib/cjs/styles/themes/end-user/end-user.js +15 -17
  231. package/lib/cjs/styles/useAstroTheme.js +1 -1
  232. package/lib/cjs/styles/variants/accordion.js +16 -18
  233. package/lib/cjs/styles/variants/boxes.js +15 -17
  234. package/lib/cjs/styles/variants/buttons.js +19 -19
  235. package/lib/cjs/styles/variants/index.js +8 -7
  236. package/lib/cjs/styles/variants/links.js +15 -17
  237. package/lib/cjs/styles/variants/listBox.js +15 -17
  238. package/lib/cjs/styles/variants/loader.js +18 -40
  239. package/lib/cjs/styles/variants/modal.js +15 -17
  240. package/lib/cjs/styles/variants/navBar.js +25 -18
  241. package/lib/cjs/styles/variants/numberField.js +15 -17
  242. package/lib/cjs/styles/variants/separator.js +18 -20
  243. package/lib/cjs/styles/variants/stepper.js +15 -17
  244. package/lib/cjs/styles/variants/table.js +15 -17
  245. package/lib/cjs/styles/variants/text.js +20 -20
  246. package/lib/cjs/styles/variants/variants.js +22 -18
  247. package/lib/cjs/utils/devUtils/constants/variants.js +1 -1
  248. package/lib/cjs/utils/devUtils/createMockData.js +16 -18
  249. package/lib/cjs/utils/devUtils/styledSystemUtils.js +15 -15
  250. package/lib/cjs/utils/testUtils/testWrapper.js +21 -26
  251. package/lib/components/AccordionGridGroup/AccordionGridGroup.js +3 -2
  252. package/lib/components/AccordionGridItem/AccordionGridItem.js +5 -1
  253. package/lib/components/AccordionGridItem/AccordionGridItemBody.js +5 -1
  254. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +11 -4
  255. package/lib/components/AccordionGroup/AccordionGroup.js +2 -1
  256. package/lib/components/AccordionItem/AccordionItem.js +2 -1
  257. package/lib/components/ArrayField/ArrayField.js +6 -4
  258. package/lib/components/ArrayField/ArrayField.test.js +9 -0
  259. package/lib/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
  260. package/lib/components/AstroWrapper/AstroWrapper.js +76 -18
  261. package/lib/components/AstroWrapper/AstroWrapper.stories.js +68 -0
  262. package/lib/components/Box/Box.js +4 -3
  263. package/lib/components/Breadcrumbs/BreadcrumbItem.js +6 -8
  264. package/lib/components/Breadcrumbs/Breadcrumbs.js +2 -1
  265. package/lib/components/Button/Button.js +4 -3
  266. package/lib/components/Button/Button.stories.js +8 -9
  267. package/lib/components/CheckboxField/CheckboxField.js +2 -2
  268. package/lib/components/CodeView/CodeView.js +4 -3
  269. package/lib/components/CodeView/CodeView.stories.js +3 -5
  270. package/lib/components/CodeView/CodeView.test.js +2 -2
  271. package/lib/components/ColorField/ColorField.js +2 -2
  272. package/lib/components/ComboBox/ComboBoxInput.js +4 -3
  273. package/lib/components/ComboBoxField/ComboBoxField.js +4 -3
  274. package/lib/components/CopyText/CopyText.js +4 -2
  275. package/lib/components/CopyText/CopyText.test.js +2 -2
  276. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +4 -3
  277. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +2 -2
  278. package/lib/components/FieldHelperText/FieldHelperText.js +2 -1
  279. package/lib/components/FileInputField/FileInputField.js +5 -4
  280. package/lib/components/FileInputField/FileInputField.test.js +2 -2
  281. package/lib/components/HelpHint/HelpHint.js +2 -1
  282. package/lib/components/Icon/Icon.js +2 -2
  283. package/lib/components/IconButton/IconButton.js +4 -3
  284. package/lib/components/Image/Image.js +2 -1
  285. package/lib/components/ImageUploadField/ImagePreviewButton.js +2 -1
  286. package/lib/components/ImageUploadField/ImageUploadFieldBase.js +2 -2
  287. package/lib/components/Input/Input.js +2 -1
  288. package/lib/components/Label/Label.js +2 -1
  289. package/lib/components/Link/Link.js +2 -1
  290. package/lib/components/LinkSelectField/LinkSelectField.js +2 -2
  291. package/lib/components/List/List.js +2 -1
  292. package/lib/components/ListBox/ListBox.js +4 -3
  293. package/lib/components/ListBox/Option.js +4 -3
  294. package/lib/components/ListItem/ListItem.js +2 -1
  295. package/lib/components/ListView/ListView.js +4 -3
  296. package/lib/components/ListView/ListView.stories.js +34 -20
  297. package/lib/components/Loader/Loader.js +4 -3
  298. package/lib/components/Menu/Menu.js +4 -3
  299. package/lib/components/MenuItem/MenuItem.js +2 -1
  300. package/lib/components/Messages/Message.js +2 -1
  301. package/lib/components/Messages/Messages.js +2 -1
  302. package/lib/components/Messages/Messages.reducer.js +2 -2
  303. package/lib/components/Messages/Messages.stories.js +2 -2
  304. package/lib/components/Messages/utils/messagesReducer.js +2 -2
  305. package/lib/components/Messages/utils/multiMessagesReducer.js +4 -3
  306. package/lib/components/Modal/Modal.js +4 -3
  307. package/lib/components/MultiselectFilter/MultiselectFilter.js +2 -1
  308. package/lib/components/MultiselectFilter/MultiselectFilter.stories.js +2 -2
  309. package/lib/components/MultiselectListContainer/MultiselectBadge.js +2 -1
  310. package/lib/components/MultiselectListContainer/MultiselectListContainer.js +4 -3
  311. package/lib/components/MultivaluesField/MultivaluesField.js +2 -2
  312. package/lib/components/NavBar/NavBar.js +20 -8
  313. package/lib/components/NavBar/NavBar.stories.js +3 -2
  314. package/lib/components/NavBarSection/NavBarItem.js +5 -5
  315. package/lib/components/NavBarSection/NavBarItemButton.js +5 -4
  316. package/lib/components/NavBarSection/NavBarItemHeader.js +46 -4
  317. package/lib/components/NavBarSection/NavBarItemLink.js +5 -4
  318. package/lib/components/NavBarSection/NavBarSection.js +5 -2
  319. package/lib/components/NumberField/NumberField.js +33 -3
  320. package/lib/components/OverlayPanel/OverlayPanel.js +3 -2
  321. package/lib/components/PageHeader/PageHeader.js +2 -1
  322. package/lib/components/PasswordField/PasswordField.js +4 -3
  323. package/lib/components/PasswordField/PasswordField.stories.js +2 -2
  324. package/lib/components/PopoverContainer/PopoverContainer.js +6 -4
  325. package/lib/components/PopoverMenu/PopoverMenu.js +2 -2
  326. package/lib/components/RadioField/RadioField.js +2 -2
  327. package/lib/components/RadioGroupField/RadioGroupField.js +2 -2
  328. package/lib/components/RequirementsList/RequirementsList.js +2 -1
  329. package/lib/components/RockerButton/RockerButton.js +2 -2
  330. package/lib/components/RockerButtonGroup/RockerButtonGroup.js +4 -3
  331. package/lib/components/ScrollBox/ScrollBox.js +5 -4
  332. package/lib/components/SearchField/SearchField.js +2 -2
  333. package/lib/components/SelectFieldBase/SelectFieldBase.js +2 -2
  334. package/lib/components/Separator/Separator.js +2 -1
  335. package/lib/components/Stepper/Stepper.js +4 -3
  336. package/lib/components/SwitchField/SwitchField.js +4 -3
  337. package/lib/components/Tab/Tab.js +2 -1
  338. package/lib/components/TabPicker/TabPicker.js +3 -2
  339. package/lib/components/Table/Table.js +2 -1
  340. package/lib/components/TableBody/TableBody.js +2 -1
  341. package/lib/components/TableCell/TableCell.js +2 -1
  342. package/lib/components/TableHead/TableHead.js +2 -1
  343. package/lib/components/TableRow/TableRow.js +2 -1
  344. package/lib/components/Tabs/Tabs.js +5 -4
  345. package/lib/components/Tabs/Tabs.test.js +2 -1
  346. package/lib/components/Text/Text.stories.js +2 -1
  347. package/lib/components/TextAreaField/TextAreaField.js +3 -3
  348. package/lib/components/TextField/TextField.js +2 -2
  349. package/lib/components/TextField/TextField.stories.js +2 -1
  350. package/lib/components/TimeZonePicker/TimeZonePicker.js +4 -3
  351. package/lib/components/TooltipTrigger/Tooltip.js +2 -1
  352. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +2 -2
  353. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +2 -2
  354. package/lib/hooks/useField/useField.js +4 -3
  355. package/lib/hooks/useField/useField.test.js +2 -2
  356. package/lib/hooks/useImageUploadState/useImageUploadState.js +1 -1
  357. package/lib/hooks/useNavBarPress/useNavBarPress.js +3 -3
  358. package/lib/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
  359. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +1 -1
  360. package/lib/hooks/useProgressiveState/useProgressiveState.test.js +2 -1
  361. package/lib/hooks/useRockerButton/useRockerButton.js +2 -2
  362. package/lib/hooks/useSelectField/useSelectField.js +2 -2
  363. package/lib/recipes/ApplicationSearchDropdown.stories.js +2 -2
  364. package/lib/recipes/EditableInput.stories.js +6 -6
  365. package/lib/recipes/FlippableCaretMenuButton.stories.js +2 -2
  366. package/lib/recipes/LogoTabs.stories.js +2 -2
  367. package/lib/styles/forms/comboBox.js +2 -2
  368. package/lib/styles/forms/index.js +2 -2
  369. package/lib/styles/forms/input.js +4 -3
  370. package/lib/styles/forms/label.js +2 -2
  371. package/lib/styles/forms/select.js +2 -2
  372. package/lib/styles/forms/textarea.js +2 -2
  373. package/lib/styles/theme.js +2 -2
  374. package/lib/styles/themeOverrides/index.js +1 -0
  375. package/lib/styles/themeOverrides/uiLibraryOverride.js +91 -0
  376. package/lib/styles/themes/end-user/end-user.js +2 -2
  377. package/lib/styles/variants/accordion.js +3 -3
  378. package/lib/styles/variants/boxes.js +2 -2
  379. package/lib/styles/variants/buttons.js +6 -4
  380. package/lib/styles/variants/links.js +2 -2
  381. package/lib/styles/variants/listBox.js +2 -2
  382. package/lib/styles/variants/loader.js +5 -25
  383. package/lib/styles/variants/modal.js +2 -2
  384. package/lib/styles/variants/navBar.js +12 -3
  385. package/lib/styles/variants/numberField.js +2 -2
  386. package/lib/styles/variants/separator.js +5 -5
  387. package/lib/styles/variants/stepper.js +2 -2
  388. package/lib/styles/variants/table.js +2 -2
  389. package/lib/styles/variants/text.js +7 -5
  390. package/lib/styles/variants/variants.js +2 -2
  391. package/lib/utils/devUtils/createMockData.js +2 -2
  392. package/lib/utils/devUtils/styledSystemUtils.js +2 -2
  393. package/lib/utils/testUtils/testWrapper.js +2 -2
  394. package/package.json +11 -10
@@ -11,10 +11,11 @@ import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
11
11
  import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
12
12
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
13
13
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
14
+ var _excluded = ["isDisabled", "onAction", "onSelectionChange", "isNotFocusedOnHover"];
14
15
 
15
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
16
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
17
 
17
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
18
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
18
19
 
19
20
  import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
20
21
  import PropTypes from 'prop-types';
@@ -41,7 +42,7 @@ var Menu = /*#__PURE__*/forwardRef(function (props, ref) {
41
42
  onAction = props.onAction,
42
43
  onSelectionChange = props.onSelectionChange,
43
44
  isNotFocusedOnHover = props.isNotFocusedOnHover,
44
- others = _objectWithoutProperties(props, ["isDisabled", "onAction", "onSelectionChange", "isNotFocusedOnHover"]);
45
+ others = _objectWithoutProperties(props, _excluded);
45
46
 
46
47
  var contextProps = useContext(MenuContext);
47
48
 
@@ -1,6 +1,7 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
4
+ var _excluded = ["isSeparator", "isPressed", "data-id"];
4
5
  import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
5
6
  import PropTypes from 'prop-types';
6
7
  import { mergeProps } from '@react-aria/utils';
@@ -37,7 +38,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
37
38
  var isSeparator = itemProps.isSeparator,
38
39
  propIsPressed = itemProps.isPressed,
39
40
  dataId = itemProps['data-id'],
40
- others = _objectWithoutProperties(itemProps, ["isSeparator", "isPressed", "data-id"]);
41
+ others = _objectWithoutProperties(itemProps, _excluded);
41
42
 
42
43
  var isDisabled = propIsDisabled || state.disabledKeys.has(key);
43
44
  var isSelected = state.selectionManager.isSelected(key);
@@ -3,6 +3,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
3
3
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
4
4
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
5
5
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
6
+ var _excluded = ["color"];
6
7
  import React, { forwardRef, useEffect, useRef, useState, useLayoutEffect } from 'react';
7
8
  import PropTypes from 'prop-types';
8
9
  import { announce } from '@react-aria/live-announcer';
@@ -26,7 +27,7 @@ export var icons = {
26
27
 
27
28
  var CloseButton = function CloseButton(_ref) {
28
29
  var color = _ref.color,
29
- others = _objectWithoutProperties(_ref, ["color"]);
30
+ others = _objectWithoutProperties(_ref, _excluded);
30
31
 
31
32
  return ___EmotionJSX(IconButton, _extends({
32
33
  "aria-label": "Close"
@@ -3,6 +3,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
3
3
  import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
4
4
  import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
5
5
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
6
+ var _excluded = ["items", "onClose"];
6
7
  import React, { forwardRef } from 'react';
7
8
  import PropTypes from 'prop-types';
8
9
  import { useListState } from '@react-stately/list';
@@ -15,7 +16,7 @@ var Messages = /*#__PURE__*/forwardRef(function (props, ref) {
15
16
 
16
17
  var items = props.items,
17
18
  onClose = props.onClose,
18
- others = _objectWithoutProperties(props, ["items", "onClose"]);
19
+ others = _objectWithoutProperties(props, _excluded);
19
20
 
20
21
  var state = useListState(props);
21
22
  return ___EmotionJSX(Box, _extends({
@@ -8,9 +8,9 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
8
8
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
9
9
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
10
10
 
11
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
11
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
12
 
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
14
14
 
15
15
  import { messagesReducer as messagesReducerCore, multiMessagesReducer as multiMessagesReducerCore } from './utils';
16
16
  export var messagesReducer = messagesReducerCore;
@@ -14,9 +14,9 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
14
14
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
15
15
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
16
16
 
17
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
17
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
18
18
 
19
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
19
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
20
20
 
21
21
  import React, { useEffect, useReducer, useState } from 'react';
22
22
  import { Item } from '@react-stately/collections';
@@ -11,9 +11,9 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
11
11
  import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
12
12
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
13
13
 
14
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
14
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
15
 
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
17
17
 
18
18
  import { v4 as uuid } from 'uuid';
19
19
  /**
@@ -9,10 +9,11 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
9
9
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
10
  import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
11
11
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
12
+ var _excluded = ["container"];
12
13
 
13
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
14
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
15
 
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
16
17
 
17
18
  import { v4 as uuid } from 'uuid';
18
19
  import messagesReducer, { addMessage as addMessageSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle, clearMessages as clearMessagesSingle } from './messagesReducer';
@@ -82,7 +83,7 @@ var multiMessagesReducer = function multiMessagesReducer() {
82
83
 
83
84
  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
84
85
  container = _ref.container,
85
- action = _objectWithoutProperties(_ref, ["container"]);
86
+ action = _objectWithoutProperties(_ref, _excluded);
86
87
 
87
88
  return container ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], action))) : state;
88
89
  };
@@ -9,10 +9,11 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
9
9
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
10
10
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
11
11
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
12
+ var _excluded = ["className", "closeButton", "hasCloseButton", "id", "isClosedOnBlur", "isDismissable", "isKeyboardDismissDisabled", "isOpen", "role", "title", "onClose", "shouldCloseOnInteractOutside", "children", "contentProps", "containerProps"];
12
13
 
13
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
14
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
15
 
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
16
17
 
17
18
  import React, { forwardRef, useRef, useImperativeHandle } from 'react';
18
19
  import PropTypes from 'prop-types';
@@ -42,7 +43,7 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
42
43
  children = props.children,
43
44
  propsContentProps = props.contentProps,
44
45
  containerProps = props.containerProps,
45
- others = _objectWithoutProperties(props, ["className", "closeButton", "hasCloseButton", "id", "isClosedOnBlur", "isDismissable", "isKeyboardDismissDisabled", "isOpen", "role", "title", "onClose", "shouldCloseOnInteractOutside", "children", "contentProps", "containerProps"]);
46
+ others = _objectWithoutProperties(props, _excluded);
46
47
 
47
48
  var contentProps = _objectSpread({
48
49
  id: id,
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
3
+ var _excluded = ["selectedFilterCount", "className", "closeAriaLabel", "children", "isDefaultOpen", "isOpen", "items", "listTitle", "onOpenChange", "onSelectionChange", "openAriaLabel"];
3
4
  import React, { forwardRef } from 'react';
4
5
  import PropTypes from 'prop-types';
5
6
  import { useFocusRing } from '@react-aria/focus';
@@ -26,7 +27,7 @@ var MultiselectFilter = /*#__PURE__*/forwardRef(function (props, ref) {
26
27
  onOpenChange = props.onOpenChange,
27
28
  onSelectionChange = props.onSelectionChange,
28
29
  openAriaLabel = props.openAriaLabel,
29
- others = _objectWithoutProperties(props, ["selectedFilterCount", "className", "closeAriaLabel", "children", "isDefaultOpen", "isOpen", "items", "listTitle", "onOpenChange", "onSelectionChange", "openAriaLabel"]);
30
+ others = _objectWithoutProperties(props, _excluded);
30
31
 
31
32
  var _useFocusRing = useFocusRing({
32
33
  within: true
@@ -5,7 +5,7 @@ import Clear from 'mdi-react/CloseIcon';
5
5
  import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
6
6
  import FilterIcon from 'mdi-react/FilterIcon';
7
7
  import SearchIcon from 'mdi-react/SearchIcon';
8
- import PersonIcon from 'mdi-react/PersonIcon';
8
+ import AccountIcon from 'mdi-react/AccountIcon';
9
9
  import MultiselectFilter from './MultiselectFilter';
10
10
  import { useOverlayPanelState } from '../../hooks';
11
11
  import { Breadcrumbs, Box, Button, Chip, ListView, Item, Icon, IconButton, MultiselectFilterItem, OverlayPanel, OverlayProvider, SearchField, Text } from '../../index';
@@ -149,7 +149,7 @@ export var MultiselectWithBadge = function MultiselectWithBadge(args) {
149
149
  }, ___EmotionJSX(Box, {
150
150
  isRow: true
151
151
  }, ___EmotionJSX(Icon, {
152
- icon: PersonIcon,
152
+ icon: AccountIcon,
153
153
  alignSelf: "center",
154
154
  mr: "md",
155
155
  color: "accent.40",
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
3
+ var _excluded = ["selectedFilterCount"];
3
4
  import React from 'react';
4
5
  import PropTypes from 'prop-types';
5
6
  import Chip from '../Chip';
@@ -11,7 +12,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
11
12
 
12
13
  var MultiselectBadge = function MultiselectBadge(props) {
13
14
  var selectedFilterCount = props.selectedFilterCount,
14
- others = _objectWithoutProperties(props, ["selectedFilterCount"]);
15
+ others = _objectWithoutProperties(props, _excluded);
15
16
 
16
17
  return ___EmotionJSX(Chip, _extends({
17
18
  as: "span",
@@ -9,10 +9,11 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
9
9
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
10
10
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
11
11
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
12
+ var _excluded = ["selectedFilterCount", "className", "children", "closeAriaLabel", "isDefaultOpen", "isOpen", "onOpenChange", "openAriaLabel"];
12
13
 
13
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
14
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
15
 
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
16
17
 
17
18
  import React, { forwardRef } from 'react';
18
19
  import PropTypes from 'prop-types';
@@ -37,7 +38,7 @@ var MultiselectListContainer = /*#__PURE__*/forwardRef(function (props, ref) {
37
38
  isOpen = props.isOpen,
38
39
  onOpenChange = props.onOpenChange,
39
40
  openAriaLabel = props.openAriaLabel,
40
- others = _objectWithoutProperties(props, ["selectedFilterCount", "className", "children", "closeAriaLabel", "isDefaultOpen", "isOpen", "onOpenChange", "openAriaLabel"]);
41
+ others = _objectWithoutProperties(props, _excluded);
41
42
 
42
43
  var triggerRef = React.useRef();
43
44
  var state = useOverlayTriggerState({
@@ -15,9 +15,9 @@ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/ins
15
15
  import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
16
16
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
17
17
 
18
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
18
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
19
 
20
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context7; _forEachInstanceProperty(_context7 = ownKeys(Object(source), true)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context8; _forEachInstanceProperty(_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
20
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
21
21
 
22
22
  import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
23
23
  import PropTypes from 'prop-types';
@@ -17,17 +17,25 @@ import Box from '../Box/Box';
17
17
  import { jsx as ___EmotionJSX } from "@emotion/react";
18
18
 
19
19
  var NavBar = function NavBar(props) {
20
- var defaultSelectedKeys = props.defaultSelectedKeys;
20
+ var defaultSelectedKey = props.defaultSelectedKey,
21
+ defaultExpandedKeys = props.defaultExpandedKeys;
21
22
 
22
- var _useState = useState(defaultSelectedKeys),
23
+ var _useState = useState(defaultSelectedKey),
23
24
  _useState2 = _slicedToArray(_useState, 2),
24
- selectedKeys = _useState2[0],
25
- setSelectedKeys = _useState2[1];
25
+ selectedKey = _useState2[0],
26
+ setSelectedKey = _useState2[1];
27
+
28
+ var _useState3 = useState(defaultExpandedKeys),
29
+ _useState4 = _slicedToArray(_useState3, 2),
30
+ expandedKeys = _useState4[0],
31
+ setExpandedKeys = _useState4[1];
26
32
 
27
33
  return ___EmotionJSX(NavBarContext.Provider, {
28
34
  value: {
29
- selectedKeys: selectedKeys,
30
- setSelectedKeys: setSelectedKeys
35
+ selectedKey: selectedKey,
36
+ setSelectedKey: setSelectedKey,
37
+ expandedKeys: expandedKeys,
38
+ setExpandedKeys: setExpandedKeys
31
39
  }
32
40
  }, ___EmotionJSX(Box, {
33
41
  variant: "navBar.container",
@@ -37,9 +45,13 @@ var NavBar = function NavBar(props) {
37
45
  };
38
46
 
39
47
  NavBar.propTypes = {
40
- defaultSelectedKeys: isIterableProp
48
+ /** The initial selected key in the collection (uncontrolled). */
49
+ defaultSelectedKey: isIterableProp,
50
+
51
+ /** The initial expanded keys in the collection (uncontrolled). */
52
+ defaultExpandedKeys: isIterableProp
41
53
  };
42
54
  NavBar.defaultProps = {
43
- defaultSelectedKeys: []
55
+ defaultSelectedKey: []
44
56
  };
45
57
  export default NavBar;
@@ -228,7 +228,7 @@ var thirdData = [{
228
228
  }];
229
229
  export var Default = function Default() {
230
230
  return ___EmotionJSX(NavBar, {
231
- defaultSelectedKeys: ['Dashboard Link Group']
231
+ defaultSelectedKey: "Dashboard Link Group"
232
232
  }, ___EmotionJSX(Box, {
233
233
  padding: "md"
234
234
  }, ___EmotionJSX(Link, {
@@ -237,7 +237,8 @@ export var Default = function Default() {
237
237
  "aria-label": "home link"
238
238
  }, logo)), ___EmotionJSX(Separator, {
239
239
  marginTop: "lg",
240
- marginBottom: "sm"
240
+ marginBottom: "sm",
241
+ backgroundColor: "neutral.60"
241
242
  }), ___EmotionJSX(Box, {
242
243
  variant: "navBar.sectionContainer",
243
244
  paddingBottom: "xl"
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
- import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
3
2
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
4
3
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
4
+ var _excluded = ["icon", "text", "className", "id", "onPress"];
5
5
  import React, { useRef, forwardRef, useImperativeHandle } from 'react';
6
6
  import PropTypes from 'prop-types';
7
7
  import { useHover, usePress } from '@react-aria/interactions';
@@ -12,14 +12,14 @@ import { useStatusClasses, useNavBarPress } from '../../hooks';
12
12
  import { useNavBarContext } from '../../context/NavBarContext';
13
13
  import { jsx as ___EmotionJSX } from "@emotion/react";
14
14
  var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
15
- var _context, _context2;
15
+ var _context;
16
16
 
17
17
  var icon = props.icon,
18
18
  text = props.text,
19
19
  className = props.className,
20
20
  key = props.id,
21
21
  onPressCallback = props.onPress,
22
- others = _objectWithoutProperties(props, ["icon", "text", "className", "id", "onPress"]);
22
+ others = _objectWithoutProperties(props, _excluded);
23
23
 
24
24
  var navItemRef = useRef();
25
25
  /* istanbul ignore next */
@@ -43,7 +43,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
43
43
 
44
44
  var state = useNavBarContext();
45
45
 
46
- var isSelected = _includesInstanceProperty(_context = state.selectedKeys).call(_context, key);
46
+ var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
47
47
 
48
48
  var _useNavBarPress = useNavBarPress({
49
49
  key: key,
@@ -58,7 +58,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
58
58
  pressProps = _usePress.pressProps,
59
59
  isPressed = _usePress.isPressed;
60
60
 
61
- var mergedProps = mergeProps.apply(void 0, _concatInstanceProperty(_context2 = [pressProps, hoverProps, focusWithinProps, focusProps]).call(_context2, others));
61
+ var mergedProps = mergeProps(pressProps, hoverProps, focusWithinProps, focusProps, others);
62
62
 
63
63
  var _useStatusClasses = useStatusClasses(className, {
64
64
  isPressed: isPressed,
@@ -10,10 +10,11 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
10
10
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
11
11
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
12
12
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
13
+ var _excluded = ["className", "id", "onPress", "sx"];
13
14
 
14
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
15
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
16
 
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
17
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
17
18
 
18
19
  import React from 'react';
19
20
  import PropTypes from 'prop-types';
@@ -29,11 +30,11 @@ var NavBarItemButton = function NavBarItemButton(props) {
29
30
  key = props.id,
30
31
  onPressCallback = props.onPress,
31
32
  sx = props.sx,
32
- others = _objectWithoutProperties(props, ["className", "id", "onPress", "sx"]);
33
+ others = _objectWithoutProperties(props, _excluded);
33
34
 
34
35
  var state = useNavBarContext();
35
36
 
36
- var isSelected = _includesInstanceProperty(_context = state.selectedKeys).call(_context, key);
37
+ var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
37
38
 
38
39
  var _useNavBarPress = useNavBarPress({
39
40
  key: key,
@@ -1,13 +1,43 @@
1
- import React from 'react';
1
+ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
2
+ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
3
+ import React, { useContext } from 'react';
2
4
  import PropTypes from 'prop-types';
5
+ import MenuDown from 'mdi-react/MenuDownIcon';
6
+ import MenuUp from 'mdi-react/MenuUpIcon';
3
7
  import { Box, Icon, Text } from '../../index';
8
+ import { AccordionGridContext } from '../../context/AccordionGridContext';
9
+ import { NavBarContext } from '../../context/NavBarContext';
10
+ import { useStatusClasses } from '../../hooks';
4
11
  import { jsx as ___EmotionJSX } from "@emotion/react";
5
12
 
6
13
  var NavBarItemHeader = function NavBarItemHeader(props) {
14
+ var _state$selectionManag, _context;
15
+
7
16
  var item = props.item;
8
- var icon = item.icon;
17
+ var icon = item.icon,
18
+ key = item.key,
19
+ className = item.className;
20
+
21
+ var _useContext = useContext(AccordionGridContext),
22
+ state = _useContext.state;
23
+
24
+ var navState = useContext(NavBarContext);
25
+ var isExpanded = (_state$selectionManag = state.selectionManager.selectedKeys) === null || _state$selectionManag === void 0 ? void 0 : _state$selectionManag.has(key);
26
+
27
+ var array = _mapInstanceProperty(_context = item.children).call(_context, function (i) {
28
+ return i.key;
29
+ });
30
+
31
+ var childSelected = _includesInstanceProperty(array).call(array, navState.selectedKey);
32
+
33
+ var _useStatusClasses = useStatusClasses(className, {
34
+ isSelected: childSelected && !isExpanded
35
+ }),
36
+ classNames = _useStatusClasses.classNames;
37
+
9
38
  return ___EmotionJSX(Box, {
10
39
  variant: "navBar.itemHeaderContainer",
40
+ className: classNames,
11
41
  isRow: true
12
42
  }, icon && ___EmotionJSX(Icon, {
13
43
  icon: icon,
@@ -19,13 +49,25 @@ var NavBarItemHeader = function NavBarItemHeader(props) {
19
49
  }
20
50
  }), ___EmotionJSX(Text, {
21
51
  variant: "navBarHeaderText"
22
- }, props.item.heading));
52
+ }, props.item.heading), ___EmotionJSX(Box, {
53
+ isRow: true,
54
+ alignItems: "center",
55
+ sx: {
56
+ ml: 'auto'
57
+ }
58
+ }, ___EmotionJSX(Icon, {
59
+ icon: isExpanded ? MenuUp : MenuDown,
60
+ size: 20
61
+ })));
23
62
  };
24
63
 
25
64
  NavBarItemHeader.propTypes = {
26
65
  item: PropTypes.shape({
27
66
  heading: PropTypes.string,
28
- icon: PropTypes.elementType
67
+ icon: PropTypes.elementType,
68
+ className: PropTypes.string,
69
+ children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
70
+ key: PropTypes.string
29
71
  })
30
72
  };
31
73
  export default NavBarItemHeader;
@@ -10,10 +10,11 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
10
10
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
11
11
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
12
12
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
13
+ var _excluded = ["className", "id", "onPress"];
13
14
 
14
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
15
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
16
 
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
17
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
17
18
 
18
19
  import React from 'react';
19
20
  import PropTypes from 'prop-types';
@@ -28,11 +29,11 @@ var NavBarItemLink = function NavBarItemLink(props) {
28
29
  var className = props.className,
29
30
  key = props.id,
30
31
  onPressCallback = props.onPress,
31
- others = _objectWithoutProperties(props, ["className", "id", "onPress"]);
32
+ others = _objectWithoutProperties(props, _excluded);
32
33
 
33
34
  var state = useNavBarContext();
34
35
 
35
- var isSelected = _includesInstanceProperty(_context = state.selectedKeys).call(_context, key);
36
+ var isSelected = _includesInstanceProperty(_context = state.selectedKey).call(_context, key);
36
37
 
37
38
  var _useNavBarPress = useNavBarPress({
38
39
  key: key,
@@ -25,7 +25,8 @@ var NavBarSection = function NavBarSection(props) {
25
25
  }, function (item) {
26
26
  return ___EmotionJSX(Item, {
27
27
  headerProps: {
28
- variant: 'accordion.accordionGridHeaderNav'
28
+ variant: 'accordion.accordionGridHeaderNav',
29
+ hasCaret: false
29
30
  },
30
31
  bodyProps: {
31
32
  variant: 'navBar.sectionBody'
@@ -40,7 +41,9 @@ var NavBarSection = function NavBarSection(props) {
40
41
  sx: {
41
42
  pl: '15px',
42
43
  pr: '15px',
43
- my: '10px'
44
+ my: '10px',
45
+ mt: '15px',
46
+ mb: '15px'
44
47
  }
45
48
  }, ___EmotionJSX(Separator, {
46
49
  variant: "separator.navBarSeparator"
@@ -7,12 +7,13 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
7
7
  import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
8
8
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
9
9
  import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
10
+ import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
10
11
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
11
12
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
12
13
 
13
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
14
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
15
 
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
16
17
 
17
18
  import React, { forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
18
19
  import PropTypes from 'prop-types';
@@ -105,6 +106,33 @@ var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
105
106
  onBlur: onInputBlur
106
107
  });
107
108
  }, [fieldControlProps, onInputBlur, onInputFocus]);
109
+
110
+ var onInputChange = function onInputChange(e) {
111
+ var _context;
112
+
113
+ var minValue = props.minValue;
114
+
115
+ var trimmedInputValue = _trimInstanceProperty(_context = e.target.value).call(_context);
116
+
117
+ var trimmedValueEvent = _objectSpread(_objectSpread({}, e), {}, {
118
+ target: _objectSpread(_objectSpread({}, e.target), {}, {
119
+ value: trimmedInputValue
120
+ })
121
+ });
122
+
123
+ if (!trimmedInputValue && typeof minValue !== 'undefined') {
124
+ var minValueEvent = _objectSpread(_objectSpread({}, e), {}, {
125
+ target: _objectSpread(_objectSpread({}, e.target), {}, {
126
+ value: minValue.toString()
127
+ })
128
+ });
129
+
130
+ inputProps.onChange(minValueEvent);
131
+ } else {
132
+ inputProps.onChange(trimmedValueEvent);
133
+ }
134
+ };
135
+
108
136
  return ___EmotionJSX(Box, fieldContainerProps, ___EmotionJSX(Label, mergeProps(fieldLabelProps, labelProps)), ___EmotionJSX(Box, _extends({
109
137
  variant: "numberField.noDefaultArrows"
110
138
  }, groupProps), ___EmotionJSX(Box, {
@@ -115,7 +143,9 @@ var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
115
143
  ref: inputRef // we don't want to merge this props, we want to
116
144
  // overwrite them like defaultValue, value, ect.
117
145
 
118
- }, updatedFieldControlProps, omit(inputProps, ['name', 'onFocus', 'onBlur']))), ControlArrows), helperText && ___EmotionJSX(FieldHelperText, {
146
+ }, updatedFieldControlProps, omit(inputProps, ['name', 'onFocus', 'onBlur']), {
147
+ onChange: onInputChange
148
+ })), ControlArrows), helperText && ___EmotionJSX(FieldHelperText, {
119
149
  status: status
120
150
  }, helperText)));
121
151
  });