@solostylist/ui-kit 1.0.229 → 1.0.230
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/dist/s-pagination/index.d.ts +1 -0
- package/dist/s-pagination/s-pagination.d.ts +43 -6
- package/dist/s-pagination/s-pagination.js +46 -28
- package/dist/s-pagination/types.d.ts +9 -0
- package/dist/s-pagination/types.js +27 -0
- package/dist/theme/components/components.js +94 -92
- package/dist/theme/components/pagination-item.d.ts +1077 -1015
- package/dist/theme/components/pagination-item.js +81 -6
- package/dist/theme/components/pagination.d.ts +14 -0
- package/dist/theme/components/pagination.js +5 -0
- package/package.json +1 -1
|
@@ -1,8 +1,83 @@
|
|
|
1
|
+
import { paginationColors as e, paginationDimensions as t } from "../../s-pagination/types.js";
|
|
1
2
|
//#region lib/theme/components/pagination-item.tsx
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
var n = (t) => e.includes(t), r = (e, t) => {
|
|
4
|
+
let n = (e.vars ?? e).palette, r = n[t];
|
|
5
|
+
return {
|
|
6
|
+
backgroundColor: r[800],
|
|
7
|
+
borderColor: "transparent",
|
|
8
|
+
color: r[50],
|
|
9
|
+
"&:hover, &.Mui-focusVisible": {
|
|
10
|
+
backgroundColor: r[900],
|
|
11
|
+
color: r[100]
|
|
12
|
+
},
|
|
13
|
+
"@media (hover: none)": { "&:hover": {
|
|
14
|
+
backgroundColor: r[800],
|
|
15
|
+
color: r[50]
|
|
16
|
+
} },
|
|
17
|
+
"&.Mui-disabled": {
|
|
18
|
+
backgroundColor: n.action.disabledBackground,
|
|
19
|
+
borderColor: "transparent",
|
|
20
|
+
color: n.action.disabled
|
|
21
|
+
},
|
|
22
|
+
...e.applyStyles("dark", {
|
|
23
|
+
color: r[100],
|
|
24
|
+
"&:hover, &.Mui-focusVisible": {
|
|
25
|
+
backgroundColor: r[900],
|
|
26
|
+
color: r[50]
|
|
27
|
+
},
|
|
28
|
+
"@media (hover: none)": { "&:hover": {
|
|
29
|
+
backgroundColor: r[800],
|
|
30
|
+
color: r[100]
|
|
31
|
+
} }
|
|
32
|
+
})
|
|
33
|
+
};
|
|
34
|
+
}, i = { styleOverrides: { root: ({ theme: e, ownerState: i }) => {
|
|
35
|
+
let a = (e.vars ?? e).palette, o = n(i.color) ? i.color : "primary";
|
|
36
|
+
return {
|
|
37
|
+
margin: 0,
|
|
38
|
+
transition: e.transitions.create([
|
|
39
|
+
"background-color",
|
|
40
|
+
"border-color",
|
|
41
|
+
"color"
|
|
42
|
+
], { duration: e.transitions.duration.shorter }),
|
|
43
|
+
"&.MuiPaginationItem-outlined": { borderColor: a.divider },
|
|
44
|
+
"&.Mui-disabled": {
|
|
45
|
+
backgroundColor: "transparent",
|
|
46
|
+
color: a.action.disabled,
|
|
47
|
+
opacity: 1
|
|
48
|
+
},
|
|
49
|
+
"&.MuiPaginationItem-outlined.Mui-disabled": { borderColor: a.action.disabled },
|
|
50
|
+
"&:not(.Mui-selected):active": { backgroundColor: a.action.selected },
|
|
51
|
+
"&.Mui-selected": r(e, o),
|
|
52
|
+
"&.MuiPaginationItem-ellipsis": {
|
|
53
|
+
alignItems: "center",
|
|
54
|
+
display: "inline-flex",
|
|
55
|
+
justifyContent: "center"
|
|
56
|
+
},
|
|
57
|
+
variants: [
|
|
58
|
+
{
|
|
59
|
+
props: { size: "small" },
|
|
60
|
+
style: {
|
|
61
|
+
height: t.small.item,
|
|
62
|
+
minWidth: t.small.item
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
props: { size: "medium" },
|
|
67
|
+
style: {
|
|
68
|
+
height: t.medium.item,
|
|
69
|
+
minWidth: t.medium.item
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
props: { size: "large" },
|
|
74
|
+
style: {
|
|
75
|
+
height: t.large.item,
|
|
76
|
+
minWidth: t.large.item
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
]
|
|
80
|
+
};
|
|
81
|
+
} } };
|
|
7
82
|
//#endregion
|
|
8
|
-
export {
|
|
83
|
+
export { i as MuiPaginationItem };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Theme } from '@mui/material';
|
|
2
|
+
export declare const MuiPagination: {
|
|
3
|
+
styleOverrides: {
|
|
4
|
+
root: ({ ownerState }: import('@mui/material').PaginationProps & Record<string, unknown> & {
|
|
5
|
+
ownerState: import('@mui/material').PaginationProps & Record<string, unknown>;
|
|
6
|
+
} & {
|
|
7
|
+
theme: Theme;
|
|
8
|
+
}) => {
|
|
9
|
+
'& .MuiPagination-ul': {
|
|
10
|
+
gap: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { paginationDimensions as e } from "../../s-pagination/types.js";
|
|
2
|
+
//#region lib/theme/components/pagination.tsx
|
|
3
|
+
var t = { styleOverrides: { root: ({ ownerState: t }) => ({ "& .MuiPagination-ul": { gap: `${e[t.size ?? "medium"].gap}px` } }) } };
|
|
4
|
+
//#endregion
|
|
5
|
+
export { t as MuiPagination };
|