@astral/ui 0.45.0 → 0.47.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 (227) hide show
  1. package/Chevron/styles.d.ts +1 -1
  2. package/Collapse/Collapse.d.ts +2 -3
  3. package/Collapse/Collapse.js +2 -17
  4. package/DashboardLayout/DashboardLayout.d.ts +1 -1
  5. package/DashboardLayout/DashboardLayout.js +2 -2
  6. package/DashboardLayout/DashboardLayoutStory.d.ts +2 -0
  7. package/DashboardLayout/DashboardLayoutStory.js +2 -7
  8. package/DashboardLayout/Header/Header.js +2 -2
  9. package/DashboardLayout/Header/{styled.d.ts → styles.d.ts} +0 -0
  10. package/DashboardLayout/Header/{styled.js → styles.js} +1 -1
  11. package/DashboardLayout/Sidebar/Sidebar.d.ts +16 -4
  12. package/DashboardLayout/Sidebar/Sidebar.js +14 -5
  13. package/DashboardLayout/Sidebar/SidebarNav/SidebarNav.d.ts +5 -0
  14. package/DashboardLayout/Sidebar/SidebarNav/SidebarNav.js +20 -0
  15. package/DashboardLayout/Sidebar/SidebarNav/index.d.ts +1 -0
  16. package/DashboardLayout/Sidebar/SidebarNav/index.js +17 -0
  17. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.d.ts +6 -0
  18. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.js +33 -0
  19. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/index.d.ts +1 -0
  20. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/index.js +17 -0
  21. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.d.ts +4 -0
  22. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.js +14 -0
  23. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.d.ts +6 -0
  24. package/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.js +25 -0
  25. package/DashboardLayout/Sidebar/SidebarToggler/index.d.ts +1 -0
  26. package/DashboardLayout/Sidebar/SidebarToggler/index.js +17 -0
  27. package/DashboardLayout/Sidebar/SidebarToggler/styled.d.ts +8 -0
  28. package/DashboardLayout/Sidebar/SidebarToggler/styled.js +15 -0
  29. package/DashboardLayout/Sidebar/styles.d.ts +7 -0
  30. package/DashboardLayout/Sidebar/{styled.js → styles.js} +12 -8
  31. package/DashboardLayout/{styled.d.ts → styles.d.ts} +0 -0
  32. package/DashboardLayout/{styled.js → styles.js} +1 -1
  33. package/Fade/Fade.d.ts +3 -0
  34. package/Fade/Fade.js +5 -0
  35. package/Fade/index.d.ts +1 -0
  36. package/Fade/index.js +17 -0
  37. package/FormHelperText/styled.d.ts +2 -2
  38. package/Grow/Grow.d.ts +3 -0
  39. package/Grow/Grow.js +5 -0
  40. package/Grow/index.d.ts +1 -0
  41. package/Grow/index.js +17 -0
  42. package/List/List.d.ts +2 -1
  43. package/List/List.js +5 -2
  44. package/List/index.d.ts +0 -1
  45. package/List/index.js +0 -1
  46. package/ListItem/ListItem.js +2 -2
  47. package/ListItem/{styled.d.ts → styles.d.ts} +0 -0
  48. package/ListItem/{styled.js → styles.js} +0 -0
  49. package/ListItemButton/ListItemButton.d.ts +6 -3
  50. package/ListItemButton/ListItemButton.js +5 -17
  51. package/ListItemIcon/ListItemIcon.d.ts +1 -1
  52. package/ListItemIcon/ListItemIcon.js +4 -16
  53. package/ListItemText/ListItemText.d.ts +3 -2
  54. package/ListItemText/ListItemText.js +5 -14
  55. package/MenuGroup/stories/Icons.js +7 -7
  56. package/NavMenu/NavMenu.d.ts +10 -0
  57. package/NavMenu/NavMenu.js +24 -0
  58. package/NavMenu/NavMenuItem/NavMenuItem.d.ts +16 -0
  59. package/NavMenu/NavMenuItem/NavMenuItem.js +40 -0
  60. package/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.d.ts +11 -0
  61. package/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js +34 -0
  62. package/NavMenu/NavMenuItem/NavMenuItemButton/index.d.ts +1 -0
  63. package/NavMenu/NavMenuItem/NavMenuItemButton/index.js +17 -0
  64. package/NavMenu/NavMenuItem/NavMenuItemButton/styles.d.ts +29 -0
  65. package/NavMenu/NavMenuItem/NavMenuItemButton/styles.js +46 -0
  66. package/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.d.ts +13 -0
  67. package/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.js +26 -0
  68. package/NavMenu/NavMenuItem/NavMenuItemList/index.d.ts +1 -0
  69. package/NavMenu/NavMenuItem/NavMenuItemList/index.js +17 -0
  70. package/NavMenu/NavMenuItem/index.d.ts +1 -0
  71. package/NavMenu/NavMenuItem/index.js +17 -0
  72. package/NavMenu/index.d.ts +1 -0
  73. package/NavMenu/index.js +17 -0
  74. package/Notification/NotificationTemplate/styled.d.ts +1 -1
  75. package/Notification/styled.d.ts +4 -4
  76. package/OverflowTypography/hooks/useOverflowed/useOverflowed.js +2 -5
  77. package/OverflowTypography/styles.js +1 -1
  78. package/Slide/Slide.d.ts +3 -0
  79. package/Slide/Slide.js +5 -0
  80. package/Slide/index.d.ts +1 -0
  81. package/Slide/index.js +17 -0
  82. package/Tooltip/Tooltip.js +6 -3
  83. package/Zoom/Zoom.d.ts +3 -0
  84. package/Zoom/Zoom.js +5 -0
  85. package/Zoom/index.d.ts +1 -0
  86. package/Zoom/index.js +17 -0
  87. package/esm/Chevron/styles.d.ts +1 -1
  88. package/esm/Collapse/Collapse.d.ts +2 -3
  89. package/esm/Collapse/Collapse.js +2 -16
  90. package/esm/DashboardLayout/DashboardLayout.d.ts +1 -1
  91. package/esm/DashboardLayout/DashboardLayout.js +1 -1
  92. package/esm/DashboardLayout/DashboardLayoutStory.d.ts +2 -0
  93. package/esm/DashboardLayout/DashboardLayoutStory.js +2 -7
  94. package/esm/DashboardLayout/Header/Header.js +1 -1
  95. package/esm/DashboardLayout/Header/{styled.d.ts → styles.d.ts} +0 -0
  96. package/esm/DashboardLayout/Header/{styled.js → styles.js} +1 -1
  97. package/esm/DashboardLayout/Sidebar/Sidebar.d.ts +16 -4
  98. package/esm/DashboardLayout/Sidebar/Sidebar.js +14 -5
  99. package/esm/DashboardLayout/Sidebar/SidebarNav/SidebarNav.d.ts +5 -0
  100. package/esm/DashboardLayout/Sidebar/SidebarNav/SidebarNav.js +17 -0
  101. package/esm/DashboardLayout/Sidebar/SidebarNav/index.d.ts +1 -0
  102. package/esm/DashboardLayout/Sidebar/SidebarNav/index.js +1 -0
  103. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.d.ts +6 -0
  104. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/SidebarToggleButton.js +30 -0
  105. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/index.d.ts +1 -0
  106. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/index.js +1 -0
  107. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.d.ts +4 -0
  108. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggleButton/styles.js +11 -0
  109. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.d.ts +6 -0
  110. package/esm/DashboardLayout/Sidebar/SidebarToggler/SidebarToggler.js +22 -0
  111. package/esm/DashboardLayout/Sidebar/SidebarToggler/index.d.ts +1 -0
  112. package/esm/DashboardLayout/Sidebar/SidebarToggler/index.js +1 -0
  113. package/esm/DashboardLayout/Sidebar/SidebarToggler/styled.d.ts +8 -0
  114. package/esm/DashboardLayout/Sidebar/SidebarToggler/styled.js +12 -0
  115. package/esm/DashboardLayout/Sidebar/styles.d.ts +7 -0
  116. package/esm/DashboardLayout/Sidebar/{styled.js → styles.js} +11 -7
  117. package/esm/DashboardLayout/{styled.d.ts → styles.d.ts} +0 -0
  118. package/esm/DashboardLayout/{styled.js → styles.js} +1 -1
  119. package/esm/Fade/Fade.d.ts +3 -0
  120. package/esm/Fade/Fade.js +2 -0
  121. package/esm/Fade/index.d.ts +1 -0
  122. package/esm/Fade/index.js +1 -0
  123. package/esm/FormHelperText/styled.d.ts +2 -2
  124. package/esm/Grow/Grow.d.ts +3 -0
  125. package/esm/Grow/Grow.js +2 -0
  126. package/esm/Grow/index.d.ts +1 -0
  127. package/esm/Grow/index.js +1 -0
  128. package/esm/List/List.d.ts +2 -1
  129. package/esm/List/List.js +2 -2
  130. package/esm/List/index.d.ts +0 -1
  131. package/esm/List/index.js +0 -1
  132. package/esm/ListItem/ListItem.js +1 -1
  133. package/esm/ListItem/{styled.d.ts → styles.d.ts} +0 -0
  134. package/esm/ListItem/{styled.js → styles.js} +0 -0
  135. package/esm/ListItemButton/ListItemButton.d.ts +6 -3
  136. package/esm/ListItemButton/ListItemButton.js +5 -16
  137. package/esm/ListItemIcon/ListItemIcon.d.ts +1 -1
  138. package/esm/ListItemIcon/ListItemIcon.js +4 -15
  139. package/esm/ListItemText/ListItemText.d.ts +3 -2
  140. package/esm/ListItemText/ListItemText.js +3 -15
  141. package/esm/MenuGroup/stories/Icons.js +7 -7
  142. package/esm/NavMenu/NavMenu.d.ts +10 -0
  143. package/esm/NavMenu/NavMenu.js +21 -0
  144. package/esm/NavMenu/NavMenuItem/NavMenuItem.d.ts +16 -0
  145. package/esm/NavMenu/NavMenuItem/NavMenuItem.js +36 -0
  146. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.d.ts +11 -0
  147. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js +31 -0
  148. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/index.d.ts +1 -0
  149. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/index.js +1 -0
  150. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/styles.d.ts +29 -0
  151. package/esm/NavMenu/NavMenuItem/NavMenuItemButton/styles.js +43 -0
  152. package/esm/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.d.ts +13 -0
  153. package/esm/NavMenu/NavMenuItem/NavMenuItemList/NavMenuItemList.js +22 -0
  154. package/esm/NavMenu/NavMenuItem/NavMenuItemList/index.d.ts +1 -0
  155. package/esm/NavMenu/NavMenuItem/NavMenuItemList/index.js +1 -0
  156. package/esm/NavMenu/NavMenuItem/index.d.ts +1 -0
  157. package/esm/NavMenu/NavMenuItem/index.js +1 -0
  158. package/esm/NavMenu/index.d.ts +1 -0
  159. package/esm/NavMenu/index.js +1 -0
  160. package/esm/Notification/NotificationTemplate/styled.d.ts +1 -1
  161. package/esm/Notification/styled.d.ts +4 -4
  162. package/esm/OverflowTypography/hooks/useOverflowed/useOverflowed.js +1 -1
  163. package/esm/OverflowTypography/styles.js +1 -1
  164. package/esm/Slide/Slide.d.ts +3 -0
  165. package/esm/Slide/Slide.js +2 -0
  166. package/esm/Slide/index.d.ts +1 -0
  167. package/esm/Slide/index.js +1 -0
  168. package/esm/Tooltip/Tooltip.js +6 -3
  169. package/esm/Zoom/Zoom.d.ts +3 -0
  170. package/esm/Zoom/Zoom.js +2 -0
  171. package/esm/Zoom/index.d.ts +1 -0
  172. package/esm/Zoom/index.js +1 -0
  173. package/esm/hooks/index.d.ts +1 -0
  174. package/esm/hooks/index.js +1 -0
  175. package/esm/hooks/useLocalStorage/index.d.ts +1 -0
  176. package/esm/hooks/useLocalStorage/index.js +1 -0
  177. package/esm/hooks/useLocalStorage/useLocalStorage.d.ts +1 -0
  178. package/esm/hooks/useLocalStorage/useLocalStorage.js +1 -0
  179. package/esm/index.d.ts +6 -1
  180. package/esm/index.js +6 -1
  181. package/esm/theme/components/MuiButton.js +1 -0
  182. package/esm/theme/components/MuiListItemButton.d.ts +3 -0
  183. package/esm/theme/components/MuiListItemButton.js +13 -0
  184. package/esm/theme/components/MuiListItemText.d.ts +3 -0
  185. package/esm/theme/components/MuiListItemText.js +12 -0
  186. package/esm/theme/components/components.js +4 -0
  187. package/hooks/index.d.ts +1 -0
  188. package/hooks/index.js +1 -0
  189. package/hooks/useLocalStorage/index.d.ts +1 -0
  190. package/hooks/useLocalStorage/index.js +17 -0
  191. package/hooks/useLocalStorage/useLocalStorage.d.ts +1 -0
  192. package/hooks/useLocalStorage/useLocalStorage.js +5 -0
  193. package/index.d.ts +6 -1
  194. package/index.js +6 -1
  195. package/package.json +4 -3
  196. package/theme/components/MuiButton.js +1 -0
  197. package/theme/components/MuiListItemButton.d.ts +3 -0
  198. package/theme/components/MuiListItemButton.js +16 -0
  199. package/theme/components/MuiListItemText.d.ts +3 -0
  200. package/theme/components/MuiListItemText.js +15 -0
  201. package/theme/components/components.js +4 -0
  202. package/Collapse/styles.d.ts +0 -3
  203. package/Collapse/styles.js +0 -11
  204. package/DashboardLayout/Sidebar/styled.d.ts +0 -8
  205. package/List/styles.d.ts +0 -15
  206. package/List/styles.js +0 -11
  207. package/List/types.d.ts +0 -4
  208. package/List/types.js +0 -2
  209. package/ListItemButton/styled.d.ts +0 -35
  210. package/ListItemButton/styled.js +0 -49
  211. package/ListItemButton/types.d.ts +0 -2
  212. package/ListItemButton/types.js +0 -2
  213. package/ListItemText/styles.d.ts +0 -7
  214. package/ListItemText/styles.js +0 -11
  215. package/esm/Collapse/styles.d.ts +0 -3
  216. package/esm/Collapse/styles.js +0 -8
  217. package/esm/DashboardLayout/Sidebar/styled.d.ts +0 -8
  218. package/esm/List/styles.d.ts +0 -15
  219. package/esm/List/styles.js +0 -8
  220. package/esm/List/types.d.ts +0 -4
  221. package/esm/List/types.js +0 -1
  222. package/esm/ListItemButton/styled.d.ts +0 -35
  223. package/esm/ListItemButton/styled.js +0 -44
  224. package/esm/ListItemButton/types.d.ts +0 -2
  225. package/esm/ListItemButton/types.js +0 -1
  226. package/esm/ListItemText/styles.d.ts +0 -7
  227. package/esm/ListItemText/styles.js +0 -8
@@ -1 +1,2 @@
1
+ export * from './useLocalStorage';
1
2
  export * from './useMenu';
@@ -0,0 +1 @@
1
+ export * from './useLocalStorage';
@@ -0,0 +1 @@
1
+ export * from './useLocalStorage';
@@ -0,0 +1 @@
1
+ export { useLocalStorage } from 'react-use';
@@ -0,0 +1 @@
1
+ export { useLocalStorage } from 'react-use';
package/esm/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export * from './ActionCell';
2
2
  export * from './Autocomplete';
3
3
  export * from './Badge';
4
4
  export * from './Button';
5
+ export * from './Divider';
5
6
  export * from './ButtonBase';
6
7
  export * from './Checkbox';
7
8
  export * from './CircularProgress';
@@ -16,10 +17,12 @@ export * from './DialogContent';
16
17
  export * from './DialogContentText';
17
18
  export * from './DialogTitle';
18
19
  export * from './DropdownButton';
20
+ export * from './Fade';
19
21
  export * from './FormControlLabel';
20
22
  export * from './FormHelperText';
21
23
  export * from './GlobalStyles';
22
24
  export * from './Grid';
25
+ export * from './Grow';
23
26
  export * from './IconButton';
24
27
  export * from './IconDropdownButton';
25
28
  export * from './hooks';
@@ -36,6 +39,7 @@ export * from './Menu';
36
39
  export * from './MenuItem';
37
40
  export * from './MenuList';
38
41
  export * from './MenuGroup';
42
+ export * from './OverflowTypography';
39
43
  export * from './Placeholder';
40
44
  export * from './Product';
41
45
  export * from './Profile';
@@ -57,8 +61,9 @@ export * from './SideDialogTitle';
57
61
  export * from './SideDialogActions';
58
62
  export * from './SideDialogContent';
59
63
  export * from './SideDialogContentText';
64
+ export * from './Slide';
65
+ export * from './Zoom';
60
66
  export * from './Notification';
61
67
  export * from './LocalizationProvider';
62
68
  export * from './ContentState';
63
69
  export * from './Chevron';
64
- export * from './OverflowTypography';
package/esm/index.js CHANGED
@@ -2,6 +2,7 @@ export * from './ActionCell';
2
2
  export * from './Autocomplete';
3
3
  export * from './Badge';
4
4
  export * from './Button';
5
+ export * from './Divider';
5
6
  export * from './ButtonBase';
6
7
  export * from './Checkbox';
7
8
  export * from './CircularProgress';
@@ -16,10 +17,12 @@ export * from './DialogContent';
16
17
  export * from './DialogContentText';
17
18
  export * from './DialogTitle';
18
19
  export * from './DropdownButton';
20
+ export * from './Fade';
19
21
  export * from './FormControlLabel';
20
22
  export * from './FormHelperText';
21
23
  export * from './GlobalStyles';
22
24
  export * from './Grid';
25
+ export * from './Grow';
23
26
  export * from './IconButton';
24
27
  export * from './IconDropdownButton';
25
28
  export * from './hooks';
@@ -36,6 +39,7 @@ export * from './Menu';
36
39
  export * from './MenuItem';
37
40
  export * from './MenuList';
38
41
  export * from './MenuGroup';
42
+ export * from './OverflowTypography';
39
43
  export * from './Placeholder';
40
44
  export * from './Product';
41
45
  export * from './Profile';
@@ -57,8 +61,9 @@ export * from './SideDialogTitle';
57
61
  export * from './SideDialogActions';
58
62
  export * from './SideDialogContent';
59
63
  export * from './SideDialogContentText';
64
+ export * from './Slide';
65
+ export * from './Zoom';
60
66
  export * from './Notification';
61
67
  export * from './LocalizationProvider';
62
68
  export * from './ContentState';
63
69
  export * from './Chevron';
64
- export * from './OverflowTypography';
@@ -12,6 +12,7 @@ export var MuiButton = {
12
12
  var selected = ownerState.selected;
13
13
  return {
14
14
  display: 'inline-flex',
15
+ gap: theme.spacing(1),
15
16
  color: getColor({
16
17
  selected: selected,
17
18
  theme: theme,
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiListItemButton: Components<Theme>['MuiListItemButton'];
@@ -0,0 +1,13 @@
1
+ export var MuiListItemButton = {
2
+ styleOverrides: {
3
+ root: function (_a) {
4
+ var theme = _a.theme;
5
+ return {
6
+ '&.Mui-selected': {
7
+ color: theme.palette.primary[800],
8
+ backgroundColor: theme.palette.grey[100],
9
+ },
10
+ };
11
+ },
12
+ },
13
+ };
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiListItemText: Components<Theme>['MuiListItemText'];
@@ -0,0 +1,12 @@
1
+ export var MuiListItemText = {
2
+ styleOverrides: {
3
+ root: function () {
4
+ return {
5
+ overflow: 'hidden',
6
+ whiteSpace: 'nowrap',
7
+ textAlign: 'left',
8
+ textOverflow: 'ellipsis',
9
+ };
10
+ },
11
+ },
12
+ };
@@ -19,6 +19,8 @@ import { MuiTableRow } from './MuiTableRow';
19
19
  import { MuiMenu } from './MuiMenu';
20
20
  import { MuiMenuItem } from './MuiMenuItem';
21
21
  import { MuiCircularProgress } from './MuiCircularProgress';
22
+ import { MuiListItemButton } from './MuiListItemButton';
23
+ import { MuiListItemText } from './MuiListItemText';
22
24
  var getMuiCssBaseline = function (fontUrls) { return ({
23
25
  styleOverrides: "\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 300;\n font-display: swap;\n src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n }\n @font-face { \n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 400;\n font-display: swap;\n src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 500;\n font-display: swap;\n src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 700;\n font-display: swap;\n src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n }\n "),
24
26
  }); };
@@ -57,4 +59,6 @@ export var getComponents = function (fontUrls) { return ({
57
59
  MuiTableRow: MuiTableRow,
58
60
  MuiPaginationItem: MuiPaginationItem,
59
61
  MuiCircularProgress: MuiCircularProgress,
62
+ MuiListItemButton: MuiListItemButton,
63
+ MuiListItemText: MuiListItemText,
60
64
  }); };
package/hooks/index.d.ts CHANGED
@@ -1 +1,2 @@
1
+ export * from './useLocalStorage';
1
2
  export * from './useMenu';
package/hooks/index.js CHANGED
@@ -14,4 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./useLocalStorage"), exports);
17
18
  __exportStar(require("./useMenu"), exports);
@@ -0,0 +1 @@
1
+ export * from './useLocalStorage';
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./useLocalStorage"), exports);
@@ -0,0 +1 @@
1
+ export { useLocalStorage } from 'react-use';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useLocalStorage = void 0;
4
+ var react_use_1 = require("react-use");
5
+ Object.defineProperty(exports, "useLocalStorage", { enumerable: true, get: function () { return react_use_1.useLocalStorage; } });
package/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export * from './ActionCell';
2
2
  export * from './Autocomplete';
3
3
  export * from './Badge';
4
4
  export * from './Button';
5
+ export * from './Divider';
5
6
  export * from './ButtonBase';
6
7
  export * from './Checkbox';
7
8
  export * from './CircularProgress';
@@ -16,10 +17,12 @@ export * from './DialogContent';
16
17
  export * from './DialogContentText';
17
18
  export * from './DialogTitle';
18
19
  export * from './DropdownButton';
20
+ export * from './Fade';
19
21
  export * from './FormControlLabel';
20
22
  export * from './FormHelperText';
21
23
  export * from './GlobalStyles';
22
24
  export * from './Grid';
25
+ export * from './Grow';
23
26
  export * from './IconButton';
24
27
  export * from './IconDropdownButton';
25
28
  export * from './hooks';
@@ -36,6 +39,7 @@ export * from './Menu';
36
39
  export * from './MenuItem';
37
40
  export * from './MenuList';
38
41
  export * from './MenuGroup';
42
+ export * from './OverflowTypography';
39
43
  export * from './Placeholder';
40
44
  export * from './Product';
41
45
  export * from './Profile';
@@ -57,8 +61,9 @@ export * from './SideDialogTitle';
57
61
  export * from './SideDialogActions';
58
62
  export * from './SideDialogContent';
59
63
  export * from './SideDialogContentText';
64
+ export * from './Slide';
65
+ export * from './Zoom';
60
66
  export * from './Notification';
61
67
  export * from './LocalizationProvider';
62
68
  export * from './ContentState';
63
69
  export * from './Chevron';
64
- export * from './OverflowTypography';
package/index.js CHANGED
@@ -18,6 +18,7 @@ __exportStar(require("./ActionCell"), exports);
18
18
  __exportStar(require("./Autocomplete"), exports);
19
19
  __exportStar(require("./Badge"), exports);
20
20
  __exportStar(require("./Button"), exports);
21
+ __exportStar(require("./Divider"), exports);
21
22
  __exportStar(require("./ButtonBase"), exports);
22
23
  __exportStar(require("./Checkbox"), exports);
23
24
  __exportStar(require("./CircularProgress"), exports);
@@ -32,10 +33,12 @@ __exportStar(require("./DialogContent"), exports);
32
33
  __exportStar(require("./DialogContentText"), exports);
33
34
  __exportStar(require("./DialogTitle"), exports);
34
35
  __exportStar(require("./DropdownButton"), exports);
36
+ __exportStar(require("./Fade"), exports);
35
37
  __exportStar(require("./FormControlLabel"), exports);
36
38
  __exportStar(require("./FormHelperText"), exports);
37
39
  __exportStar(require("./GlobalStyles"), exports);
38
40
  __exportStar(require("./Grid"), exports);
41
+ __exportStar(require("./Grow"), exports);
39
42
  __exportStar(require("./IconButton"), exports);
40
43
  __exportStar(require("./IconDropdownButton"), exports);
41
44
  __exportStar(require("./hooks"), exports);
@@ -52,6 +55,7 @@ __exportStar(require("./Menu"), exports);
52
55
  __exportStar(require("./MenuItem"), exports);
53
56
  __exportStar(require("./MenuList"), exports);
54
57
  __exportStar(require("./MenuGroup"), exports);
58
+ __exportStar(require("./OverflowTypography"), exports);
55
59
  __exportStar(require("./Placeholder"), exports);
56
60
  __exportStar(require("./Product"), exports);
57
61
  __exportStar(require("./Profile"), exports);
@@ -73,8 +77,9 @@ __exportStar(require("./SideDialogTitle"), exports);
73
77
  __exportStar(require("./SideDialogActions"), exports);
74
78
  __exportStar(require("./SideDialogContent"), exports);
75
79
  __exportStar(require("./SideDialogContentText"), exports);
80
+ __exportStar(require("./Slide"), exports);
81
+ __exportStar(require("./Zoom"), exports);
76
82
  __exportStar(require("./Notification"), exports);
77
83
  __exportStar(require("./LocalizationProvider"), exports);
78
84
  __exportStar(require("./ContentState"), exports);
79
85
  __exportStar(require("./Chevron"), exports);
80
- __exportStar(require("./OverflowTypography"), exports);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astral/ui",
3
- "version": "0.45.0",
3
+ "version": "0.47.0",
4
4
  "browser": "./src/index.ts",
5
5
  "jest": {
6
6
  "moduleNameMapper": {
@@ -8,7 +8,7 @@
8
8
  }
9
9
  },
10
10
  "dependencies": {
11
- "@astral/icons": "^0.45.0",
11
+ "@astral/icons": "^0.47.0",
12
12
  "@emotion/cache": "11.7.1",
13
13
  "@emotion/react": "11.9.0",
14
14
  "@emotion/server": "11.4.0",
@@ -20,7 +20,8 @@
20
20
  "lodash-es": "4.17.21",
21
21
  "react-datepicker": "4.7.0",
22
22
  "react-imask": "^6.4.2",
23
- "react-toastify": "9.0.3"
23
+ "react-toastify": "9.0.3",
24
+ "react-use": "^17.4.0"
24
25
  },
25
26
  "peerDependencies": {
26
27
  "react": ">=17.0.0"
@@ -15,6 +15,7 @@ exports.MuiButton = {
15
15
  var selected = ownerState.selected;
16
16
  return {
17
17
  display: 'inline-flex',
18
+ gap: theme.spacing(1),
18
19
  color: (0, styled_1.getColor)({
19
20
  selected: selected,
20
21
  theme: theme,
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiListItemButton: Components<Theme>['MuiListItemButton'];
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MuiListItemButton = void 0;
4
+ exports.MuiListItemButton = {
5
+ styleOverrides: {
6
+ root: function (_a) {
7
+ var theme = _a.theme;
8
+ return {
9
+ '&.Mui-selected': {
10
+ color: theme.palette.primary[800],
11
+ backgroundColor: theme.palette.grey[100],
12
+ },
13
+ };
14
+ },
15
+ },
16
+ };
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiListItemText: Components<Theme>['MuiListItemText'];
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MuiListItemText = void 0;
4
+ exports.MuiListItemText = {
5
+ styleOverrides: {
6
+ root: function () {
7
+ return {
8
+ overflow: 'hidden',
9
+ whiteSpace: 'nowrap',
10
+ textAlign: 'left',
11
+ textOverflow: 'ellipsis',
12
+ };
13
+ },
14
+ },
15
+ };
@@ -22,6 +22,8 @@ var MuiTableRow_1 = require("./MuiTableRow");
22
22
  var MuiMenu_1 = require("./MuiMenu");
23
23
  var MuiMenuItem_1 = require("./MuiMenuItem");
24
24
  var MuiCircularProgress_1 = require("./MuiCircularProgress");
25
+ var MuiListItemButton_1 = require("./MuiListItemButton");
26
+ var MuiListItemText_1 = require("./MuiListItemText");
25
27
  var getMuiCssBaseline = function (fontUrls) { return ({
26
28
  styleOverrides: "\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 300;\n font-display: swap;\n src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n }\n @font-face { \n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 400;\n font-display: swap;\n src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 500;\n font-display: swap;\n src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 700;\n font-display: swap;\n src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n }\n "),
27
29
  }); };
@@ -60,5 +62,7 @@ var getComponents = function (fontUrls) { return ({
60
62
  MuiTableRow: MuiTableRow_1.MuiTableRow,
61
63
  MuiPaginationItem: MuiPaginationItem_1.MuiPaginationItem,
62
64
  MuiCircularProgress: MuiCircularProgress_1.MuiCircularProgress,
65
+ MuiListItemButton: MuiListItemButton_1.MuiListItemButton,
66
+ MuiListItemText: MuiListItemText_1.MuiListItemText,
63
67
  }); };
64
68
  exports.getComponents = getComponents;
@@ -1,3 +0,0 @@
1
- export declare const StyledCollapse: import("@emotion/styled").StyledComponent<import("@mui/material").CollapseProps & {
2
- theme?: import("@emotion/react").Theme | undefined;
3
- }, {}, {}>;
@@ -1,11 +0,0 @@
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
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledCollapse = void 0;
8
- var material_1 = require("@mui/material");
9
- var styles_1 = require("../styles");
10
- exports.StyledCollapse = (0, styles_1.styled)(material_1.Collapse)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.MuiCollapse-horizontal {\n .MuiCollapse-wrapperInner {\n width: 100%;\n }\n }\n"], ["\n &.MuiCollapse-horizontal {\n .MuiCollapse-wrapperInner {\n width: 100%;\n }\n }\n"])));
11
- var templateObject_1;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const SidebarRoot: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
6
- export declare const SidebarToggler: import("@emotion/styled").StyledComponent<Pick<import("../../Button").ButtonProps, "disabled" | "href" | "onFocusVisible" | "tabIndex" | "type" | "action" | "children" | "form" | "slot" | "title" | "key" | "css" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "size" | "component" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loading" | "loadingIndicator" | "loadingPosition"> & import("react").RefAttributes<HTMLButtonElement> & {
7
- theme?: import("@emotion/react").Theme | undefined;
8
- }, {}, {}>;
package/List/styles.d.ts DELETED
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledList: import("@emotion/styled").StyledComponent<{
3
- children?: import("react").ReactNode;
4
- classes?: Partial<import("@mui/material").ListClasses> | undefined;
5
- dense?: boolean | undefined;
6
- disablePadding?: boolean | undefined;
7
- subheader?: import("react").ReactNode;
8
- sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
9
- } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLUListElement>> & {
10
- ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
11
- }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "dense" | "subheader" | "disablePadding"> & {
12
- theme?: import("@emotion/react").Theme | undefined;
13
- } & {
14
- collapsed?: boolean | undefined;
15
- }, {}, {}>;
package/List/styles.js DELETED
@@ -1,11 +0,0 @@
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
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledList = void 0;
8
- var material_1 = require("@mui/material");
9
- var styles_1 = require("../styles");
10
- exports.StyledList = (0, styles_1.styled)(material_1.List)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n a {\n display: inline-block;\n width: 100%;\n\n text-decoration: none;\n }\n"], ["\n a {\n display: inline-block;\n width: 100%;\n\n text-decoration: none;\n }\n"])));
11
- var templateObject_1;
package/List/types.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { ListProps as MuiListProps } from '@mui/material';
2
- export declare type ListProps = MuiListProps & {
3
- collapsed?: boolean;
4
- };
package/List/types.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- import { Theme } from '../theme';
3
- import { ListItemButtonStates } from './constants';
4
- import { ListItemButtonProps } from './types';
5
- declare type StyledListItemButtonThemeProps = ListItemButtonProps & {
6
- theme: Theme;
7
- };
8
- export declare const getBgColor: ({ selected, theme, }: StyledListItemButtonThemeProps) => string;
9
- export declare const getColor: ({ theme, selected, listItemButtonState, }: ListItemButtonProps & {
10
- theme: Theme;
11
- } & {
12
- listItemButtonState: ListItemButtonStates;
13
- }) => string;
14
- export declare const StyledListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
15
- action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
16
- centerRipple?: boolean | undefined;
17
- children?: import("react").ReactNode;
18
- classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
19
- disabled?: boolean | undefined;
20
- disableRipple?: boolean | undefined;
21
- disableTouchRipple?: boolean | undefined;
22
- focusRipple?: boolean | undefined;
23
- focusVisibleClassName?: string | undefined;
24
- LinkComponent?: import("react").ElementType<any> | undefined;
25
- onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
26
- sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
27
- tabIndex?: number | undefined;
28
- TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
29
- touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
30
- }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
31
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
32
- }, "disabled" | "onFocusVisible" | "tabIndex" | "action" | "children" | "className" | "style" | "autoFocus" | "selected" | "alignItems" | "divider" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "sx" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & {
33
- theme?: import("@emotion/react").Theme | undefined;
34
- } & ListItemButtonProps, {}, {}>;
35
- export {};
@@ -1,49 +0,0 @@
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
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.StyledListItemButton = exports.getColor = exports.getBgColor = void 0;
19
- var material_1 = require("@mui/material");
20
- var styles_1 = require("../styles");
21
- var constants_1 = require("./constants");
22
- var getBgColor = function (_a) {
23
- var selected = _a.selected, theme = _a.theme;
24
- if (selected) {
25
- return theme.palette.grey[100];
26
- }
27
- return 'transparent';
28
- };
29
- exports.getBgColor = getBgColor;
30
- var getColor = function (_a) {
31
- var theme = _a.theme, selected = _a.selected, listItemButtonState = _a.listItemButtonState;
32
- if (listItemButtonState === constants_1.ListItemButtonStates.DEFAULT) {
33
- return theme.palette.grey[900];
34
- }
35
- if (listItemButtonState === constants_1.ListItemButtonStates.HOVER || selected) {
36
- return theme.palette.primary[800];
37
- }
38
- return theme.palette.grey[900];
39
- };
40
- exports.getColor = getColor;
41
- exports.StyledListItemButton = (0, styles_1.styled)(material_1.ListItemButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n\n user-select: none;\n\n :hover {\n color: ", ";\n }\n"], ["\n color: ", ";\n\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n\n user-select: none;\n\n :hover {\n color: ", ";\n }\n"])), function (props) {
42
- return (0, exports.getColor)(__assign(__assign({}, props), { listItemButtonState: constants_1.ListItemButtonStates.DEFAULT }));
43
- }, function (props) { return (0, exports.getBgColor)(__assign({}, props)); }, function (_a) {
44
- var theme = _a.theme;
45
- return theme.shape.small;
46
- }, function (props) {
47
- return (0, exports.getColor)(__assign(__assign({}, props), { listItemButtonState: constants_1.ListItemButtonStates.HOVER }));
48
- });
49
- var templateObject_1;
@@ -1,2 +0,0 @@
1
- import { ListItemButtonProps as MuiListItemButtonProps } from '@mui/material/ListItemButton/ListItemButton';
2
- export declare type ListItemButtonProps = Omit<MuiListItemButtonProps, 'disableRipple'>;
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { ListItemTextProps } from '@mui/material';
3
- declare type StyledListItemTextProps = ListItemTextProps;
4
- export declare const StyledListItemText: import("@emotion/styled").StyledComponent<ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- } & StyledListItemTextProps, {}, {}>;
7
- export {};
@@ -1,11 +0,0 @@
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
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledListItemText = void 0;
8
- var material_1 = require("@mui/material");
9
- var styles_1 = require("../styles");
10
- exports.StyledListItemText = (0, styles_1.styled)(material_1.ListItemText)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n\n white-space: nowrap;\n text-align: left;\n text-overflow: ellipsis;\n"], ["\n overflow: hidden;\n\n white-space: nowrap;\n text-align: left;\n text-overflow: ellipsis;\n"])));
11
- var templateObject_1;
@@ -1,3 +0,0 @@
1
- export declare const StyledCollapse: import("@emotion/styled").StyledComponent<import("@mui/material").CollapseProps & {
2
- theme?: import("@emotion/react").Theme | undefined;
3
- }, {}, {}>;
@@ -1,8 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- import { Collapse } from '@mui/material';
6
- import { styled } from '../styles';
7
- export var StyledCollapse = styled(Collapse)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.MuiCollapse-horizontal {\n .MuiCollapse-wrapperInner {\n width: 100%;\n }\n }\n"], ["\n &.MuiCollapse-horizontal {\n .MuiCollapse-wrapperInner {\n width: 100%;\n }\n }\n"])));
8
- var templateObject_1;