@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/Select/styled.js CHANGED
@@ -1,34 +1,39 @@
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.Placeholder = exports.ProgressWrapper = exports.TagsWrapper = void 0;
8
- var styles_1 = require("../styles");
9
- var MenuItem_1 = require("../MenuItem");
10
- exports.TagsWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n margin-bottom: -", ";\n\n .MuiChip-root {\n margin-bottom: ", ";\n\n background-color: ", ";\n }\n\n .MuiChip-root:hover {\n background-color: ", ";\n }\n\n .MuiChip-root:not(:last-of-type) {\n margin-right: ", ";\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n margin-bottom: -", ";\n\n .MuiChip-root {\n margin-bottom: ", ";\n\n background-color: ", ";\n }\n\n .MuiChip-root:hover {\n background-color: ", ";\n }\n\n .MuiChip-root:not(:last-of-type) {\n margin-right: ", ";\n }\n"])), function (_a) {
11
- var theme = _a.theme;
12
- return theme.spacing(1);
13
- }, function (_a) {
14
- var theme = _a.theme;
15
- return theme.spacing(1);
16
- }, function (_a) {
17
- var theme = _a.theme;
18
- return theme.palette.grey['300'];
19
- }, function (_a) {
20
- var theme = _a.theme;
21
- return theme.palette.grey['300'];
22
- }, function (_a) {
23
- var theme = _a.theme;
24
- return theme.spacing(1);
25
- });
26
- exports.ProgressWrapper = styles_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 64px;\n\n .MuiCircularProgress-root {\n margin-top: ", ";\n\n color: ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 64px;\n\n .MuiCircularProgress-root {\n margin-top: ", ";\n\n color: ", ";\n }\n"])), function (_a) {
27
- var theme = _a.theme;
28
- return theme.spacing(5);
29
- }, function (_a) {
30
- var theme = _a.theme;
31
- return theme.palette.grey['900'];
32
- });
33
- exports.Placeholder = (0, styles_1.styled)(MenuItem_1.MenuItem)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
34
- var templateObject_1, templateObject_2, templateObject_3;
4
+ const styles_1 = require("../styles");
5
+ const MenuItem_1 = require("../MenuItem");
6
+ exports.TagsWrapper = styles_1.styled.div `
7
+ display: flex;
8
+ flex-wrap: wrap;
9
+ margin-bottom: -${({ theme }) => theme.spacing(1)};
10
+
11
+ .MuiChip-root {
12
+ margin-bottom: ${({ theme }) => theme.spacing(1)};
13
+
14
+ background-color: ${({ theme }) => theme.palette.grey['300']};
15
+ }
16
+
17
+ .MuiChip-root:hover {
18
+ background-color: ${({ theme }) => theme.palette.grey['300']};
19
+ }
20
+
21
+ .MuiChip-root:not(:last-of-type) {
22
+ margin-right: ${({ theme }) => theme.spacing(1)};
23
+ }
24
+ `;
25
+ exports.ProgressWrapper = styles_1.styled.div `
26
+ display: flex;
27
+ flex-direction: column;
28
+ align-items: center;
29
+ min-height: 64px;
30
+
31
+ .MuiCircularProgress-root {
32
+ margin-top: ${({ theme }) => theme.spacing(5)};
33
+
34
+ color: ${({ theme }) => theme.palette.grey['900']};
35
+ }
36
+ `;
37
+ exports.Placeholder = (0, styles_1.styled)(MenuItem_1.MenuItem) `
38
+ display: none;
39
+ `;
@@ -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,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
23
12
  };
24
13
  Object.defineProperty(exports, "__esModule", { value: true });
25
14
  exports.SideDialog = void 0;
26
- var jsx_runtime_1 = require("react/jsx-runtime");
27
- var SideDialogTitle_1 = require("../SideDialogTitle");
28
- var styled_1 = require("./styled");
29
- var SideDialog = function (_a) {
30
- var children = _a.children, title = _a.title, onClose = _a.onClose, open = _a.open, props = __rest(_a, ["children", "title", "onClose", "open"]);
31
- return ((0, jsx_runtime_1.jsxs)(styled_1.StyledDrawer, __assign({ anchor: "right", open: open, onClose: onClose }, props, { children: [(0, jsx_runtime_1.jsx)(SideDialogTitle_1.SideDialogTitle, __assign({ onClose: onClose }, { children: title })), children] })));
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const SideDialogTitle_1 = require("../SideDialogTitle");
17
+ const styled_1 = require("./styled");
18
+ const SideDialog = (_a) => {
19
+ var { children, title, onClose, open } = _a, props = __rest(_a, ["children", "title", "onClose", "open"]);
20
+ return ((0, jsx_runtime_1.jsxs)(styled_1.StyledDrawer, Object.assign({ anchor: "right", open: open, onClose: onClose }, props, { children: [(0, jsx_runtime_1.jsx)(SideDialogTitle_1.SideDialogTitle, Object.assign({ onClose: onClose }, { children: title })), children] })));
32
21
  };
33
22
  exports.SideDialog = SideDialog;
@@ -1,11 +1,11 @@
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.StyledDrawer = void 0;
8
- var material_1 = require("@mui/material");
9
- var styles_1 = require("../styles");
10
- exports.StyledDrawer = (0, styles_1.styled)(material_1.Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiPaper-root {\n width: 30%;\n }\n height: 100vh;\n"], ["\n .MuiPaper-root {\n width: 30%;\n }\n height: 100vh;\n"])));
11
- var templateObject_1;
4
+ const material_1 = require("@mui/material");
5
+ const styles_1 = require("../styles");
6
+ exports.StyledDrawer = (0, styles_1.styled)(material_1.Drawer) `
7
+ .MuiPaper-root {
8
+ width: 30%;
9
+ }
10
+ height: 100vh;
11
+ `;
package/Slide/Slide.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Slide = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "Slide", { enumerable: true, get: function () { return material_1.Slide; } });
@@ -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.SwipeableDrawer = void 0;
26
- var jsx_runtime_1 = require("react/jsx-runtime");
27
- var styles_1 = require("./styles");
28
- var SwipeableDrawer = function (_a) {
29
- var drawerBleedingTitle = _a.drawerBleedingTitle, _b = _a.isMountedOnHide, isMountedOnHide = _b === void 0 ? false : _b, drawerBleedingIcon = _a.drawerBleedingIcon, _c = _a.drawerBleedingHeight, drawerBleedingHeight = _c === void 0 ? 56 : _c, children = _a.children, props = __rest(_a, ["drawerBleedingTitle", "isMountedOnHide", "drawerBleedingIcon", "drawerBleedingHeight", "children"]);
30
- return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSwipeableDrawer, __assign({}, props, { swipeAreaWidth: drawerBleedingHeight, ModalProps: { keepMounted: isMountedOnHide } }, { children: [(0, jsx_runtime_1.jsxs)(styles_1.SwipeableDrawerHeader, __assign({ drawerBleedingHeight: drawerBleedingHeight }, { children: [(0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerPuller, { children: drawerBleedingIcon || (0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerPullerIcon, {}) }), (0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerTitle, __assign({ noWrap: true }, { children: drawerBleedingTitle }))] })), (0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerBody, __assign({ drawerBleedingHeight: drawerBleedingHeight }, { children: children }))] })));
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const styles_1 = require("./styles");
17
+ const SwipeableDrawer = (_a) => {
18
+ var { drawerBleedingTitle, isMountedOnHide = false, drawerBleedingIcon, drawerBleedingHeight = 56, children } = _a, props = __rest(_a, ["drawerBleedingTitle", "isMountedOnHide", "drawerBleedingIcon", "drawerBleedingHeight", "children"]);
19
+ return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSwipeableDrawer, Object.assign({}, props, { swipeAreaWidth: drawerBleedingHeight, ModalProps: { keepMounted: isMountedOnHide } }, { children: [(0, jsx_runtime_1.jsxs)(styles_1.SwipeableDrawerHeader, Object.assign({ drawerBleedingHeight: drawerBleedingHeight }, { children: [(0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerPuller, { children: drawerBleedingIcon || (0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerPullerIcon, {}) }), (0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerTitle, Object.assign({ noWrap: true }, { children: drawerBleedingTitle }))] })), (0, jsx_runtime_1.jsx)(styles_1.SwipeableDrawerBody, Object.assign({ drawerBleedingHeight: drawerBleedingHeight }, { children: children }))] })));
31
20
  };
32
21
  exports.SwipeableDrawer = SwipeableDrawer;
@@ -1,97 +1,92 @@
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
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
2
  Object.defineProperty(exports, "__esModule", { value: true });
18
3
  exports.SwipeableDrawerBody = exports.SwipeableDrawerTitle = exports.SwipeableDrawerPullerIcon = exports.SwipeableDrawerPuller = exports.SwipeableDrawerHeader = exports.StyledSwipeableDrawer = void 0;
19
- var material_1 = require("@mui/material");
20
- var styles_1 = require("../styles");
4
+ const material_1 = require("@mui/material");
5
+ const styles_1 = require("../styles");
21
6
  /**
22
7
  * @description Вывод высоты шапки компонента.
23
8
  */
24
- var getHeight = function (_a) {
25
- var drawerBleedingHeight = _a.drawerBleedingHeight;
26
- return "".concat(drawerBleedingHeight, "px");
27
- };
9
+ const getHeight = ({ drawerBleedingHeight, }) => `${drawerBleedingHeight}px`;
28
10
  /**
29
11
  * @description Расчет максимальной высоты тела компонента с учетом абсолютно
30
12
  * позиционированной шапки, плюс отступ от верха экрана в размер шапки.
31
13
  */
32
- var calcMaxBodyHeight = function (_a) {
33
- var drawerBleedingHeight = _a.drawerBleedingHeight;
34
- return "calc(100vh - ".concat(drawerBleedingHeight, "px * 2)");
35
- };
14
+ const calcMaxBodyHeight = ({ drawerBleedingHeight, }) => `calc(100vh - ${drawerBleedingHeight}px * 2)`;
36
15
  /**
37
16
  * @description Определение плавной анимации полного скрытия компонента.
38
17
  * Предусматривает для <SwipeableDrawer keepMounted={false} /> переопределение
39
18
  * базового "transition" плавно выводя компонент за рамки видимой области экрана.
40
19
  */
41
- var getUnmountTransform = function (_a) {
42
- var open = _a.open, ModalProps = _a.ModalProps;
20
+ const getUnmountTransform = ({ open, ModalProps, }) => {
43
21
  return !(ModalProps === null || ModalProps === void 0 ? void 0 : ModalProps.keepMounted) && !open
44
22
  ? 'translateY(100vh) !important'
45
23
  : 'none';
46
24
  };
47
- exports.StyledSwipeableDrawer = (0, styles_1.styled)(material_1.SwipeableDrawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiPaper-root {\n overflow: visible;\n\n transform: ", ";\n }\n\n .MuiBackdrop-root {\n background-color: ", ";\n }\n"], ["\n .MuiPaper-root {\n overflow: visible;\n\n transform: ", ";\n }\n\n .MuiBackdrop-root {\n background-color: ", ";\n }\n"])), function (props) { return getUnmountTransform(__assign({}, props)); }, function (_a) {
48
- var theme = _a.theme;
49
- return theme.palette.background.modalShadow;
50
- });
51
- exports.SwipeableDrawerHeader = styles_1.styled.header(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n top: -", ";\n\n display: flex;\n justify-content: center;\n width: 100%;\n height: ", ";\n padding: ", ";\n\n background-color: ", ";\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n box-shadow: ", ";\n visibility: visible;\n"], ["\n position: absolute;\n top: -", ";\n\n display: flex;\n justify-content: center;\n width: 100%;\n height: ", ";\n padding: ", ";\n\n background-color: ", ";\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n box-shadow: ", ";\n visibility: visible;\n"])), function (props) { return getHeight(__assign({}, props)); }, function (props) { return getHeight(__assign({}, props)); }, function (_a) {
52
- var theme = _a.theme;
53
- return theme.spacing(6, 6, 3, 6);
54
- }, function (_a) {
55
- var theme = _a.theme;
56
- return theme.palette.mode === 'light'
57
- ? theme.palette.background.default
58
- : theme.palette.grey[800];
59
- }, function (_a) {
60
- var theme = _a.theme;
61
- return theme.shape.medium;
62
- }, function (_a) {
63
- var theme = _a.theme;
64
- return theme.shape.medium;
65
- }, function (_a) {
66
- var theme = _a.theme;
67
- return theme.shadows[8];
68
- });
69
- exports.SwipeableDrawerPuller = styles_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n\n svg {\n fill: ", ";\n }\n"], ["\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n\n svg {\n fill: ", ";\n }\n"])), function (_a) {
70
- var theme = _a.theme;
71
- return theme.palette.mode === 'light'
72
- ? theme.palette.grey[900]
73
- : theme.palette.grey[300];
74
- });
75
- exports.SwipeableDrawerPullerIcon = styles_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 14px;\n height: 2px;\n\n background-color: ", ";\n border-radius: ", ";\n"], ["\n width: 14px;\n height: 2px;\n\n background-color: ", ";\n border-radius: ", ";\n"])), function (_a) {
76
- var theme = _a.theme;
77
- return theme.palette.mode === 'light'
78
- ? theme.palette.grey[900]
79
- : theme.palette.grey[300];
80
- }, function (_a) {
81
- var theme = _a.theme;
82
- return theme.shape.small;
83
- });
84
- exports.SwipeableDrawerTitle = (0, styles_1.styled)(material_1.Typography)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
85
- var theme = _a.theme;
86
- return theme.palette.grey[700];
87
- });
88
- exports.SwipeableDrawerBody = styles_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n z-index: ", ";\n\n height: 100%;\n max-height: ", ";\n overflow: auto;\n\n background-color: ", ";\n"], ["\n z-index: ", ";\n\n height: 100%;\n max-height: ", ";\n overflow: auto;\n\n background-color: ", ";\n"])), function (_a) {
89
- var theme = _a.theme;
90
- return theme.zIndex.mobileStepper;
91
- }, function (props) { return calcMaxBodyHeight(__assign({}, props)); }, function (_a) {
92
- var theme = _a.theme;
93
- return theme.palette.mode === 'light'
94
- ? theme.palette.background.default
95
- : theme.palette.grey[800];
96
- });
97
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
25
+ exports.StyledSwipeableDrawer = (0, styles_1.styled)(material_1.SwipeableDrawer) `
26
+ .MuiPaper-root {
27
+ overflow: visible;
28
+
29
+ transform: ${(props) => getUnmountTransform(Object.assign({}, props))};
30
+ }
31
+
32
+ .MuiBackdrop-root {
33
+ background-color: ${({ theme }) => theme.palette.background.modalShadow};
34
+ }
35
+ `;
36
+ exports.SwipeableDrawerHeader = styles_1.styled.header `
37
+ position: absolute;
38
+ top: -${(props) => getHeight(Object.assign({}, props))};
39
+
40
+ display: flex;
41
+ justify-content: center;
42
+ width: 100%;
43
+ height: ${(props) => getHeight(Object.assign({}, props))};
44
+ padding: ${({ theme }) => theme.spacing(6, 6, 3, 6)};
45
+
46
+ background-color: ${({ theme }) => theme.palette.mode === 'light'
47
+ ? theme.palette.background.default
48
+ : theme.palette.grey[800]};
49
+ border-top-left-radius: ${({ theme }) => theme.shape.medium};
50
+ border-top-right-radius: ${({ theme }) => theme.shape.medium};
51
+ box-shadow: ${({ theme }) => theme.shadows[8]};
52
+ visibility: visible;
53
+ `;
54
+ exports.SwipeableDrawerPuller = styles_1.styled.div `
55
+ position: absolute;
56
+ top: 0;
57
+
58
+ display: flex;
59
+ align-items: center;
60
+ justify-content: center;
61
+ width: 24px;
62
+ height: 24px;
63
+
64
+ svg {
65
+ fill: ${({ theme }) => theme.palette.mode === 'light'
66
+ ? theme.palette.grey[900]
67
+ : theme.palette.grey[300]};
68
+ }
69
+ `;
70
+ exports.SwipeableDrawerPullerIcon = styles_1.styled.div `
71
+ width: 14px;
72
+ height: 2px;
73
+
74
+ background-color: ${({ theme }) => theme.palette.mode === 'light'
75
+ ? theme.palette.grey[900]
76
+ : theme.palette.grey[300]};
77
+ border-radius: ${({ theme }) => theme.shape.small};
78
+ `;
79
+ exports.SwipeableDrawerTitle = (0, styles_1.styled)(material_1.Typography) `
80
+ color: ${({ theme }) => theme.palette.grey[700]};
81
+ `;
82
+ exports.SwipeableDrawerBody = styles_1.styled.div `
83
+ z-index: ${({ theme }) => theme.zIndex.mobileStepper};
84
+
85
+ height: 100%;
86
+ max-height: ${(props) => calcMaxBodyHeight(Object.assign({}, props))};
87
+ overflow: auto;
88
+
89
+ background-color: ${({ theme }) => theme.palette.mode === 'light'
90
+ ? theme.palette.background.default
91
+ : theme.palette.grey[800]};
92
+ `;
package/Tab/Tab.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Tab = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return material_1.Tab; } });
package/Table/Table.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.Table = void 0;
26
- var jsx_runtime_1 = require("react/jsx-runtime");
27
- var material_1 = require("@mui/material");
28
- var Table = function (_a) {
29
- var _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, ["size"]);
30
- return (0, jsx_runtime_1.jsx)(material_1.Table, __assign({ size: size }, props));
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const material_1 = require("@mui/material");
17
+ const Table = (_a) => {
18
+ var { size = 'small' } = _a, props = __rest(_a, ["size"]);
19
+ return (0, jsx_runtime_1.jsx)(material_1.Table, Object.assign({ size: size }, props));
31
20
  };
32
21
  exports.Table = Table;
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableBody = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return material_1.TableBody; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableCell = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return material_1.TableCell; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableContainer = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "TableContainer", { enumerable: true, get: function () { return material_1.TableContainer; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableFooter = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "TableFooter", { enumerable: true, get: function () { return material_1.TableFooter; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableHead = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return material_1.TableHead; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableRow = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return material_1.TableRow; } });
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableSortLabel = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "TableSortLabel", { enumerable: true, get: function () { return material_1.TableSortLabel; } });
package/Tabs/Tabs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Tabs = void 0;
4
- var material_1 = require("@mui/material");
4
+ const material_1 = require("@mui/material");
5
5
  Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return material_1.Tabs; } });
package/Tag/Tag.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,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
23
12
  };
24
13
  Object.defineProperty(exports, "__esModule", { value: true });
25
14
  exports.Tag = void 0;
26
- var jsx_runtime_1 = require("react/jsx-runtime");
27
- var react_1 = require("react");
28
- var icons_1 = require("@astral/icons");
29
- var styled_1 = require("./styled");
30
- exports.Tag = (0, react_1.forwardRef)(function (_a, ref) {
31
- var color = _a.color, variant = _a.variant, deleteIcon = _a.deleteIcon, props = __rest(_a, ["color", "variant", "deleteIcon"]);
32
- return ((0, jsx_runtime_1.jsx)(styled_1.StyledTag, __assign({ ref: ref, customColor: color, customVariant: variant }, props, { deleteIcon: deleteIcon ? deleteIcon : (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}) })));
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const react_1 = require("react");
17
+ const icons_1 = require("@astral/icons");
18
+ const styled_1 = require("./styled");
19
+ exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
20
+ var { color, variant, deleteIcon } = _a, props = __rest(_a, ["color", "variant", "deleteIcon"]);
21
+ return ((0, jsx_runtime_1.jsx)(styled_1.StyledTag, Object.assign({ ref: ref, customColor: color, customVariant: variant }, props, { deleteIcon: deleteIcon ? deleteIcon : (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}) })));
33
22
  });