@astral/ui 0.21.0 → 0.22.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 (207) hide show
  1. package/DataGrid/DataGrid.d.ts +3 -0
  2. package/DataGrid/DataGrid.js +64 -0
  3. package/DataGrid/DataGridBody/DataGridBody.d.ts +3 -0
  4. package/DataGrid/DataGridBody/DataGridBody.js +39 -0
  5. package/DataGrid/DataGridBody/index.d.ts +1 -0
  6. package/DataGrid/DataGridBody/index.js +13 -0
  7. package/DataGrid/DataGridBody/styled.d.ts +13 -0
  8. package/DataGrid/DataGridBody/styled.js +17 -0
  9. package/DataGrid/DataGridBody/types.d.ts +11 -0
  10. package/DataGrid/DataGridBody/types.js +2 -0
  11. package/DataGrid/DataGridCell/DataGridCell.d.ts +3 -0
  12. package/DataGrid/DataGridCell/DataGridCell.js +29 -0
  13. package/DataGrid/DataGridCell/index.d.ts +1 -0
  14. package/DataGrid/DataGridCell/index.js +13 -0
  15. package/DataGrid/DataGridCell/types.d.ts +5 -0
  16. package/DataGrid/DataGridCell/types.js +2 -0
  17. package/DataGrid/DataGridHead/DataGridHead.d.ts +3 -0
  18. package/DataGrid/DataGridHead/DataGridHead.js +71 -0
  19. package/DataGrid/DataGridHead/index.d.ts +2 -0
  20. package/DataGrid/DataGridHead/index.js +14 -0
  21. package/DataGrid/DataGridHead/types.d.ts +11 -0
  22. package/DataGrid/DataGridHead/types.js +2 -0
  23. package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.d.ts +3 -0
  24. package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +30 -0
  25. package/DataGrid/DataGridHeadColumn/index.d.ts +2 -0
  26. package/DataGrid/DataGridHeadColumn/index.js +14 -0
  27. package/DataGrid/DataGridHeadColumn/styled.d.ts +38 -0
  28. package/DataGrid/DataGridHeadColumn/styled.js +20 -0
  29. package/DataGrid/DataGridHeadColumn/types.d.ts +11 -0
  30. package/DataGrid/DataGridHeadColumn/types.js +2 -0
  31. package/DataGrid/DataGridLoader/DataGridLoader.d.ts +4 -0
  32. package/DataGrid/DataGridLoader/DataGridLoader.js +9 -0
  33. package/DataGrid/DataGridLoader/index.d.ts +2 -0
  34. package/DataGrid/DataGridLoader/index.js +14 -0
  35. package/DataGrid/DataGridLoader/styled.d.ts +27 -0
  36. package/DataGrid/DataGridLoader/styled.js +18 -0
  37. package/DataGrid/DataGridLoader/types.d.ts +3 -0
  38. package/DataGrid/DataGridLoader/types.js +2 -0
  39. package/DataGrid/constants.d.ts +4 -0
  40. package/DataGrid/constants.js +8 -0
  41. package/DataGrid/index.d.ts +2 -0
  42. package/DataGrid/index.js +14 -0
  43. package/DataGrid/styled.d.ts +16 -0
  44. package/DataGrid/styled.js +17 -0
  45. package/DataGrid/types.d.ts +32 -0
  46. package/DataGrid/types.js +2 -0
  47. package/DataGridPagination/DataGridPagination.d.ts +3 -0
  48. package/DataGridPagination/DataGridPagination.js +38 -0
  49. package/DataGridPagination/index.d.ts +2 -0
  50. package/DataGridPagination/index.js +14 -0
  51. package/DataGridPagination/styled.d.ts +10 -0
  52. package/DataGridPagination/styled.js +18 -0
  53. package/DataGridPagination/types.d.ts +6 -0
  54. package/DataGridPagination/types.js +2 -0
  55. package/Pagination/Pagination.d.ts +3 -0
  56. package/Pagination/Pagination.js +32 -0
  57. package/Pagination/index.d.ts +2 -0
  58. package/Pagination/index.js +14 -0
  59. package/Pagination/types.d.ts +2 -0
  60. package/Pagination/types.js +2 -0
  61. package/Table/Table.d.ts +3 -0
  62. package/Table/Table.js +32 -0
  63. package/Table/TableBody/TableBody.d.ts +3 -0
  64. package/Table/TableBody/TableBody.js +5 -0
  65. package/Table/TableBody/index.d.ts +1 -0
  66. package/Table/TableBody/index.js +13 -0
  67. package/Table/TableCell/TableCell.d.ts +3 -0
  68. package/Table/TableCell/TableCell.js +5 -0
  69. package/Table/TableCell/index.d.ts +1 -0
  70. package/Table/TableCell/index.js +13 -0
  71. package/Table/TableContainer/TableContainer.d.ts +3 -0
  72. package/Table/TableContainer/TableContainer.js +5 -0
  73. package/Table/TableContainer/index.d.ts +1 -0
  74. package/Table/TableContainer/index.js +13 -0
  75. package/Table/TableFooter/TableFooter.d.ts +3 -0
  76. package/Table/TableFooter/TableFooter.js +5 -0
  77. package/Table/TableFooter/index.d.ts +1 -0
  78. package/Table/TableFooter/index.js +13 -0
  79. package/Table/TableHead/TableHead.d.ts +3 -0
  80. package/Table/TableHead/TableHead.js +5 -0
  81. package/Table/TableHead/index.d.ts +1 -0
  82. package/Table/TableHead/index.js +13 -0
  83. package/Table/TableRow/TableRow.d.ts +3 -0
  84. package/Table/TableRow/TableRow.js +5 -0
  85. package/Table/TableRow/index.d.ts +1 -0
  86. package/Table/TableRow/index.js +13 -0
  87. package/Table/TableSortLabel/TableSortLabel.d.ts +3 -0
  88. package/Table/TableSortLabel/TableSortLabel.js +5 -0
  89. package/Table/TableSortLabel/index.d.ts +1 -0
  90. package/Table/TableSortLabel/index.js +13 -0
  91. package/Table/index.d.ts +7 -0
  92. package/Table/index.js +19 -0
  93. package/esm/DataGrid/DataGrid.d.ts +3 -0
  94. package/esm/DataGrid/DataGrid.js +57 -0
  95. package/esm/DataGrid/DataGridBody/DataGridBody.d.ts +3 -0
  96. package/esm/DataGrid/DataGridBody/DataGridBody.js +35 -0
  97. package/esm/DataGrid/DataGridBody/index.d.ts +1 -0
  98. package/esm/DataGrid/DataGridBody/index.js +1 -0
  99. package/esm/DataGrid/DataGridBody/styled.d.ts +13 -0
  100. package/esm/DataGrid/DataGridBody/styled.js +14 -0
  101. package/esm/DataGrid/DataGridBody/types.d.ts +11 -0
  102. package/esm/DataGrid/DataGridBody/types.js +1 -0
  103. package/esm/DataGrid/DataGridCell/DataGridCell.d.ts +3 -0
  104. package/esm/DataGrid/DataGridCell/DataGridCell.js +25 -0
  105. package/esm/DataGrid/DataGridCell/index.d.ts +1 -0
  106. package/esm/DataGrid/DataGridCell/index.js +1 -0
  107. package/esm/DataGrid/DataGridCell/types.d.ts +5 -0
  108. package/esm/DataGrid/DataGridCell/types.js +1 -0
  109. package/esm/DataGrid/DataGridHead/DataGridHead.d.ts +3 -0
  110. package/esm/DataGrid/DataGridHead/DataGridHead.js +67 -0
  111. package/esm/DataGrid/DataGridHead/index.d.ts +2 -0
  112. package/esm/DataGrid/DataGridHead/index.js +2 -0
  113. package/esm/DataGrid/DataGridHead/types.d.ts +11 -0
  114. package/esm/DataGrid/DataGridHead/types.js +1 -0
  115. package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.d.ts +3 -0
  116. package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +26 -0
  117. package/esm/DataGrid/DataGridHeadColumn/index.d.ts +2 -0
  118. package/esm/DataGrid/DataGridHeadColumn/index.js +2 -0
  119. package/esm/DataGrid/DataGridHeadColumn/styled.d.ts +38 -0
  120. package/esm/DataGrid/DataGridHeadColumn/styled.js +17 -0
  121. package/esm/DataGrid/DataGridHeadColumn/types.d.ts +11 -0
  122. package/esm/DataGrid/DataGridHeadColumn/types.js +1 -0
  123. package/esm/DataGrid/DataGridLoader/DataGridLoader.d.ts +4 -0
  124. package/esm/DataGrid/DataGridLoader/DataGridLoader.js +7 -0
  125. package/esm/DataGrid/DataGridLoader/index.d.ts +2 -0
  126. package/esm/DataGrid/DataGridLoader/index.js +2 -0
  127. package/esm/DataGrid/DataGridLoader/styled.d.ts +27 -0
  128. package/esm/DataGrid/DataGridLoader/styled.js +15 -0
  129. package/esm/DataGrid/DataGridLoader/types.d.ts +3 -0
  130. package/esm/DataGrid/DataGridLoader/types.js +1 -0
  131. package/esm/DataGrid/constants.d.ts +4 -0
  132. package/esm/DataGrid/constants.js +5 -0
  133. package/esm/DataGrid/index.d.ts +2 -0
  134. package/esm/DataGrid/index.js +2 -0
  135. package/esm/DataGrid/styled.d.ts +16 -0
  136. package/esm/DataGrid/styled.js +14 -0
  137. package/esm/DataGrid/types.d.ts +32 -0
  138. package/esm/DataGrid/types.js +1 -0
  139. package/esm/DataGridPagination/DataGridPagination.d.ts +3 -0
  140. package/esm/DataGridPagination/DataGridPagination.js +34 -0
  141. package/esm/DataGridPagination/index.d.ts +2 -0
  142. package/esm/DataGridPagination/index.js +2 -0
  143. package/esm/DataGridPagination/styled.d.ts +10 -0
  144. package/esm/DataGridPagination/styled.js +15 -0
  145. package/esm/DataGridPagination/types.d.ts +6 -0
  146. package/esm/DataGridPagination/types.js +1 -0
  147. package/esm/Pagination/Pagination.d.ts +3 -0
  148. package/esm/Pagination/Pagination.js +28 -0
  149. package/esm/Pagination/index.d.ts +2 -0
  150. package/esm/Pagination/index.js +2 -0
  151. package/esm/Pagination/types.d.ts +2 -0
  152. package/esm/Pagination/types.js +1 -0
  153. package/esm/Table/Table.d.ts +3 -0
  154. package/esm/Table/Table.js +28 -0
  155. package/esm/Table/TableBody/TableBody.d.ts +3 -0
  156. package/esm/Table/TableBody/TableBody.js +2 -0
  157. package/esm/Table/TableBody/index.d.ts +1 -0
  158. package/esm/Table/TableBody/index.js +1 -0
  159. package/esm/Table/TableCell/TableCell.d.ts +3 -0
  160. package/esm/Table/TableCell/TableCell.js +2 -0
  161. package/esm/Table/TableCell/index.d.ts +1 -0
  162. package/esm/Table/TableCell/index.js +1 -0
  163. package/esm/Table/TableContainer/TableContainer.d.ts +3 -0
  164. package/esm/Table/TableContainer/TableContainer.js +2 -0
  165. package/esm/Table/TableContainer/index.d.ts +1 -0
  166. package/esm/Table/TableContainer/index.js +1 -0
  167. package/esm/Table/TableFooter/TableFooter.d.ts +3 -0
  168. package/esm/Table/TableFooter/TableFooter.js +2 -0
  169. package/esm/Table/TableFooter/index.d.ts +1 -0
  170. package/esm/Table/TableFooter/index.js +1 -0
  171. package/esm/Table/TableHead/TableHead.d.ts +3 -0
  172. package/esm/Table/TableHead/TableHead.js +2 -0
  173. package/esm/Table/TableHead/index.d.ts +1 -0
  174. package/esm/Table/TableHead/index.js +1 -0
  175. package/esm/Table/TableRow/TableRow.d.ts +3 -0
  176. package/esm/Table/TableRow/TableRow.js +2 -0
  177. package/esm/Table/TableRow/index.d.ts +1 -0
  178. package/esm/Table/TableRow/index.js +1 -0
  179. package/esm/Table/TableSortLabel/TableSortLabel.d.ts +3 -0
  180. package/esm/Table/TableSortLabel/TableSortLabel.js +2 -0
  181. package/esm/Table/TableSortLabel/index.d.ts +1 -0
  182. package/esm/Table/TableSortLabel/index.js +1 -0
  183. package/esm/Table/index.d.ts +7 -0
  184. package/esm/Table/index.js +7 -0
  185. package/esm/index.d.ts +3 -0
  186. package/esm/index.js +3 -0
  187. package/esm/theme/__tests__/BaseTheme.test.js +1 -1
  188. package/esm/theme/components/MuiPaginationItem.d.ts +3 -0
  189. package/esm/theme/components/MuiPaginationItem.js +14 -0
  190. package/esm/theme/components/MuiTableCell.d.ts +3 -0
  191. package/esm/theme/components/MuiTableCell.js +9 -0
  192. package/esm/theme/components/MuiTableHead.d.ts +3 -0
  193. package/esm/theme/components/MuiTableHead.js +12 -0
  194. package/esm/theme/components/components.js +7 -1
  195. package/esm/theme/elevation.js +5 -5
  196. package/index.d.ts +3 -0
  197. package/index.js +3 -0
  198. package/package.json +2 -2
  199. package/theme/__tests__/BaseTheme.test.js +1 -1
  200. package/theme/components/MuiPaginationItem.d.ts +3 -0
  201. package/theme/components/MuiPaginationItem.js +17 -0
  202. package/theme/components/MuiTableCell.d.ts +3 -0
  203. package/theme/components/MuiTableCell.js +12 -0
  204. package/theme/components/MuiTableHead.d.ts +3 -0
  205. package/theme/components/MuiTableHead.js +15 -0
  206. package/theme/components/components.js +7 -1
  207. package/theme/elevation.js +5 -5
@@ -0,0 +1,28 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import { jsx as _jsx } from "react/jsx-runtime";
24
+ import { Pagination as MuiPagination } from '@mui/material';
25
+ export var Pagination = function (_a) {
26
+ var props = __rest(_a, []);
27
+ return _jsx(MuiPagination, __assign({ shape: "rounded" }, props), void 0);
28
+ };
@@ -0,0 +1,2 @@
1
+ export * from './Pagination';
2
+ export * from './types';
@@ -0,0 +1,2 @@
1
+ export * from './Pagination';
2
+ export * from './types';
@@ -0,0 +1,2 @@
1
+ import { PaginationProps as MuiPaginationProps } from '@mui/material';
2
+ export declare type PaginationProps = Omit<MuiPaginationProps, 'shape'>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { TableProps } from '@mui/material';
3
+ export declare const Table: ({ size, ...props }: TableProps) => JSX.Element;
@@ -0,0 +1,28 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import { jsx as _jsx } from "react/jsx-runtime";
24
+ import { Table as MuiTable } from '@mui/material';
25
+ export var Table = function (_a) {
26
+ var _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, ["size"]);
27
+ return _jsx(MuiTable, __assign({ size: size }, props), void 0);
28
+ };
@@ -0,0 +1,3 @@
1
+ import { TableBody, TableBodyProps } from '@mui/material';
2
+ export { TableBody };
3
+ export type { TableBodyProps };
@@ -0,0 +1,2 @@
1
+ import { TableBody } from '@mui/material';
2
+ export { TableBody };
@@ -0,0 +1 @@
1
+ export * from './TableBody';
@@ -0,0 +1 @@
1
+ export * from './TableBody';
@@ -0,0 +1,3 @@
1
+ import { TableCell, TableCellProps } from '@mui/material';
2
+ export { TableCell };
3
+ export type { TableCellProps };
@@ -0,0 +1,2 @@
1
+ import { TableCell } from '@mui/material';
2
+ export { TableCell };
@@ -0,0 +1 @@
1
+ export * from './TableCell';
@@ -0,0 +1 @@
1
+ export * from './TableCell';
@@ -0,0 +1,3 @@
1
+ import { TableContainer, TableContainerProps } from '@mui/material';
2
+ export { TableContainer };
3
+ export type { TableContainerProps };
@@ -0,0 +1,2 @@
1
+ import { TableContainer } from '@mui/material';
2
+ export { TableContainer };
@@ -0,0 +1 @@
1
+ export * from './TableContainer';
@@ -0,0 +1 @@
1
+ export * from './TableContainer';
@@ -0,0 +1,3 @@
1
+ import { TableFooter, TableFooterProps } from '@mui/material';
2
+ export { TableFooter };
3
+ export type { TableFooterProps };
@@ -0,0 +1,2 @@
1
+ import { TableFooter } from '@mui/material';
2
+ export { TableFooter };
@@ -0,0 +1 @@
1
+ export * from './TableFooter';
@@ -0,0 +1 @@
1
+ export * from './TableFooter';
@@ -0,0 +1,3 @@
1
+ import { TableHead, TableHeadProps } from '@mui/material';
2
+ export { TableHead };
3
+ export type { TableHeadProps };
@@ -0,0 +1,2 @@
1
+ import { TableHead } from '@mui/material';
2
+ export { TableHead };
@@ -0,0 +1 @@
1
+ export * from './TableHead';
@@ -0,0 +1 @@
1
+ export * from './TableHead';
@@ -0,0 +1,3 @@
1
+ import { TableRow, TableRowProps } from '@mui/material';
2
+ export { TableRow };
3
+ export type { TableRowProps };
@@ -0,0 +1,2 @@
1
+ import { TableRow } from '@mui/material';
2
+ export { TableRow };
@@ -0,0 +1 @@
1
+ export * from './TableRow';
@@ -0,0 +1 @@
1
+ export * from './TableRow';
@@ -0,0 +1,3 @@
1
+ import { TableSortLabel, TableSortLabelProps } from '@mui/material';
2
+ export { TableSortLabel };
3
+ export type { TableSortLabelProps };
@@ -0,0 +1,2 @@
1
+ import { TableSortLabel } from '@mui/material';
2
+ export { TableSortLabel };
@@ -0,0 +1 @@
1
+ export * from './TableSortLabel';
@@ -0,0 +1 @@
1
+ export * from './TableSortLabel';
@@ -0,0 +1,7 @@
1
+ export * from './Table';
2
+ export * from './TableBody';
3
+ export * from './TableFooter';
4
+ export * from './TableCell';
5
+ export * from './TableContainer';
6
+ export * from './TableRow';
7
+ export * from './TableSortLabel';
@@ -0,0 +1,7 @@
1
+ export * from './Table';
2
+ export * from './TableBody';
3
+ export * from './TableFooter';
4
+ export * from './TableCell';
5
+ export * from './TableContainer';
6
+ export * from './TableRow';
7
+ export * from './TableSortLabel';
package/esm/index.d.ts CHANGED
@@ -4,6 +4,8 @@ export * from './Button';
4
4
  export * from './ButtonBase';
5
5
  export * from './Checkbox';
6
6
  export * from './DashboardLayout';
7
+ export * from './DataGrid';
8
+ export * from './DataGridPagination';
7
9
  export * from './Dialog';
8
10
  export * from './DialogActions';
9
11
  export * from './DialogContent';
@@ -31,6 +33,7 @@ export * from './Placeholder';
31
33
  export * from './Select';
32
34
  export * from './styles';
33
35
  export * from './StylesCacheProvider';
36
+ export * from './Table';
34
37
  export * from './Tag';
35
38
  export * from './TextArea';
36
39
  export * from './theme';
package/esm/index.js CHANGED
@@ -4,6 +4,8 @@ export * from './Button';
4
4
  export * from './ButtonBase';
5
5
  export * from './Checkbox';
6
6
  export * from './DashboardLayout';
7
+ export * from './DataGrid';
8
+ export * from './DataGridPagination';
7
9
  export * from './Dialog';
8
10
  export * from './DialogActions';
9
11
  export * from './DialogContent';
@@ -31,6 +33,7 @@ export * from './Placeholder';
31
33
  export * from './Select';
32
34
  export * from './styles';
33
35
  export * from './StylesCacheProvider';
36
+ export * from './Table';
34
37
  export * from './Tag';
35
38
  export * from './TextArea';
36
39
  export * from './theme';
@@ -49,6 +49,6 @@ describe('createTheme', function () {
49
49
  });
50
50
  it('Theme has elevation params', function () {
51
51
  var theme = createTheme({ brand: Brand.SIGN, fontsUrls: fontsUrls });
52
- expect(theme.elevation[100]).toBe('0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740');
52
+ expect(theme.elevation[100]).toBe('0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;');
53
53
  });
54
54
  });
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiPaginationItem: Components<Theme>['MuiPaginationItem'];
@@ -0,0 +1,14 @@
1
+ export var MuiPaginationItem = {
2
+ styleOverrides: {
3
+ root: function (_a) {
4
+ var _b;
5
+ var theme = _a.theme;
6
+ return _b = {},
7
+ _b['&.Mui-selected'] = {
8
+ backgroundColor: theme.palette.grey['900'],
9
+ color: theme.palette.primary.contrastText,
10
+ },
11
+ _b;
12
+ },
13
+ },
14
+ };
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiTableCell: Components<Theme>['MuiTableCell'];
@@ -0,0 +1,9 @@
1
+ export var MuiTableCell = {
2
+ styleOverrides: {
3
+ root: function () {
4
+ return {
5
+ border: 'none',
6
+ };
7
+ },
8
+ },
9
+ };
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiTableHead: Components<Theme>['MuiTableHead'];
@@ -0,0 +1,12 @@
1
+ export var MuiTableHead = {
2
+ styleOverrides: {
3
+ root: function (_a) {
4
+ var theme = _a.theme;
5
+ return {
6
+ th: {
7
+ borderBottom: "2px solid ".concat(theme.palette.grey['300']),
8
+ },
9
+ };
10
+ },
11
+ },
12
+ };
@@ -4,17 +4,20 @@ import { MuiFormHelperText } from './MuiFormHelperText';
4
4
  import { MuiFormLabel } from './MuiFormLabel';
5
5
  import { MuiInputLabel } from './MuiInputLabel';
6
6
  import { MuiOutlinedInput } from './MuiOutlinedInput';
7
+ import { MuiPaginationItem } from './MuiPaginationItem';
7
8
  import { MuiTypography } from './MuiTypography';
8
9
  import { MuiAutocomplete } from './MuiAutocomplete';
9
10
  import { MuiDialog } from './MuiDialog';
10
11
  import { MuiDialogTitle } from './MuiDialogTitle';
11
12
  import { MuiDialogContent } from './MuiDialogContent';
12
13
  import { MuiDialogActions } from './MuiDialogActions';
14
+ import { MuiTableCell } from './MuiTableCell';
15
+ import { MuiTableHead } from './MuiTableHead';
13
16
  import { MuiPickersDay } from './MuiPickersDay';
14
17
  import { MuiCalendarPicker } from './MuiCalendarPicker';
15
18
  import { MuiYearPicker } from './MuiYearPicker';
16
19
  var getMuiCssBaseline = function (fontUrls) { return ({
17
- 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 "),
20
+ 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 "),
18
21
  }); };
19
22
  var MuiCheckbox = {
20
23
  defaultProps: {
@@ -79,6 +82,9 @@ export var getComponents = function (fontUrls) { return ({
79
82
  MuiDialogTitle: MuiDialogTitle,
80
83
  MuiDialogContent: MuiDialogContent,
81
84
  MuiDialogActions: MuiDialogActions,
85
+ MuiTableCell: MuiTableCell,
86
+ MuiTableHead: MuiTableHead,
87
+ MuiPaginationItem: MuiPaginationItem,
82
88
  MuiPickersDay: MuiPickersDay,
83
89
  MuiCalendarPicker: MuiCalendarPicker,
84
90
  MuiYearPicker: MuiYearPicker,
@@ -1,7 +1,7 @@
1
1
  export var elevation = {
2
- 100: '0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740',
3
- 200: '0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733',
4
- 300: '0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726',
5
- 400: '0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726',
6
- 500: '0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726',
2
+ 100: '0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;',
3
+ 200: '0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733;',
4
+ 300: '0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726;',
5
+ 400: '0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726;',
6
+ 500: '0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726;',
7
7
  };
package/index.d.ts CHANGED
@@ -4,6 +4,8 @@ export * from './Button';
4
4
  export * from './ButtonBase';
5
5
  export * from './Checkbox';
6
6
  export * from './DashboardLayout';
7
+ export * from './DataGrid';
8
+ export * from './DataGridPagination';
7
9
  export * from './Dialog';
8
10
  export * from './DialogActions';
9
11
  export * from './DialogContent';
@@ -31,6 +33,7 @@ export * from './Placeholder';
31
33
  export * from './Select';
32
34
  export * from './styles';
33
35
  export * from './StylesCacheProvider';
36
+ export * from './Table';
34
37
  export * from './Tag';
35
38
  export * from './TextArea';
36
39
  export * from './theme';
package/index.js CHANGED
@@ -16,6 +16,8 @@ __exportStar(require("./Button"), exports);
16
16
  __exportStar(require("./ButtonBase"), exports);
17
17
  __exportStar(require("./Checkbox"), exports);
18
18
  __exportStar(require("./DashboardLayout"), exports);
19
+ __exportStar(require("./DataGrid"), exports);
20
+ __exportStar(require("./DataGridPagination"), exports);
19
21
  __exportStar(require("./Dialog"), exports);
20
22
  __exportStar(require("./DialogActions"), exports);
21
23
  __exportStar(require("./DialogContent"), exports);
@@ -43,6 +45,7 @@ __exportStar(require("./Placeholder"), exports);
43
45
  __exportStar(require("./Select"), exports);
44
46
  __exportStar(require("./styles"), exports);
45
47
  __exportStar(require("./StylesCacheProvider"), exports);
48
+ __exportStar(require("./Table"), exports);
46
49
  __exportStar(require("./Tag"), exports);
47
50
  __exportStar(require("./TextArea"), exports);
48
51
  __exportStar(require("./theme"), exports);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astral/ui",
3
- "version": "0.21.0",
3
+ "version": "0.22.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.21.0",
11
+ "@astral/icons": "^0.22.0",
12
12
  "@emotion/cache": "11.7.1",
13
13
  "@emotion/react": "11.8.1",
14
14
  "@emotion/server": "11.4.0",
@@ -51,6 +51,6 @@ describe('createTheme', function () {
51
51
  });
52
52
  it('Theme has elevation params', function () {
53
53
  var theme = (0, baseTheme_1.createTheme)({ brand: constants_1.Brand.SIGN, fontsUrls: fontsUrls });
54
- expect(theme.elevation[100]).toBe('0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740');
54
+ expect(theme.elevation[100]).toBe('0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;');
55
55
  });
56
56
  });
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiPaginationItem: Components<Theme>['MuiPaginationItem'];
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MuiPaginationItem = void 0;
4
+ exports.MuiPaginationItem = {
5
+ styleOverrides: {
6
+ root: function (_a) {
7
+ var _b;
8
+ var theme = _a.theme;
9
+ return _b = {},
10
+ _b['&.Mui-selected'] = {
11
+ backgroundColor: theme.palette.grey['900'],
12
+ color: theme.palette.primary.contrastText,
13
+ },
14
+ _b;
15
+ },
16
+ },
17
+ };
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiTableCell: Components<Theme>['MuiTableCell'];
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MuiTableCell = void 0;
4
+ exports.MuiTableCell = {
5
+ styleOverrides: {
6
+ root: function () {
7
+ return {
8
+ border: 'none',
9
+ };
10
+ },
11
+ },
12
+ };
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiTableHead: Components<Theme>['MuiTableHead'];
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MuiTableHead = void 0;
4
+ exports.MuiTableHead = {
5
+ styleOverrides: {
6
+ root: function (_a) {
7
+ var theme = _a.theme;
8
+ return {
9
+ th: {
10
+ borderBottom: "2px solid ".concat(theme.palette.grey['300']),
11
+ },
12
+ };
13
+ },
14
+ },
15
+ };
@@ -7,17 +7,20 @@ var MuiFormHelperText_1 = require("./MuiFormHelperText");
7
7
  var MuiFormLabel_1 = require("./MuiFormLabel");
8
8
  var MuiInputLabel_1 = require("./MuiInputLabel");
9
9
  var MuiOutlinedInput_1 = require("./MuiOutlinedInput");
10
+ var MuiPaginationItem_1 = require("./MuiPaginationItem");
10
11
  var MuiTypography_1 = require("./MuiTypography");
11
12
  var MuiAutocomplete_1 = require("./MuiAutocomplete");
12
13
  var MuiDialog_1 = require("./MuiDialog");
13
14
  var MuiDialogTitle_1 = require("./MuiDialogTitle");
14
15
  var MuiDialogContent_1 = require("./MuiDialogContent");
15
16
  var MuiDialogActions_1 = require("./MuiDialogActions");
17
+ var MuiTableCell_1 = require("./MuiTableCell");
18
+ var MuiTableHead_1 = require("./MuiTableHead");
16
19
  var MuiPickersDay_1 = require("./MuiPickersDay");
17
20
  var MuiCalendarPicker_1 = require("./MuiCalendarPicker");
18
21
  var MuiYearPicker_1 = require("./MuiYearPicker");
19
22
  var getMuiCssBaseline = function (fontUrls) { return ({
20
- 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 "),
23
+ 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 "),
21
24
  }); };
22
25
  var MuiCheckbox = {
23
26
  defaultProps: {
@@ -82,6 +85,9 @@ var getComponents = function (fontUrls) { return ({
82
85
  MuiDialogTitle: MuiDialogTitle_1.MuiDialogTitle,
83
86
  MuiDialogContent: MuiDialogContent_1.MuiDialogContent,
84
87
  MuiDialogActions: MuiDialogActions_1.MuiDialogActions,
88
+ MuiTableCell: MuiTableCell_1.MuiTableCell,
89
+ MuiTableHead: MuiTableHead_1.MuiTableHead,
90
+ MuiPaginationItem: MuiPaginationItem_1.MuiPaginationItem,
85
91
  MuiPickersDay: MuiPickersDay_1.MuiPickersDay,
86
92
  MuiCalendarPicker: MuiCalendarPicker_1.MuiCalendarPicker,
87
93
  MuiYearPicker: MuiYearPicker_1.MuiYearPicker,
@@ -2,9 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.elevation = void 0;
4
4
  exports.elevation = {
5
- 100: '0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740',
6
- 200: '0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733',
7
- 300: '0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726',
8
- 400: '0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726',
9
- 500: '0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726',
5
+ 100: '0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;',
6
+ 200: '0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733;',
7
+ 300: '0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726;',
8
+ 400: '0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726;',
9
+ 500: '0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726;',
10
10
  };