@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.
- package/DataGrid/DataGrid.d.ts +3 -0
- package/DataGrid/DataGrid.js +64 -0
- package/DataGrid/DataGridBody/DataGridBody.d.ts +3 -0
- package/DataGrid/DataGridBody/DataGridBody.js +39 -0
- package/DataGrid/DataGridBody/index.d.ts +1 -0
- package/DataGrid/DataGridBody/index.js +13 -0
- package/DataGrid/DataGridBody/styled.d.ts +13 -0
- package/DataGrid/DataGridBody/styled.js +17 -0
- package/DataGrid/DataGridBody/types.d.ts +11 -0
- package/DataGrid/DataGridBody/types.js +2 -0
- package/DataGrid/DataGridCell/DataGridCell.d.ts +3 -0
- package/DataGrid/DataGridCell/DataGridCell.js +29 -0
- package/DataGrid/DataGridCell/index.d.ts +1 -0
- package/DataGrid/DataGridCell/index.js +13 -0
- package/DataGrid/DataGridCell/types.d.ts +5 -0
- package/DataGrid/DataGridCell/types.js +2 -0
- package/DataGrid/DataGridHead/DataGridHead.d.ts +3 -0
- package/DataGrid/DataGridHead/DataGridHead.js +71 -0
- package/DataGrid/DataGridHead/index.d.ts +2 -0
- package/DataGrid/DataGridHead/index.js +14 -0
- package/DataGrid/DataGridHead/types.d.ts +11 -0
- package/DataGrid/DataGridHead/types.js +2 -0
- package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.d.ts +3 -0
- package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +30 -0
- package/DataGrid/DataGridHeadColumn/index.d.ts +2 -0
- package/DataGrid/DataGridHeadColumn/index.js +14 -0
- package/DataGrid/DataGridHeadColumn/styled.d.ts +38 -0
- package/DataGrid/DataGridHeadColumn/styled.js +20 -0
- package/DataGrid/DataGridHeadColumn/types.d.ts +11 -0
- package/DataGrid/DataGridHeadColumn/types.js +2 -0
- package/DataGrid/DataGridLoader/DataGridLoader.d.ts +4 -0
- package/DataGrid/DataGridLoader/DataGridLoader.js +9 -0
- package/DataGrid/DataGridLoader/index.d.ts +2 -0
- package/DataGrid/DataGridLoader/index.js +14 -0
- package/DataGrid/DataGridLoader/styled.d.ts +27 -0
- package/DataGrid/DataGridLoader/styled.js +18 -0
- package/DataGrid/DataGridLoader/types.d.ts +3 -0
- package/DataGrid/DataGridLoader/types.js +2 -0
- package/DataGrid/constants.d.ts +4 -0
- package/DataGrid/constants.js +8 -0
- package/DataGrid/index.d.ts +2 -0
- package/DataGrid/index.js +14 -0
- package/DataGrid/styled.d.ts +16 -0
- package/DataGrid/styled.js +17 -0
- package/DataGrid/types.d.ts +32 -0
- package/DataGrid/types.js +2 -0
- package/DataGridPagination/DataGridPagination.d.ts +3 -0
- package/DataGridPagination/DataGridPagination.js +38 -0
- package/DataGridPagination/index.d.ts +2 -0
- package/DataGridPagination/index.js +14 -0
- package/DataGridPagination/styled.d.ts +10 -0
- package/DataGridPagination/styled.js +18 -0
- package/DataGridPagination/types.d.ts +6 -0
- package/DataGridPagination/types.js +2 -0
- package/Pagination/Pagination.d.ts +3 -0
- package/Pagination/Pagination.js +32 -0
- package/Pagination/index.d.ts +2 -0
- package/Pagination/index.js +14 -0
- package/Pagination/types.d.ts +2 -0
- package/Pagination/types.js +2 -0
- package/Table/Table.d.ts +3 -0
- package/Table/Table.js +32 -0
- package/Table/TableBody/TableBody.d.ts +3 -0
- package/Table/TableBody/TableBody.js +5 -0
- package/Table/TableBody/index.d.ts +1 -0
- package/Table/TableBody/index.js +13 -0
- package/Table/TableCell/TableCell.d.ts +3 -0
- package/Table/TableCell/TableCell.js +5 -0
- package/Table/TableCell/index.d.ts +1 -0
- package/Table/TableCell/index.js +13 -0
- package/Table/TableContainer/TableContainer.d.ts +3 -0
- package/Table/TableContainer/TableContainer.js +5 -0
- package/Table/TableContainer/index.d.ts +1 -0
- package/Table/TableContainer/index.js +13 -0
- package/Table/TableFooter/TableFooter.d.ts +3 -0
- package/Table/TableFooter/TableFooter.js +5 -0
- package/Table/TableFooter/index.d.ts +1 -0
- package/Table/TableFooter/index.js +13 -0
- package/Table/TableHead/TableHead.d.ts +3 -0
- package/Table/TableHead/TableHead.js +5 -0
- package/Table/TableHead/index.d.ts +1 -0
- package/Table/TableHead/index.js +13 -0
- package/Table/TableRow/TableRow.d.ts +3 -0
- package/Table/TableRow/TableRow.js +5 -0
- package/Table/TableRow/index.d.ts +1 -0
- package/Table/TableRow/index.js +13 -0
- package/Table/TableSortLabel/TableSortLabel.d.ts +3 -0
- package/Table/TableSortLabel/TableSortLabel.js +5 -0
- package/Table/TableSortLabel/index.d.ts +1 -0
- package/Table/TableSortLabel/index.js +13 -0
- package/Table/index.d.ts +7 -0
- package/Table/index.js +19 -0
- package/esm/DataGrid/DataGrid.d.ts +3 -0
- package/esm/DataGrid/DataGrid.js +57 -0
- package/esm/DataGrid/DataGridBody/DataGridBody.d.ts +3 -0
- package/esm/DataGrid/DataGridBody/DataGridBody.js +35 -0
- package/esm/DataGrid/DataGridBody/index.d.ts +1 -0
- package/esm/DataGrid/DataGridBody/index.js +1 -0
- package/esm/DataGrid/DataGridBody/styled.d.ts +13 -0
- package/esm/DataGrid/DataGridBody/styled.js +14 -0
- package/esm/DataGrid/DataGridBody/types.d.ts +11 -0
- package/esm/DataGrid/DataGridBody/types.js +1 -0
- package/esm/DataGrid/DataGridCell/DataGridCell.d.ts +3 -0
- package/esm/DataGrid/DataGridCell/DataGridCell.js +25 -0
- package/esm/DataGrid/DataGridCell/index.d.ts +1 -0
- package/esm/DataGrid/DataGridCell/index.js +1 -0
- package/esm/DataGrid/DataGridCell/types.d.ts +5 -0
- package/esm/DataGrid/DataGridCell/types.js +1 -0
- package/esm/DataGrid/DataGridHead/DataGridHead.d.ts +3 -0
- package/esm/DataGrid/DataGridHead/DataGridHead.js +67 -0
- package/esm/DataGrid/DataGridHead/index.d.ts +2 -0
- package/esm/DataGrid/DataGridHead/index.js +2 -0
- package/esm/DataGrid/DataGridHead/types.d.ts +11 -0
- package/esm/DataGrid/DataGridHead/types.js +1 -0
- package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.d.ts +3 -0
- package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js +26 -0
- package/esm/DataGrid/DataGridHeadColumn/index.d.ts +2 -0
- package/esm/DataGrid/DataGridHeadColumn/index.js +2 -0
- package/esm/DataGrid/DataGridHeadColumn/styled.d.ts +38 -0
- package/esm/DataGrid/DataGridHeadColumn/styled.js +17 -0
- package/esm/DataGrid/DataGridHeadColumn/types.d.ts +11 -0
- package/esm/DataGrid/DataGridHeadColumn/types.js +1 -0
- package/esm/DataGrid/DataGridLoader/DataGridLoader.d.ts +4 -0
- package/esm/DataGrid/DataGridLoader/DataGridLoader.js +7 -0
- package/esm/DataGrid/DataGridLoader/index.d.ts +2 -0
- package/esm/DataGrid/DataGridLoader/index.js +2 -0
- package/esm/DataGrid/DataGridLoader/styled.d.ts +27 -0
- package/esm/DataGrid/DataGridLoader/styled.js +15 -0
- package/esm/DataGrid/DataGridLoader/types.d.ts +3 -0
- package/esm/DataGrid/DataGridLoader/types.js +1 -0
- package/esm/DataGrid/constants.d.ts +4 -0
- package/esm/DataGrid/constants.js +5 -0
- package/esm/DataGrid/index.d.ts +2 -0
- package/esm/DataGrid/index.js +2 -0
- package/esm/DataGrid/styled.d.ts +16 -0
- package/esm/DataGrid/styled.js +14 -0
- package/esm/DataGrid/types.d.ts +32 -0
- package/esm/DataGrid/types.js +1 -0
- package/esm/DataGridPagination/DataGridPagination.d.ts +3 -0
- package/esm/DataGridPagination/DataGridPagination.js +34 -0
- package/esm/DataGridPagination/index.d.ts +2 -0
- package/esm/DataGridPagination/index.js +2 -0
- package/esm/DataGridPagination/styled.d.ts +10 -0
- package/esm/DataGridPagination/styled.js +15 -0
- package/esm/DataGridPagination/types.d.ts +6 -0
- package/esm/DataGridPagination/types.js +1 -0
- package/esm/Pagination/Pagination.d.ts +3 -0
- package/esm/Pagination/Pagination.js +28 -0
- package/esm/Pagination/index.d.ts +2 -0
- package/esm/Pagination/index.js +2 -0
- package/esm/Pagination/types.d.ts +2 -0
- package/esm/Pagination/types.js +1 -0
- package/esm/Table/Table.d.ts +3 -0
- package/esm/Table/Table.js +28 -0
- package/esm/Table/TableBody/TableBody.d.ts +3 -0
- package/esm/Table/TableBody/TableBody.js +2 -0
- package/esm/Table/TableBody/index.d.ts +1 -0
- package/esm/Table/TableBody/index.js +1 -0
- package/esm/Table/TableCell/TableCell.d.ts +3 -0
- package/esm/Table/TableCell/TableCell.js +2 -0
- package/esm/Table/TableCell/index.d.ts +1 -0
- package/esm/Table/TableCell/index.js +1 -0
- package/esm/Table/TableContainer/TableContainer.d.ts +3 -0
- package/esm/Table/TableContainer/TableContainer.js +2 -0
- package/esm/Table/TableContainer/index.d.ts +1 -0
- package/esm/Table/TableContainer/index.js +1 -0
- package/esm/Table/TableFooter/TableFooter.d.ts +3 -0
- package/esm/Table/TableFooter/TableFooter.js +2 -0
- package/esm/Table/TableFooter/index.d.ts +1 -0
- package/esm/Table/TableFooter/index.js +1 -0
- package/esm/Table/TableHead/TableHead.d.ts +3 -0
- package/esm/Table/TableHead/TableHead.js +2 -0
- package/esm/Table/TableHead/index.d.ts +1 -0
- package/esm/Table/TableHead/index.js +1 -0
- package/esm/Table/TableRow/TableRow.d.ts +3 -0
- package/esm/Table/TableRow/TableRow.js +2 -0
- package/esm/Table/TableRow/index.d.ts +1 -0
- package/esm/Table/TableRow/index.js +1 -0
- package/esm/Table/TableSortLabel/TableSortLabel.d.ts +3 -0
- package/esm/Table/TableSortLabel/TableSortLabel.js +2 -0
- package/esm/Table/TableSortLabel/index.d.ts +1 -0
- package/esm/Table/TableSortLabel/index.js +1 -0
- package/esm/Table/index.d.ts +7 -0
- package/esm/Table/index.js +7 -0
- package/esm/index.d.ts +3 -0
- package/esm/index.js +3 -0
- package/esm/theme/__tests__/BaseTheme.test.js +1 -1
- package/esm/theme/components/MuiPaginationItem.d.ts +3 -0
- package/esm/theme/components/MuiPaginationItem.js +14 -0
- package/esm/theme/components/MuiTableCell.d.ts +3 -0
- package/esm/theme/components/MuiTableCell.js +9 -0
- package/esm/theme/components/MuiTableHead.d.ts +3 -0
- package/esm/theme/components/MuiTableHead.js +12 -0
- package/esm/theme/components/components.js +7 -1
- package/esm/theme/elevation.js +5 -5
- package/index.d.ts +3 -0
- package/index.js +3 -0
- package/package.json +2 -2
- package/theme/__tests__/BaseTheme.test.js +1 -1
- package/theme/components/MuiPaginationItem.d.ts +3 -0
- package/theme/components/MuiPaginationItem.js +17 -0
- package/theme/components/MuiTableCell.d.ts +3 -0
- package/theme/components/MuiTableCell.js +12 -0
- package/theme/components/MuiTableHead.d.ts +3 -0
- package/theme/components/MuiTableHead.js +15 -0
- package/theme/components/components.js +7 -1
- 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 @@
|
|
|
1
|
+
export {};
|
|
@@ -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 @@
|
|
|
1
|
+
export * from './TableBody';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableBody';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableCell';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableCell';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableContainer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableContainer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableFooter';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableFooter';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableHead';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableHead';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableRow';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableRow';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableSortLabel';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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,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
|
+
};
|
|
@@ -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,
|
package/esm/theme/elevation.js
CHANGED
|
@@ -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.
|
|
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.
|
|
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,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,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,
|
package/theme/elevation.js
CHANGED
|
@@ -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
|
};
|