@astral/ui 1.16.2 → 1.17.0

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 (422) hide show
  1. package/ActionCell/ActionCell.js +19 -39
  2. package/ActionCell/styles.js +5 -7
  3. package/Alert/Alert.js +11 -22
  4. package/Alert/styles.js +17 -20
  5. package/Autocomplete/Autocomplete.js +23 -34
  6. package/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js +11 -12
  7. package/BackdropStack/services/BackdropStackManager/BackdropStackManager.js +17 -19
  8. package/Badge/Badge.js +5 -16
  9. package/Badge/styled.d.ts +2 -16
  10. package/Badge/styled.js +26 -31
  11. package/Button/Button.js +10 -21
  12. package/Button/styles.js +16 -22
  13. package/ButtonBase/ButtonBase.js +7 -18
  14. package/ButtonBase/styles.d.ts +3 -3
  15. package/ButtonBase/styles.js +68 -73
  16. package/Checkbox/Checkbox.js +6 -17
  17. package/Checkbox/icons.js +8 -19
  18. package/Checkbox/styled.js +47 -32
  19. package/Chevron/Chevron.js +3 -14
  20. package/Chevron/styles.js +11 -18
  21. package/CircularProgress/CircularProgress.js +7 -18
  22. package/CircularProgress/CircularProgressStory.js +4 -4
  23. package/CircularProgress/CircularProgressStoryTemplate.js +4 -15
  24. package/Collapse/Collapse.js +1 -1
  25. package/ConfigProvider/ConfigProvider.js +7 -19
  26. package/ContentState/ContentState.d.ts +1 -1
  27. package/ContentState/ContentState.js +12 -24
  28. package/ContentState/styles.js +8 -7
  29. package/DashboardLayout/DashboardLayout.js +7 -7
  30. package/DashboardLayout/DashboardLayoutStory.js +5 -16
  31. package/DashboardLayout/DashboardLayoutStoryTemplate.js +4 -15
  32. package/DashboardLayout/Header/Header.js +9 -20
  33. package/DashboardLayout/Header/styles.js +17 -20
  34. package/DashboardLayout/Main/Main.js +5 -17
  35. package/DashboardLayout/Main/styled.js +7 -7
  36. package/DashboardLayout/Sidebar/Sidebar.js +13 -24
  37. package/DashboardLayout/Sidebar/SidebarNav/SidebarNav.js +5 -16
  38. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.js +7 -18
  39. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.js +13 -11
  40. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.js +8 -19
  41. package/DashboardLayout/Sidebar/SidebarToggler/styled.js +11 -12
  42. package/DashboardLayout/Sidebar/styles.js +16 -24
  43. package/DashboardLayout/styles.js +11 -9
  44. package/DataGrid/DataGrid.js +25 -50
  45. package/DataGrid/DataGridBody/DataGridBody.d.ts +2 -2
  46. package/DataGrid/DataGridBody/DataGridBody.js +19 -31
  47. package/DataGrid/DataGridBody/styles.js +9 -13
  48. package/DataGrid/DataGridCell/DataGridCell.d.ts +2 -2
  49. package/DataGrid/DataGridCell/DataGridCell.js +7 -19
  50. package/DataGrid/DataGridHead/DataGridHead.d.ts +2 -2
  51. package/DataGrid/DataGridHead/DataGridHead.js +15 -28
  52. package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +9 -21
  53. package/DataGrid/DataGridHeadColumn/styles.js +23 -23
  54. package/DataGrid/DataGridLoader/DataGridLoader.js +3 -4
  55. package/DataGrid/DataGridLoader/styles.js +22 -15
  56. package/DataGrid/DataGridNoData/DataGridNoData.js +5 -17
  57. package/DataGrid/DataGridNoData/styles.js +29 -17
  58. package/DataGrid/styles.js +12 -13
  59. package/DataGrid/types.d.ts +1 -1
  60. package/DataGridPagination/DataGridPagination.js +11 -22
  61. package/DataGridPagination/styles.js +11 -15
  62. package/DatePicker/DatePicker.js +22 -33
  63. package/DatePicker/DatePickerDay/DatePickerDay.js +4 -15
  64. package/DatePicker/DatePickerDay/styled.js +6 -8
  65. package/DatePicker/DatePickerHeader/DatePickerHeader.js +12 -23
  66. package/DatePicker/DatePickerHeader/styled.js +10 -9
  67. package/DatePicker/styled.js +94 -70
  68. package/DatePickerProvider/DatePickerProvider.js +4 -4
  69. package/Description/Description.js +5 -6
  70. package/Description/Name/Name.js +5 -16
  71. package/Description/Value/Value.js +6 -17
  72. package/Description/styles.js +14 -13
  73. package/Dialog/Dialog.js +8 -19
  74. package/DialogActions/DialogActions.js +6 -17
  75. package/DialogTitle/DialogTitle.js +8 -19
  76. package/Divider/Divider.js +1 -1
  77. package/DropdownButton/DropdownButton.js +11 -22
  78. package/ErrorBoundary/ErrorBoundary.js +19 -48
  79. package/Fab/Fab.js +7 -18
  80. package/Fab/styles.js +33 -37
  81. package/Fade/Fade.js +1 -1
  82. package/FormControlLabel/FormControlLabel.js +4 -15
  83. package/FormControlLabel/styled.js +10 -11
  84. package/FormHelperText/FormHelperText.js +6 -6
  85. package/FormHelperText/styled.js +16 -18
  86. package/GlobalStyles/GlobalStyles.js +12 -25
  87. package/Grid/Grid.js +5 -16
  88. package/Grid/styled.js +5 -11
  89. package/Grow/Grow.js +1 -1
  90. package/IconButton/IconButton.js +6 -17
  91. package/IconButton/styles.js +15 -21
  92. package/IconDropdownButton/IconDropdownButton.js +10 -21
  93. package/List/List.js +4 -15
  94. package/ListItem/ListItem.js +4 -15
  95. package/ListItem/styles.js +19 -32
  96. package/ListItemAvatar/ListItemAvatar.js +1 -1
  97. package/ListItemButton/ListItemButton.js +5 -16
  98. package/ListItemIcon/ListItemIcon.js +5 -16
  99. package/ListItemIcon/styled.js +5 -11
  100. package/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  101. package/ListItemText/ListItemText.js +4 -15
  102. package/ListSubheader/ListSubheader.js +1 -1
  103. package/LocalizationProvider/LocalizationProvider.js +6 -18
  104. package/MaskField/MaskField.js +12 -23
  105. package/Menu/Menu.js +1 -1
  106. package/MenuGroup/MenuGroup.js +7 -18
  107. package/MenuGroup/stories/Icons.js +8 -19
  108. package/MenuGroup/stories/styled.js +12 -17
  109. package/MenuGroup/styled.js +14 -21
  110. package/MenuItem/MenuItem.js +5 -16
  111. package/MenuItem/styled.js +5 -11
  112. package/MenuList/MenuList.js +5 -16
  113. package/MenuList/styled.js +10 -17
  114. package/NavMenu/NavMenu.js +7 -18
  115. package/NavMenu/NavMenuItem/NavMenuItem.js +13 -25
  116. package/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js +8 -19
  117. package/NavMenu/NavMenuItem/NavMenuItemButton/styles.js +29 -30
  118. package/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.js +8 -19
  119. package/Notification/Notification.js +6 -37
  120. package/Notification/NotificationContainer/NotificationContainer.js +7 -18
  121. package/Notification/NotificationContainer/styled.js +16 -7
  122. package/Notification/NotificationTemplate/NotificationTemplate.js +10 -22
  123. package/Notification/NotificationTemplate/styled.js +51 -51
  124. package/Notification/NotificationTemplate/utils/getActionsDirection/getActionsDirection.js +2 -2
  125. package/Notification/NotificationTemplate/utils/getNotificationTemplateStyles/getNotificationTemplateStyles.js +3 -3
  126. package/Notification/constants/notificationVariant.js +7 -18
  127. package/Notification/constants/positions.js +1 -1
  128. package/Notification/styled.js +18 -27
  129. package/Notification/utils/getNotificationIconByVariant/getNotificationIconByVariant.js +5 -6
  130. package/Notification/utils/notificationTemplatePropsCreator/notificationTemplatePropsCreator.js +2 -13
  131. package/OverflowTypography/OverflowTypography.js +13 -22
  132. package/OverflowTypography/hooks/useOverflowed/useOverflowed.js +13 -16
  133. package/OverflowTypography/styles.js +14 -12
  134. package/Pagination/Pagination.js +4 -15
  135. package/Placeholder/Placeholder.d.ts +9 -1
  136. package/Placeholder/Placeholder.js +4 -16
  137. package/Placeholder/styles.js +70 -76
  138. package/Product/Product.js +6 -17
  139. package/Profile/Profile.js +10 -21
  140. package/Profile/styled.js +32 -36
  141. package/Radio/Icon.js +6 -17
  142. package/Radio/Radio.d.ts +1 -1
  143. package/Radio/Radio.js +7 -18
  144. package/Radio/styled.js +43 -32
  145. package/Select/Select.js +16 -26
  146. package/Select/styled.js +36 -31
  147. package/SideDialog/SideDialog.js +6 -17
  148. package/SideDialog/styled.js +8 -8
  149. package/Slide/Slide.js +1 -1
  150. package/SwipeableDrawer/SwipeableDrawer.js +5 -16
  151. package/SwipeableDrawer/styles.js +73 -78
  152. package/Tab/Tab.js +1 -1
  153. package/Table/Table.js +5 -16
  154. package/Table/TableBody/TableBody.js +1 -1
  155. package/Table/TableCell/TableCell.js +1 -1
  156. package/Table/TableContainer/TableContainer.js +1 -1
  157. package/Table/TableFooter/TableFooter.js +1 -1
  158. package/Table/TableHead/TableHead.js +1 -1
  159. package/Table/TableRow/TableRow.js +1 -1
  160. package/Table/TableSortLabel/TableSortLabel.js +1 -1
  161. package/Tabs/Tabs.js +1 -1
  162. package/Tag/Tag.js +7 -18
  163. package/Tag/styled.js +84 -60
  164. package/TextArea/TextArea.js +6 -17
  165. package/TextField/TextField.js +11 -22
  166. package/ThemeProvider/ThemeProvider.js +7 -18
  167. package/Tooltip/Tooltip.js +7 -18
  168. package/Tooltip/styled.js +43 -58
  169. package/Typography/Typography.js +8 -19
  170. package/Zoom/Zoom.js +1 -1
  171. package/esm/ActionCell/ActionCell.js +11 -31
  172. package/esm/ActionCell/styles.js +4 -6
  173. package/esm/Alert/Alert.js +4 -15
  174. package/esm/Alert/styles.js +15 -18
  175. package/esm/Autocomplete/Autocomplete.js +12 -23
  176. package/esm/Autocomplete/constants.js +1 -1
  177. package/esm/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js +8 -9
  178. package/esm/BackdropStack/services/BackdropStackManager/BackdropStackManager.js +17 -19
  179. package/esm/Badge/Badge.js +3 -14
  180. package/esm/Badge/styled.d.ts +2 -16
  181. package/esm/Badge/styled.js +25 -30
  182. package/esm/Button/Button.js +4 -15
  183. package/esm/Button/styles.js +13 -19
  184. package/esm/ButtonBase/ButtonBase.js +3 -14
  185. package/esm/ButtonBase/styles.d.ts +3 -3
  186. package/esm/ButtonBase/styles.js +66 -71
  187. package/esm/Checkbox/Checkbox.js +3 -14
  188. package/esm/Checkbox/icons.js +6 -17
  189. package/esm/Checkbox/styled.js +45 -30
  190. package/esm/Chevron/Chevron.js +1 -12
  191. package/esm/Chevron/styles.js +10 -17
  192. package/esm/CircularProgress/CircularProgress.js +4 -15
  193. package/esm/CircularProgress/CircularProgressStory.js +2 -2
  194. package/esm/CircularProgress/CircularProgressStoryTemplate.js +2 -13
  195. package/esm/ConfigProvider/ConfigProvider.js +5 -17
  196. package/esm/ContentState/ContentState.d.ts +1 -1
  197. package/esm/ContentState/ContentState.js +6 -18
  198. package/esm/ContentState/styles.js +7 -6
  199. package/esm/DashboardLayout/DashboardLayout.js +2 -2
  200. package/esm/DashboardLayout/DashboardLayoutStory.js +3 -14
  201. package/esm/DashboardLayout/DashboardLayoutStoryTemplate.js +2 -13
  202. package/esm/DashboardLayout/Header/Header.js +4 -15
  203. package/esm/DashboardLayout/Header/styles.js +16 -19
  204. package/esm/DashboardLayout/Main/Main.js +2 -14
  205. package/esm/DashboardLayout/Main/styled.js +6 -6
  206. package/esm/DashboardLayout/Sidebar/Sidebar.js +6 -17
  207. package/esm/DashboardLayout/Sidebar/SidebarNav/SidebarNav.js +3 -14
  208. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.js +3 -14
  209. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.js +11 -9
  210. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.js +4 -15
  211. package/esm/DashboardLayout/Sidebar/SidebarToggler/styled.js +9 -10
  212. package/esm/DashboardLayout/Sidebar/styles.js +15 -23
  213. package/esm/DashboardLayout/styles.js +10 -8
  214. package/esm/DataGrid/DataGrid.js +17 -42
  215. package/esm/DataGrid/DataGridBody/DataGridBody.d.ts +2 -2
  216. package/esm/DataGrid/DataGridBody/DataGridBody.js +13 -25
  217. package/esm/DataGrid/DataGridBody/styles.js +8 -12
  218. package/esm/DataGrid/DataGridCell/DataGridCell.d.ts +2 -2
  219. package/esm/DataGrid/DataGridCell/DataGridCell.js +3 -15
  220. package/esm/DataGrid/DataGridHead/DataGridHead.d.ts +2 -2
  221. package/esm/DataGrid/DataGridHead/DataGridHead.js +8 -21
  222. package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +4 -16
  223. package/esm/DataGrid/DataGridHeadColumn/styles.js +21 -21
  224. package/esm/DataGrid/DataGridLoader/DataGridLoader.js +1 -2
  225. package/esm/DataGrid/DataGridLoader/styles.js +19 -12
  226. package/esm/DataGrid/DataGridNoData/DataGridNoData.js +3 -15
  227. package/esm/DataGrid/DataGridNoData/styles.js +27 -15
  228. package/esm/DataGrid/styles.js +11 -12
  229. package/esm/DataGrid/types.d.ts +1 -1
  230. package/esm/DataGridPagination/DataGridPagination.js +7 -18
  231. package/esm/DataGridPagination/styles.js +9 -13
  232. package/esm/DatePicker/DatePicker.js +11 -22
  233. package/esm/DatePicker/DatePickerDay/DatePickerDay.js +2 -13
  234. package/esm/DatePicker/DatePickerDay/styled.js +4 -6
  235. package/esm/DatePicker/DatePickerHeader/DatePickerHeader.js +5 -16
  236. package/esm/DatePicker/DatePickerHeader/styled.js +8 -7
  237. package/esm/DatePicker/styled.js +93 -69
  238. package/esm/DatePickerProvider/DatePickerProvider.js +2 -2
  239. package/esm/Description/Description.js +1 -2
  240. package/esm/Description/Name/Name.js +3 -14
  241. package/esm/Description/Value/Value.js +4 -15
  242. package/esm/Description/styles.js +13 -12
  243. package/esm/Dialog/Dialog.js +5 -16
  244. package/esm/DialogActions/DialogActions.js +3 -14
  245. package/esm/DialogTitle/DialogTitle.js +4 -15
  246. package/esm/DropdownButton/DropdownButton.js +4 -15
  247. package/esm/ErrorBoundary/ErrorBoundary.js +14 -43
  248. package/esm/Fab/Fab.js +3 -14
  249. package/esm/Fab/styles.js +31 -35
  250. package/esm/FormControlLabel/FormControlLabel.js +2 -13
  251. package/esm/FormControlLabel/styled.js +8 -9
  252. package/esm/FormHelperText/FormHelperText.js +3 -3
  253. package/esm/FormHelperText/styled.js +14 -16
  254. package/esm/GlobalStyles/GlobalStyles.js +8 -21
  255. package/esm/Grid/Grid.js +3 -14
  256. package/esm/Grid/styled.js +3 -9
  257. package/esm/IconButton/IconButton.js +3 -14
  258. package/esm/IconButton/styles.js +14 -20
  259. package/esm/IconDropdownButton/IconDropdownButton.js +4 -15
  260. package/esm/List/List.js +2 -13
  261. package/esm/ListItem/ListItem.js +2 -13
  262. package/esm/ListItem/styles.js +17 -30
  263. package/esm/ListItemButton/ListItemButton.js +2 -13
  264. package/esm/ListItemIcon/ListItemIcon.js +2 -13
  265. package/esm/ListItemIcon/styled.js +3 -9
  266. package/esm/ListItemText/ListItemText.js +2 -13
  267. package/esm/LocalizationProvider/LocalizationProvider.js +2 -14
  268. package/esm/MaskField/MaskField.js +9 -20
  269. package/esm/MenuGroup/MenuGroup.js +4 -15
  270. package/esm/MenuGroup/stories/Icons.js +7 -18
  271. package/esm/MenuGroup/stories/styled.js +9 -14
  272. package/esm/MenuGroup/styled.js +12 -19
  273. package/esm/MenuItem/MenuItem.js +3 -14
  274. package/esm/MenuItem/styled.js +3 -9
  275. package/esm/MenuList/MenuList.js +3 -14
  276. package/esm/MenuList/styled.js +8 -15
  277. package/esm/NavMenu/NavMenu.js +3 -14
  278. package/esm/NavMenu/NavMenuItem/NavMenuItem.js +8 -20
  279. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js +3 -14
  280. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/styles.js +25 -26
  281. package/esm/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.js +4 -15
  282. package/esm/Notification/Notification.js +5 -36
  283. package/esm/Notification/NotificationContainer/NotificationContainer.js +2 -13
  284. package/esm/Notification/NotificationContainer/styled.js +15 -6
  285. package/esm/Notification/NotificationTemplate/NotificationTemplate.js +6 -18
  286. package/esm/Notification/NotificationTemplate/styled.js +48 -48
  287. package/esm/Notification/NotificationTemplate/utils/getActionsDirection/getActionsDirection.js +2 -2
  288. package/esm/Notification/NotificationTemplate/utils/getNotificationTemplateStyles/getNotificationTemplateStyles.js +3 -3
  289. package/esm/Notification/constants/defaultNotificationProps.js +1 -1
  290. package/esm/Notification/constants/notificationVariant.js +5 -16
  291. package/esm/Notification/constants/positions.js +1 -1
  292. package/esm/Notification/styled.js +20 -29
  293. package/esm/Notification/utils/getNotificationIconByVariant/getNotificationIconByVariant.js +2 -3
  294. package/esm/Notification/utils/notificationTemplatePropsCreator/notificationTemplatePropsCreator.js +2 -13
  295. package/esm/OverflowTypography/OverflowTypography.js +9 -18
  296. package/esm/OverflowTypography/hooks/useOverflowed/useOverflowed.js +11 -14
  297. package/esm/OverflowTypography/styles.js +13 -11
  298. package/esm/Pagination/Pagination.js +2 -13
  299. package/esm/Placeholder/Placeholder.d.ts +9 -1
  300. package/esm/Placeholder/Placeholder.js +2 -14
  301. package/esm/Placeholder/styles.js +68 -74
  302. package/esm/Product/Product.js +3 -14
  303. package/esm/Profile/Profile.js +4 -15
  304. package/esm/Profile/styled.js +30 -34
  305. package/esm/Radio/Icon.js +4 -15
  306. package/esm/Radio/Radio.d.ts +1 -1
  307. package/esm/Radio/Radio.js +3 -14
  308. package/esm/Radio/styled.js +41 -30
  309. package/esm/Select/Select.js +8 -18
  310. package/esm/Select/styled.js +34 -29
  311. package/esm/SideDialog/SideDialog.js +3 -14
  312. package/esm/SideDialog/styled.js +6 -6
  313. package/esm/SwipeableDrawer/SwipeableDrawer.js +3 -14
  314. package/esm/SwipeableDrawer/styles.js +71 -76
  315. package/esm/Table/Table.js +3 -14
  316. package/esm/Tag/Tag.js +3 -14
  317. package/esm/Tag/styled.js +82 -58
  318. package/esm/TextArea/TextArea.js +3 -14
  319. package/esm/TextField/TextField.js +7 -18
  320. package/esm/ThemeProvider/ThemeProvider.js +3 -14
  321. package/esm/Tooltip/Tooltip.js +3 -14
  322. package/esm/Tooltip/styled.js +39 -54
  323. package/esm/Typography/Typography.js +4 -15
  324. package/esm/hooks/useMenu.js +7 -8
  325. package/esm/theme/baseTheme/baseTheme.js +7 -7
  326. package/esm/theme/baseTheme/baseTheme.test.js +12 -12
  327. package/esm/theme/breakpoints.js +1 -1
  328. package/esm/theme/components/MuiAlert.js +7 -12
  329. package/esm/theme/components/MuiAutocomplete.js +13 -20
  330. package/esm/theme/components/MuiButton.js +42 -43
  331. package/esm/theme/components/MuiButtonBase.js +1 -1
  332. package/esm/theme/components/MuiCircularProgress.js +3 -4
  333. package/esm/theme/components/MuiDialog.js +3 -5
  334. package/esm/theme/components/MuiDialogActions.js +2 -3
  335. package/esm/theme/components/MuiDialogContent.js +2 -3
  336. package/esm/theme/components/MuiDialogTitle.js +2 -3
  337. package/esm/theme/components/MuiFormHelperText.js +2 -3
  338. package/esm/theme/components/MuiFormLabel.js +2 -2
  339. package/esm/theme/components/MuiInputBase.js +2 -3
  340. package/esm/theme/components/MuiInputLabel.js +2 -3
  341. package/esm/theme/components/MuiListItemButton.js +2 -3
  342. package/esm/theme/components/MuiListItemText.js +2 -2
  343. package/esm/theme/components/MuiLoadingButton.js +10 -12
  344. package/esm/theme/components/MuiMenu.js +3 -5
  345. package/esm/theme/components/MuiMenuItem.js +2 -3
  346. package/esm/theme/components/MuiOutlinedInput.js +7 -12
  347. package/esm/theme/components/MuiPaginationItem.js +5 -7
  348. package/esm/theme/components/MuiTab.js +2 -3
  349. package/esm/theme/components/MuiTableCell.js +2 -2
  350. package/esm/theme/components/MuiTableHead.js +3 -4
  351. package/esm/theme/components/MuiTableRow.js +2 -3
  352. package/esm/theme/components/MuiTabs.js +3 -4
  353. package/esm/theme/components/MuiTypography.js +1 -1
  354. package/esm/theme/components/components.js +64 -35
  355. package/esm/theme/constants.js +1 -1
  356. package/esm/theme/elevation.js +1 -1
  357. package/esm/theme/hooks/useTheme/index.js +1 -1
  358. package/esm/theme/palette/brandPalette.js +16 -17
  359. package/esm/theme/palette/palette.js +3 -15
  360. package/esm/theme/shape.js +1 -1
  361. package/esm/theme/typography.js +4 -5
  362. package/hooks/useMenu.js +8 -9
  363. package/package.json +14 -14
  364. package/theme/baseTheme/baseTheme.js +14 -14
  365. package/theme/baseTheme/baseTheme.test.js +14 -14
  366. package/theme/components/MuiAlert.js +6 -11
  367. package/theme/components/MuiAutocomplete.js +13 -20
  368. package/theme/components/MuiButton.js +43 -44
  369. package/theme/components/MuiCircularProgress.js +2 -3
  370. package/theme/components/MuiDialog.js +2 -4
  371. package/theme/components/MuiDialogActions.js +1 -2
  372. package/theme/components/MuiDialogContent.js +1 -2
  373. package/theme/components/MuiDialogTitle.js +1 -2
  374. package/theme/components/MuiFormHelperText.js +1 -2
  375. package/theme/components/MuiFormLabel.js +1 -1
  376. package/theme/components/MuiInputBase.js +1 -2
  377. package/theme/components/MuiInputLabel.js +1 -2
  378. package/theme/components/MuiListItemButton.js +1 -2
  379. package/theme/components/MuiListItemText.js +1 -1
  380. package/theme/components/MuiLoadingButton.js +12 -14
  381. package/theme/components/MuiMenu.js +2 -4
  382. package/theme/components/MuiMenuItem.js +1 -2
  383. package/theme/components/MuiOutlinedInput.js +6 -11
  384. package/theme/components/MuiPaginationItem.js +4 -6
  385. package/theme/components/MuiTab.js +1 -2
  386. package/theme/components/MuiTableCell.js +1 -1
  387. package/theme/components/MuiTableHead.js +2 -3
  388. package/theme/components/MuiTableRow.js +1 -2
  389. package/theme/components/MuiTabs.js +2 -3
  390. package/theme/components/components.js +64 -35
  391. package/theme/hooks/useTheme/index.js +2 -2
  392. package/theme/palette/brandPalette.js +17 -18
  393. package/theme/palette/palette.js +5 -17
  394. package/theme/typography.js +3 -4
  395. package/docs/Case/Case.d.ts +0 -8
  396. package/docs/Case/Case.js +0 -31
  397. package/docs/Case/index.d.ts +0 -1
  398. package/docs/Case/index.js +0 -17
  399. package/docs/Case/styles.d.ts +0 -5
  400. package/docs/Case/styles.js +0 -16
  401. package/docs/ExampleTemplate/ExampleTemplate.d.ts +0 -13
  402. package/docs/ExampleTemplate/ExampleTemplate.js +0 -26
  403. package/docs/ExampleTemplate/index.d.ts +0 -1
  404. package/docs/ExampleTemplate/index.js +0 -17
  405. package/docs/ExampleTemplate/styles.d.ts +0 -9
  406. package/docs/ExampleTemplate/styles.js +0 -13
  407. package/docs/index.d.ts +0 -2
  408. package/docs/index.js +0 -18
  409. package/esm/docs/Case/Case.d.ts +0 -8
  410. package/esm/docs/Case/Case.js +0 -27
  411. package/esm/docs/Case/index.d.ts +0 -1
  412. package/esm/docs/Case/index.js +0 -1
  413. package/esm/docs/Case/styles.d.ts +0 -5
  414. package/esm/docs/Case/styles.js +0 -13
  415. package/esm/docs/ExampleTemplate/ExampleTemplate.d.ts +0 -13
  416. package/esm/docs/ExampleTemplate/ExampleTemplate.js +0 -22
  417. package/esm/docs/ExampleTemplate/index.d.ts +0 -1
  418. package/esm/docs/ExampleTemplate/index.js +0 -1
  419. package/esm/docs/ExampleTemplate/styles.d.ts +0 -9
  420. package/esm/docs/ExampleTemplate/styles.js +0 -10
  421. package/esm/docs/index.d.ts +0 -2
  422. package/esm/docs/index.js +0 -2
package/MenuGroup/stories/Icons.js CHANGED
@@ -1,29 +1,18 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.Ap2Icon = exports.OfdIcon = exports.AsIcon = exports.KedoIcon = exports.EdoIcon = exports.ApIcon = exports.AoIcon = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var AoIcon = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_7359_1261)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.0106 0.400124L19.2802 19.2282C19.3403 19.4074 19.31 19.6036 19.2001 19.7564C19.0902 19.9098 18.9128 20.0002 18.7246 20.0002H15.4785C14.2087 20.0002 13.0901 19.1928 12.6953 17.9917L9.43831 8.23219C9.39768 8.11204 9.39768 7.98157 9.43831 7.86141L11.8994 0.40071L13.0106 0.400124Z", fill: "#55B8F0" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.52136 20H1.27523C1.08699 20 0.91015 19.9096 0.79972 19.7568C0.689837 19.604 0.659525 19.4077 0.719056 19.2286L6.96523 0.400508C7.04534 0.161367 7.26906 0 7.5214 0H12.455C12.6432 0 12.82 0.0903906 12.9305 0.243203C13.0403 0.395977 13.0707 0.592812 13.0106 0.771367L7.30398 17.9933C6.90917 19.1932 5.7905 20 4.52136 20Z", fill: "#2165CC" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.455 0H9.99646V9.90453V9.90469L13.0106 0.771367C13.0707 0.592852 13.0404 0.396016 12.9305 0.243203C12.8201 0.0903906 12.6433 0 12.455 0V0Z", fill: "#0D4EB0" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_7359_1261" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const AoIcon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_7359_1261)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.0106 0.400124L19.2802 19.2282C19.3403 19.4074 19.31 19.6036 19.2001 19.7564C19.0902 19.9098 18.9128 20.0002 18.7246 20.0002H15.4785C14.2087 20.0002 13.0901 19.1928 12.6953 17.9917L9.43831 8.23219C9.39768 8.11204 9.39768 7.98157 9.43831 7.86141L11.8994 0.40071L13.0106 0.400124Z", fill: "#55B8F0" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.52136 20H1.27523C1.08699 20 0.91015 19.9096 0.79972 19.7568C0.689837 19.604 0.659525 19.4077 0.719056 19.2286L6.96523 0.400508C7.04534 0.161367 7.26906 0 7.5214 0H12.455C12.6432 0 12.82 0.0903906 12.9305 0.243203C13.0403 0.395977 13.0707 0.592812 13.0106 0.771367L7.30398 17.9933C6.90917 19.1932 5.7905 20 4.52136 20Z", fill: "#2165CC" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.455 0H9.99646V9.90453V9.90469L13.0106 0.771367C13.0707 0.592852 13.0404 0.396016 12.9305 0.243203C12.8201 0.0903906 12.6433 0 12.455 0V0Z", fill: "#0D4EB0" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_7359_1261" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
17
6
  exports.AoIcon = AoIcon;
18
- var ApIcon = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_7359_1276)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#2165CC" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#55B8F0" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#0D4EB0" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_7359_1276" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
7
+ const ApIcon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_7359_1276)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#2165CC" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#55B8F0" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#0D4EB0" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_7359_1276" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
19
8
  exports.ApIcon = ApIcon;
20
- var EdoIcon = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_7359_1286)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z", fill: "#55B8F0" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z", fill: "#1874FF" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_7359_1286" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
9
+ const EdoIcon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_7359_1286)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z", fill: "#55B8F0" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z", fill: "#1874FF" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_7359_1286" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
21
10
  exports.EdoIcon = EdoIcon;
22
- var KedoIcon = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_7501_1395)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 10.2164C0 10.0838 0.0749008 9.96261 0.193475 9.90332L3.49348 8.25332C3.72619 8.13697 4 8.30619 4 8.56637V17.4337C4 17.6939 3.72619 17.8632 3.49348 17.7468L0.193475 16.0968C0.0749008 16.0375 0 15.9163 0 15.7837V10.2164Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M20 10.2164C20 10.0838 19.9251 9.96261 19.8065 9.90332L16.5065 8.25332C16.2738 8.13697 16 8.30619 16 8.56637V17.4337C16 17.6939 16.2738 17.8632 16.5065 17.7468L19.8065 16.0968C19.9251 16.0375 20 15.9163 20 15.7837V10.2164Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 4.22752C0 4.0892 0.0814567 3.96386 0.207852 3.90768L8.50785 0.218794C8.7393 0.115927 9 0.285347 9 0.538628V19.4693C9 19.7205 8.74308 19.89 8.51213 19.791L5.71213 18.591C5.58344 18.5358 5.5 18.4093 5.5 18.2693V6.58965C5.5 6.32398 5.21563 6.15517 4.9824 6.28239L0.517599 8.71774C0.284367 8.84495 0 8.67614 0 8.41047V4.22752Z", fill: "#778DA8" }), (0, jsx_runtime_1.jsx)("path", { d: "M20 4.22752C20 4.0892 19.9185 3.96386 19.7921 3.90768L11.4921 0.218794C11.2607 0.115927 11 0.285347 11 0.538628V19.4693C11 19.7205 11.2569 19.89 11.4879 19.791L14.2879 18.591C14.4166 18.5358 14.5 18.4093 14.5 18.2693V6.58965C14.5 6.32398 14.7844 6.15517 15.0176 6.28239L19.4824 8.71774C19.7156 8.84495 20 8.67614 20 8.41047V4.22752Z", fill: "#778DA8" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_7501_1395" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
11
+ const KedoIcon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_7501_1395)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 10.2164C0 10.0838 0.0749008 9.96261 0.193475 9.90332L3.49348 8.25332C3.72619 8.13697 4 8.30619 4 8.56637V17.4337C4 17.6939 3.72619 17.8632 3.49348 17.7468L0.193475 16.0968C0.0749008 16.0375 0 15.9163 0 15.7837V10.2164Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M20 10.2164C20 10.0838 19.9251 9.96261 19.8065 9.90332L16.5065 8.25332C16.2738 8.13697 16 8.30619 16 8.56637V17.4337C16 17.6939 16.2738 17.8632 16.5065 17.7468L19.8065 16.0968C19.9251 16.0375 20 15.9163 20 15.7837V10.2164Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 4.22752C0 4.0892 0.0814567 3.96386 0.207852 3.90768L8.50785 0.218794C8.7393 0.115927 9 0.285347 9 0.538628V19.4693C9 19.7205 8.74308 19.89 8.51213 19.791L5.71213 18.591C5.58344 18.5358 5.5 18.4093 5.5 18.2693V6.58965C5.5 6.32398 5.21563 6.15517 4.9824 6.28239L0.517599 8.71774C0.284367 8.84495 0 8.67614 0 8.41047V4.22752Z", fill: "#778DA8" }), (0, jsx_runtime_1.jsx)("path", { d: "M20 4.22752C20 4.0892 19.9185 3.96386 19.7921 3.90768L11.4921 0.218794C11.2607 0.115927 11 0.285347 11 0.538628V19.4693C11 19.7205 11.2569 19.89 11.4879 19.791L14.2879 18.591C14.4166 18.5358 14.5 18.4093 14.5 18.2693V6.58965C14.5 6.32398 14.7844 6.15517 15.0176 6.28239L19.4824 8.71774C19.7156 8.84495 20 8.67614 20 8.41047V4.22752Z", fill: "#778DA8" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_7501_1395" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
23
12
  exports.KedoIcon = KedoIcon;
24
- var AsIcon = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_7501_1409)" }, { children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8738 11.1216C14.3646 13.343 12.3759 15 10 15C7.23863 15 5.00005 12.7615 5.00005 10C5.00005 7.6243 6.65696 5.63556 8.87824 5.12637C8.43153 5.0434 7.97091 5.00003 7.50016 5.00003C3.75223 5.00003 0.646392 7.74918 0.0891765 11.3409C0.685587 15.7913 4.20917 19.3147 8.65956 19.911C12.2512 19.3536 15.0002 16.2479 15.0002 12.5C15.0002 12.0292 14.9568 11.5684 14.8738 11.1216ZM10.3166 5.00989C12.8258 5.16666 14.8333 7.1741 14.9902 9.68325C15.3198 10.5594 15.5002 11.5086 15.5002 12.5C15.5002 15.9325 13.3385 18.86 10.3023 19.9956C15.6853 19.8358 20 15.4218 20 10C20 4.47718 15.5229 3.05176e-05 10 3.05176e-05C4.57816 3.05176e-05 0.164084 4.31499 0.0045166 9.69823C1.13999 6.66184 4.06761 4.50003 7.50016 4.50003C8.49142 4.50003 9.44057 4.68032 10.3166 5.00989Z", fill: "#2165CC" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8736 11.1222C14.3642 13.3433 12.3756 15 9.99996 15C7.23854 15 4.99996 12.7615 4.99996 10C4.99996 7.62434 6.65683 5.63562 8.87806 5.12639C8.43131 5.04341 7.97065 5.00003 7.49985 5.00003C3.75219 5.00003 0.646527 7.74878 0.0889893 11.3402C0.685093 15.7908 4.20877 19.3146 8.65936 19.9109C12.2509 19.3536 14.9999 16.2478 14.9999 12.5C14.9999 12.0294 14.9565 11.5688 14.8736 11.1222Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 20C15.5228 20 20 15.5229 20 10C20 4.47718 15.5228 3.05176e-05 10 3.05176e-05C4.47715 3.05176e-05 0 4.47718 0 10C0 10.4546 0.0303304 10.9021 0.0890777 11.3406C0.646448 7.74899 3.7522 5.00003 7.5 5.00003C11.6421 5.00003 15 8.35789 15 12.5C15 16.2478 12.251 19.3536 8.65946 19.911C9.09794 19.9697 9.54543 20 10 20Z", fill: "#778DA8" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_7501_1409" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
13
+ const AsIcon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_7501_1409)" }, { children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8738 11.1216C14.3646 13.343 12.3759 15 10 15C7.23863 15 5.00005 12.7615 5.00005 10C5.00005 7.6243 6.65696 5.63556 8.87824 5.12637C8.43153 5.0434 7.97091 5.00003 7.50016 5.00003C3.75223 5.00003 0.646392 7.74918 0.0891765 11.3409C0.685587 15.7913 4.20917 19.3147 8.65956 19.911C12.2512 19.3536 15.0002 16.2479 15.0002 12.5C15.0002 12.0292 14.9568 11.5684 14.8738 11.1216ZM10.3166 5.00989C12.8258 5.16666 14.8333 7.1741 14.9902 9.68325C15.3198 10.5594 15.5002 11.5086 15.5002 12.5C15.5002 15.9325 13.3385 18.86 10.3023 19.9956C15.6853 19.8358 20 15.4218 20 10C20 4.47718 15.5229 3.05176e-05 10 3.05176e-05C4.57816 3.05176e-05 0.164084 4.31499 0.0045166 9.69823C1.13999 6.66184 4.06761 4.50003 7.50016 4.50003C8.49142 4.50003 9.44057 4.68032 10.3166 5.00989Z", fill: "#2165CC" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8736 11.1222C14.3642 13.3433 12.3756 15 9.99996 15C7.23854 15 4.99996 12.7615 4.99996 10C4.99996 7.62434 6.65683 5.63562 8.87806 5.12639C8.43131 5.04341 7.97065 5.00003 7.49985 5.00003C3.75219 5.00003 0.646527 7.74878 0.0889893 11.3402C0.685093 15.7908 4.20877 19.3146 8.65936 19.9109C12.2509 19.3536 14.9999 16.2478 14.9999 12.5C14.9999 12.0294 14.9565 11.5688 14.8736 11.1222Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 20C15.5228 20 20 15.5229 20 10C20 4.47718 15.5228 3.05176e-05 10 3.05176e-05C4.47715 3.05176e-05 0 4.47718 0 10C0 10.4546 0.0303304 10.9021 0.0890777 11.3406C0.646448 7.74899 3.7522 5.00003 7.5 5.00003C11.6421 5.00003 15 8.35789 15 12.5C15 16.2478 12.251 19.3536 8.65946 19.911C9.09794 19.9697 9.54543 20 10 20Z", fill: "#778DA8" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_7501_1409" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
25
14
  exports.AsIcon = AsIcon;
26
- var OfdIcon = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_7501_1429)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.0528 16.6056C19.7177 17.9354 18.7507 19.5 17.2639 19.5H4.25C3.2835 19.5 2.5 18.7165 2.5 17.75C2.5 16.7835 3.2835 16 4.25 16H14.5L9 5.50003H13.5L19.0528 16.6056Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M1.44721 3.39446C0.782312 2.06466 1.7493 0.500031 3.23607 0.500031H16.25C17.2165 0.500031 18 1.28353 18 2.25003C18 3.21653 17.2165 4.00003 16.25 4.00003H6L11.5 14.5H7L1.44721 3.39446Z", fill: "#778DA8" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_7501_1429" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
15
+ const OfdIcon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_7501_1429)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.0528 16.6056C19.7177 17.9354 18.7507 19.5 17.2639 19.5H4.25C3.2835 19.5 2.5 18.7165 2.5 17.75C2.5 16.7835 3.2835 16 4.25 16H14.5L9 5.50003H13.5L19.0528 16.6056Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M1.44721 3.39446C0.782312 2.06466 1.7493 0.500031 3.23607 0.500031H16.25C17.2165 0.500031 18 1.28353 18 2.25003C18 3.21653 17.2165 4.00003 16.25 4.00003H6L11.5 14.5H7L1.44721 3.39446Z", fill: "#778DA8" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_7501_1429" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
27
16
  exports.OfdIcon = OfdIcon;
28
- var Ap2Icon = function () { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_7501_1441)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#99A9BA" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#557192" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_7501_1441" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
17
+ const Ap2Icon = () => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_7501_1441)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#99A9BA" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#B7C2CE" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#557192" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_7501_1441" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
29
18
  exports.Ap2Icon = Ap2Icon;
package/MenuGroup/stories/styled.js CHANGED
@@ -1,20 +1,15 @@
1
1
  "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
2
  Object.defineProperty(exports, "__esModule", { value: true });
7
3
  exports.StyledMenuWrapper = exports.StyledLabel = exports.StyledMenuItem = void 0;
8
- var styles_1 = require("../../styles");
9
- var MenuItem_1 = require("../../MenuItem");
10
- var Typography_1 = require("../../Typography");
11
- exports.StyledMenuItem = (0, styles_1.styled)(MenuItem_1.MenuItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n"], ["\n height: 48px;\n"])));
12
- exports.StyledLabel = (0, styles_1.styled)(Typography_1.Typography)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n"], ["\n font-size: ", ";\n"])), function (_a) {
13
- var theme = _a.theme;
14
- return theme.typography.h5.fontSize;
15
- });
16
- exports.StyledMenuWrapper = styles_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-top: ", ";\n"], ["\n padding-top: ", ";\n"])), function (_a) {
17
- var theme = _a.theme;
18
- return theme.spacing(2);
19
- });
20
- var templateObject_1, templateObject_2, templateObject_3;
4
+ const styles_1 = require("../../styles");
5
+ const MenuItem_1 = require("../../MenuItem");
6
+ const Typography_1 = require("../../Typography");
7
+ exports.StyledMenuItem = (0, styles_1.styled)(MenuItem_1.MenuItem) `
8
+ height: 48px;
9
+ `;
10
+ exports.StyledLabel = (0, styles_1.styled)(Typography_1.Typography) `
11
+ font-size: ${({ theme }) => theme.typography.h5.fontSize};
12
+ `;
13
+ exports.StyledMenuWrapper = styles_1.styled.div `
14
+ padding-top: ${({ theme }) => theme.spacing(2)};
15
+ `;
package/MenuGroup/styled.js CHANGED
@@ -1,24 +1,17 @@
1
1
  "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
2
  Object.defineProperty(exports, "__esModule", { value: true });
7
3
  exports.StyledContentWrapper = exports.StyledLabel = void 0;
8
- var styles_1 = require("../styles");
9
- var Typography_1 = require("../Typography");
10
- exports.StyledLabel = (0, styles_1.styled)(Typography_1.Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n padding: ", ";\n\n color: ", ";\n line-height: ", ";\n"], ["\n display: block;\n padding: ", ";\n\n color: ", ";\n line-height: ", ";\n"])), function (_a) {
11
- var theme = _a.theme;
12
- return theme.spacing(2, 4);
13
- }, function (_a) {
14
- var theme = _a.theme;
15
- return theme.palette.grey[700];
16
- }, function (_a) {
17
- var theme = _a.theme;
18
- return theme.typography.pxToRem(16);
19
- });
20
- exports.StyledContentWrapper = styles_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n & > li {\n padding-left: ", ";\n }\n"], ["\n & > li {\n padding-left: ", ";\n }\n"])), function (_a) {
21
- var theme = _a.theme;
22
- return theme.spacing(7);
23
- });
24
- var templateObject_1, templateObject_2;
4
+ const styles_1 = require("../styles");
5
+ const Typography_1 = require("../Typography");
6
+ exports.StyledLabel = (0, styles_1.styled)(Typography_1.Typography) `
7
+ display: block;
8
+ padding: ${({ theme }) => theme.spacing(2, 4)};
9
+
10
+ color: ${({ theme }) => theme.palette.grey[700]};
11
+ line-height: ${({ theme }) => theme.typography.pxToRem(16)};
12
+ `;
13
+ exports.StyledContentWrapper = styles_1.styled.div `
14
+ & > li {
15
+ padding-left: ${({ theme }) => theme.spacing(7)};
16
+ }
17
+ `;
package/MenuItem/MenuItem.js CHANGED
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __rest = (this && this.__rest) || function (s, e) {
14
3
  var t = {};
15
4
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
23
12
  };
24
13
  Object.defineProperty(exports, "__esModule", { value: true });
25
14
  exports.MenuItem = void 0;
26
- var jsx_runtime_1 = require("react/jsx-runtime");
27
- var styled_1 = require("./styled");
28
- var MenuItem = function (_a) {
29
- var children = _a.children, props = __rest(_a, ["children"]);
30
- return (0, jsx_runtime_1.jsx)(styled_1.StyledMenuItem, __assign({}, props, { children: children }));
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const styled_1 = require("./styled");
17
+ const MenuItem = (_a) => {
18
+ var { children } = _a, props = __rest(_a, ["children"]);
19
+ return (0, jsx_runtime_1.jsx)(styled_1.StyledMenuItem, Object.assign({}, props, { children: children }));
31
20
  };
32
21
  exports.MenuItem = MenuItem;
package/MenuItem/styled.js CHANGED
@@ -1,14 +1,8 @@
1
1
  "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
2
  Object.defineProperty(exports, "__esModule", { value: true });
7
3
  exports.StyledMenuItem = void 0;
8
- var material_1 = require("@mui/material");
9
- var styles_1 = require("../styles");
10
- exports.StyledMenuItem = (0, styles_1.styled)(material_1.MenuItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", ";\n"], ["\n padding: ", ";\n"])), function (_a) {
11
- var theme = _a.theme;
12
- return theme.spacing(1.5, 10, 1.5, 3);
13
- });
14
- var templateObject_1;
4
+ const material_1 = require("@mui/material");
5
+ const styles_1 = require("../styles");
6
+ exports.StyledMenuItem = (0, styles_1.styled)(material_1.MenuItem) `
7
+ padding: ${({ theme }) => theme.spacing(1.5, 10, 1.5, 3)};
8
+ `;
package/MenuList/MenuList.js CHANGED
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __rest = (this && this.__rest) || function (s, e) {
14
3
  var t = {};
15
4
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
23
12
  };
24
13
  Object.defineProperty(exports, "__esModule", { value: true });
25
14
  exports.MenuList = void 0;
26
- var jsx_runtime_1 = require("react/jsx-runtime");
27
- var styled_1 = require("./styled");
28
- var MenuList = function (_a) {
29
- var children = _a.children, props = __rest(_a, ["children"]);
30
- return (0, jsx_runtime_1.jsx)(styled_1.StyledMenuList, __assign({}, props, { children: children }));
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const styled_1 = require("./styled");
17
+ const MenuList = (_a) => {
18
+ var { children } = _a, props = __rest(_a, ["children"]);
19
+ return (0, jsx_runtime_1.jsx)(styled_1.StyledMenuList, Object.assign({}, props, { children: children }));
31
20
  };
32
21
  exports.MenuList = MenuList;
package/MenuList/styled.js CHANGED
@@ -1,20 +1,13 @@
1
1
  "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
2
  Object.defineProperty(exports, "__esModule", { value: true });
7
3
  exports.StyledMenuList = void 0;
8
- var material_1 = require("@mui/material");
9
- var styles_1 = require("../styles");
10
- exports.StyledMenuList = (0, styles_1.styled)(material_1.MenuList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.MuiList-root {\n padding: ", ";\n\n border-radius: ", ";\n box-shadow: ", ";\n }\n"], ["\n &.MuiList-root {\n padding: ", ";\n\n border-radius: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
11
- var theme = _a.theme;
12
- return theme.spacing(1, 0);
13
- }, function (_a) {
14
- var theme = _a.theme;
15
- return theme.shape.small;
16
- }, function (_a) {
17
- var theme = _a.theme;
18
- return theme.elevation[200];
19
- });
20
- var templateObject_1;
4
+ const material_1 = require("@mui/material");
5
+ const styles_1 = require("../styles");
6
+ exports.StyledMenuList = (0, styles_1.styled)(material_1.MenuList) `
7
+ &.MuiList-root {
8
+ padding: ${({ theme }) => theme.spacing(1, 0)};
9
+
10
+ border-radius: ${({ theme }) => theme.shape.small};
11
+ box-shadow: ${({ theme }) => theme.elevation[200]};
12
+ }
13
+ `;
package/NavMenu/NavMenu.js CHANGED
@@ -1,24 +1,13 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.NavMenu = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var react_1 = require("react");
17
- var material_1 = require("@mui/material");
18
- var NavMenuItem_1 = require("./NavMenuItem");
19
- exports.NavMenu = (0, react_1.forwardRef)(function (props, ref) {
20
- var _a = props.collapsedIn, collapsedIn = _a === void 0 ? true : _a, items = props.items;
21
- return ((0, jsx_runtime_1.jsx)(material_1.List, __assign({ ref: ref, disablePadding: true }, { children: items.map(function (item) {
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const material_1 = require("@mui/material");
7
+ const NavMenuItem_1 = require("./NavMenuItem");
8
+ exports.NavMenu = (0, react_1.forwardRef)((props, ref) => {
9
+ const { collapsedIn = true, items } = props;
10
+ return ((0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ ref: ref, disablePadding: true }, { children: items.map((item) => {
22
11
  return ((0, jsx_runtime_1.jsx)(NavMenuItem_1.NavMenuItem, { collapsedIn: collapsedIn, item: item }, item[0]));
23
12
  }) })));
24
13
  });
package/NavMenu/NavMenuItem/NavMenuItem.js CHANGED
@@ -1,40 +1,28 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.NavMenuItem = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var react_1 = require("react");
17
- var Collapse_1 = require("../../Collapse");
18
- var NavMenuItemButton_1 = require("./NavMenuItemButton");
19
- var NavMenuItemList_1 = require("./NavMenuItemList/NavMenuItemList");
20
- var NavMenuItem = function (props) {
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const Collapse_1 = require("../../Collapse");
7
+ const NavMenuItemButton_1 = require("./NavMenuItemButton");
8
+ const NavMenuItemList_1 = require("./NavMenuItemList/NavMenuItemList");
9
+ const NavMenuItem = (props) => {
21
10
  var _a;
22
- var collapsedIn = props.collapsedIn, _b = props.item, key = _b[0], value = _b[1];
23
- var _c = (0, react_1.useState)((_a = value.items) === null || _a === void 0 ? void 0 : _a.some(function (_a) {
24
- var active = _a[1].active;
11
+ const { collapsedIn, item: [key, value], } = props;
12
+ const [opened, setOpened] = (0, react_1.useState)((_a = value.items) === null || _a === void 0 ? void 0 : _a.some(([, { active }]) => {
25
13
  return active;
26
- })), opened = _c[0], setOpened = _c[1];
27
- var selected = (0, react_1.useMemo)(function () {
14
+ }));
15
+ const selected = (0, react_1.useMemo)(() => {
28
16
  return opened ? false : value.active;
29
17
  }, [opened, value.active]);
30
- var handleClick = (0, react_1.useCallback)(function () {
31
- setOpened(function (prevValue) {
18
+ const handleClick = (0, react_1.useCallback)(() => {
19
+ setOpened((prevValue) => {
32
20
  if (typeof prevValue === 'boolean') {
33
21
  return !prevValue;
34
22
  }
35
23
  return;
36
24
  });
37
25
  }, []);
38
- return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(NavMenuItemButton_1.NavMenuItemButton, { opened: opened, collapsedIn: collapsedIn, selected: selected, text: value.text, icon: value.icon, component: value.component, onClick: handleClick }), value.items && ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, __assign({ in: opened }, { children: (0, jsx_runtime_1.jsx)(NavMenuItemList_1.NavMenuItemList, { collapsedIn: collapsedIn, items: value.items }) })))] }, key));
26
+ return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(NavMenuItemButton_1.NavMenuItemButton, { opened: opened, collapsedIn: collapsedIn, selected: selected, text: value.text, icon: value.icon, component: value.component, onClick: handleClick }), value.items && ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, Object.assign({ in: opened }, { children: (0, jsx_runtime_1.jsx)(NavMenuItemList_1.NavMenuItemList, { collapsedIn: collapsedIn, items: value.items }) })))] }, key));
39
27
  };
40
28
  exports.NavMenuItem = NavMenuItem;
package/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js CHANGED
@@ -1,15 +1,4 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  var __rest = (this && this.__rest) || function (s, e) {
14
3
  var t = {};
15
4
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,12 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
23
12
  };
24
13
  Object.defineProperty(exports, "__esModule", { value: true });
25
14
  exports.NavMenuItemButton = void 0;
26
- var jsx_runtime_1 = require("react/jsx-runtime");
27
- var react_1 = require("react");
28
- var Collapse_1 = require("../../../Collapse");
29
- var Tooltip_1 = require("../../../Tooltip");
30
- var styles_1 = require("./styles");
31
- exports.NavMenuItemButton = (0, react_1.forwardRef)(function (props, ref) {
32
- var collapsedIn = props.collapsedIn, opened = props.opened, text = props.text, icon = props.icon, _a = props.component, component = _a === void 0 ? 'a' : _a, restProps = __rest(props, ["collapsedIn", "opened", "text", "icon", "component"]);
33
- return ((0, jsx_runtime_1.jsxs)(styles_1.NavMenuItemButtonRoot, __assign({ ref: ref, component: component }, restProps, { children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, __assign({ arrow: true, title: !collapsedIn && text, placement: "right" }, { children: (0, jsx_runtime_1.jsx)(styles_1.NavMenuItemButtonIcon, { children: icon }) })), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, __assign({ orientation: "horizontal", in: collapsedIn }, { children: (0, jsx_runtime_1.jsx)(styles_1.NavMenuItemButtonText, { primary: text }) })), typeof opened === 'boolean' && ((0, jsx_runtime_1.jsx)(styles_1.NavMenuItemButtonChevron, { collapsedIn: collapsedIn, opened: opened }))] })));
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const react_1 = require("react");
17
+ const Collapse_1 = require("../../../Collapse");
18
+ const Tooltip_1 = require("../../../Tooltip");
19
+ const styles_1 = require("./styles");
20
+ exports.NavMenuItemButton = (0, react_1.forwardRef)((props, ref) => {
21
+ const { collapsedIn, opened, text, icon, component = 'a' } = props, restProps = __rest(props, ["collapsedIn", "opened", "text", "icon", "component"]);
22
+ return ((0, jsx_runtime_1.jsxs)(styles_1.NavMenuItemButtonRoot, Object.assign({ ref: ref, component: component }, restProps, { children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ arrow: true, title: !collapsedIn && text, placement: "right" }, { children: (0, jsx_runtime_1.jsx)(styles_1.NavMenuItemButtonIcon, { children: icon }) })), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, Object.assign({ orientation: "horizontal", in: collapsedIn }, { children: (0, jsx_runtime_1.jsx)(styles_1.NavMenuItemButtonText, { primary: text }) })), typeof opened === 'boolean' && ((0, jsx_runtime_1.jsx)(styles_1.NavMenuItemButtonChevron, { collapsedIn: collapsedIn, opened: opened }))] })));
34
23
  });
package/NavMenu/NavMenuItem/NavMenuItemButton/styles.js CHANGED
@@ -1,46 +1,45 @@
1
1
  "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
2
  Object.defineProperty(exports, "__esModule", { value: true });
7
3
  exports.NavMenuItemButtonChevron = exports.NavMenuItemButtonText = exports.NavMenuItemButtonIcon = exports.NavMenuItemButtonRoot = void 0;
8
- var icons_1 = require("@astral/icons");
9
- var styles_1 = require("../../../styles");
10
- var ListItemButton_1 = require("../../../ListItemButton");
11
- var ListItemIcon_1 = require("../../../ListItemIcon");
12
- var ListItemText_1 = require("../../../ListItemText");
13
- exports.NavMenuItemButtonRoot = (0, styles_1.styled)(ListItemButton_1.ListItemButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 40px;\n padding: ", ";\n\n border-radius: ", ";\n"], ["\n height: 40px;\n padding: ", ";\n\n border-radius: ", ";\n"])), function (_a) {
14
- var theme = _a.theme;
15
- return theme.spacing(2);
16
- }, function (_a) {
17
- var theme = _a.theme;
18
- return theme.shape.medium;
19
- });
20
- exports.NavMenuItemButtonIcon = (0, styles_1.styled)(ListItemIcon_1.ListItemIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: unset;\n"], ["\n min-width: unset;\n"])));
21
- exports.NavMenuItemButtonText = (0, styles_1.styled)(ListItemText_1.ListItemText)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-left: ", ";\n"], ["\n margin-left: ", ";\n"])), function (_a) {
22
- var theme = _a.theme;
23
- return theme.spacing(4);
24
- });
4
+ const icons_1 = require("@astral/icons");
5
+ const styles_1 = require("../../../styles");
6
+ const ListItemButton_1 = require("../../../ListItemButton");
7
+ const ListItemIcon_1 = require("../../../ListItemIcon");
8
+ const ListItemText_1 = require("../../../ListItemText");
9
+ exports.NavMenuItemButtonRoot = (0, styles_1.styled)(ListItemButton_1.ListItemButton) `
10
+ height: 40px;
11
+ padding: ${({ theme }) => theme.spacing(2)};
12
+
13
+ border-radius: ${({ theme }) => theme.shape.medium};
14
+ `;
15
+ exports.NavMenuItemButtonIcon = (0, styles_1.styled)(ListItemIcon_1.ListItemIcon) `
16
+ min-width: unset;
17
+ `;
18
+ exports.NavMenuItemButtonText = (0, styles_1.styled)(ListItemText_1.ListItemText) `
19
+ margin-left: ${({ theme }) => theme.spacing(4)};
20
+ `;
25
21
  exports.NavMenuItemButtonChevron = (0, styles_1.styled)(icons_1.ChevronDOutlineMd, {
26
- shouldForwardProp: function (prop) { return prop !== 'collapsedIn' && prop !== 'opened'; },
27
- })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: ", ";\n margin-left: auto;\n\n transform: ", ";\n\n transition: ", ";\n"], ["\n width: ", ";\n margin-left: auto;\n\n transform: ", ";\n\n transition: ", ";\n"])), function (_a) {
28
- var collapsedIn = _a.collapsedIn;
22
+ shouldForwardProp: (prop) => prop !== 'collapsedIn' && prop !== 'opened',
23
+ }) `
24
+ width: ${({ collapsedIn }) => {
29
25
  if (collapsedIn) {
30
26
  return '1em';
31
27
  }
32
28
  return '0px';
33
- }, function (_a) {
34
- var opened = _a.opened;
29
+ }};
30
+ margin-left: auto;
31
+
32
+ transform: ${({ opened }) => {
35
33
  if (opened) {
36
34
  return 'rotateZ(180deg)';
37
35
  }
38
36
  return 'rotateZ(0deg)';
39
- }, function (_a) {
40
- var theme = _a.theme;
37
+ }};
38
+
39
+ transition: ${({ theme }) => {
41
40
  return theme.transitions.create('transform', {
42
41
  easing: theme.transitions.easing.sharp,
43
42
  duration: theme.transitions.duration.enteringScreen,
44
43
  });
45
- });
46
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
44
+ }};
45
+ `;
package/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.js CHANGED
@@ -1,25 +1,14 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.NavMenuItemList = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var material_1 = require("@mui/material");
17
- var icons_1 = require("@astral/icons");
18
- var NavMenuItemButton_1 = require("../NavMenuItemButton");
19
- var NavMenuItemList = function (props) {
20
- var collapsedIn = props.collapsedIn, items = props.items;
21
- return ((0, jsx_runtime_1.jsx)(material_1.List, __assign({ disablePadding: true }, { children: items.map(function (item) {
22
- var key = item[0], value = item[1];
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const material_1 = require("@mui/material");
6
+ const icons_1 = require("@astral/icons");
7
+ const NavMenuItemButton_1 = require("../NavMenuItemButton");
8
+ const NavMenuItemList = (props) => {
9
+ const { collapsedIn, items } = props;
10
+ return ((0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ disablePadding: true }, { children: items.map((item) => {
11
+ const [key, value] = item;
23
12
  return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(NavMenuItemButton_1.NavMenuItemButton, { collapsedIn: collapsedIn, selected: value.active, text: value.text, icon: (0, jsx_runtime_1.jsx)(icons_1.PageDotOutlineMd, {}), component: value.component }) }, key));
24
13
  }) })));
25
14
  };
package/Notification/Notification.js CHANGED
@@ -1,42 +1,11 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.notify = void 0;
15
- var react_toastify_1 = require("react-toastify");
16
- var constants_1 = require("./constants");
4
+ const react_toastify_1 = require("react-toastify");
5
+ const constants_1 = require("./constants");
17
6
  exports.notify = {
18
- info: function (title, options) {
19
- return (0, react_toastify_1.toast)(function (_a) {
20
- var toastProps = _a.toastProps;
21
- return constants_1.NOTIFICATION_VARIANT.info(__assign(__assign({}, options), { title: title }), toastProps);
22
- }, options);
23
- },
24
- success: function (title, options) {
25
- return (0, react_toastify_1.toast)(function (_a) {
26
- var toastProps = _a.toastProps;
27
- return constants_1.NOTIFICATION_VARIANT.success(__assign(__assign({}, options), { title: title }), toastProps);
28
- }, options);
29
- },
30
- warning: function (title, options) {
31
- return (0, react_toastify_1.toast)(function (_a) {
32
- var toastProps = _a.toastProps;
33
- return constants_1.NOTIFICATION_VARIANT.warning(__assign(__assign({}, options), { title: title }), toastProps);
34
- });
35
- },
36
- error: function (title, options) {
37
- return (0, react_toastify_1.toast)(function (_a) {
38
- var toastProps = _a.toastProps;
39
- return constants_1.NOTIFICATION_VARIANT.error(__assign(__assign({}, options), { title: title }), toastProps);
40
- }, options);
41
- },
7
+ info: (title, options) => (0, react_toastify_1.toast)(({ toastProps }) => constants_1.NOTIFICATION_VARIANT.info(Object.assign(Object.assign({}, options), { title }), toastProps), options),
8
+ success: (title, options) => (0, react_toastify_1.toast)(({ toastProps }) => constants_1.NOTIFICATION_VARIANT.success(Object.assign(Object.assign({}, options), { title }), toastProps), options),
9
+ warning: (title, options) => (0, react_toastify_1.toast)(({ toastProps }) => constants_1.NOTIFICATION_VARIANT.warning(Object.assign(Object.assign({}, options), { title }), toastProps)),
10
+ error: (title, options) => (0, react_toastify_1.toast)(({ toastProps }) => constants_1.NOTIFICATION_VARIANT.error(Object.assign(Object.assign({}, options), { title }), toastProps), options),
42
11
  };
package/Notification/NotificationContainer/NotificationContainer.js CHANGED
@@ -1,26 +1,15 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
2
  Object.defineProperty(exports, "__esModule", { value: true });
14
3
  exports.NotificationContainer = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var react_toastify_1 = require("react-toastify");
17
- var inject_style_1 = require("react-toastify/dist/inject-style");
18
- var constants_1 = require("../constants");
19
- var styled_1 = require("./styled");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_toastify_1 = require("react-toastify");
6
+ const inject_style_1 = require("react-toastify/dist/inject-style");
7
+ const constants_1 = require("../constants");
8
+ const styled_1 = require("./styled");
20
9
  if (typeof window !== 'undefined') {
21
10
  (0, inject_style_1.injectStyle)();
22
11
  }
23
- var NotificationContainer = function (props) {
24
- return ((0, jsx_runtime_1.jsx)(styled_1.ToastContainerStyled, { children: (0, jsx_runtime_1.jsx)(react_toastify_1.ToastContainer, __assign({ hideProgressBar: true, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false }, props, { closeButton: false, bodyClassName: "notify__body", toastClassName: "notify", progressClassName: "notify__progress", className: "notify__container" })) }));
12
+ const NotificationContainer = (props) => {
13
+ return ((0, jsx_runtime_1.jsx)(styled_1.ToastContainerStyled, { children: (0, jsx_runtime_1.jsx)(react_toastify_1.ToastContainer, Object.assign({ hideProgressBar: true, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false }, props, { closeButton: false, bodyClassName: "notify__body", toastClassName: "notify", progressClassName: "notify__progress", className: "notify__container" })) }));
25
14
  };
26
15
  exports.NotificationContainer = NotificationContainer;