@solostylist/ui-kit 1.0.228 → 1.0.230

package/dist/theme/components/pagination-item.js

@@ -1,8 +1,83 @@
+import { paginationColors as e, paginationDimensions as t } from "../../s-pagination/types.js";
 //#region lib/theme/components/pagination-item.tsx
-var e = { styleOverrides: { root: ({ theme: e }) => ({ ...e.applyStyles("dark", { "&.Mui-selected": {
-	color: (e.vars ?? e).palette.grey[900],
-	backgroundColor: (e.vars ?? e).palette.grey[50],
-	"&:hover": { backgroundColor: (e.vars ?? e).palette.grey[200] }
-} }) }) } };
+var n = (t) => e.includes(t), r = (e, t) => {
+	let n = (e.vars ?? e).palette, r = n[t];
+	return {
+		backgroundColor: r[800],
+		borderColor: "transparent",
+		color: r[50],
+		"&:hover, &.Mui-focusVisible": {
+			backgroundColor: r[900],
+			color: r[100]
+		},
+		"@media (hover: none)": { "&:hover": {
+			backgroundColor: r[800],
+			color: r[50]
+		} },
+		"&.Mui-disabled": {
+			backgroundColor: n.action.disabledBackground,
+			borderColor: "transparent",
+			color: n.action.disabled
+		},
+		...e.applyStyles("dark", {
+			color: r[100],
+			"&:hover, &.Mui-focusVisible": {
+				backgroundColor: r[900],
+				color: r[50]
+			},
+			"@media (hover: none)": { "&:hover": {
+				backgroundColor: r[800],
+				color: r[100]
+			} }
+		})
+	};
+}, i = { styleOverrides: { root: ({ theme: e, ownerState: i }) => {
+	let a = (e.vars ?? e).palette, o = n(i.color) ? i.color : "primary";
+	return {
+		margin: 0,
+		transition: e.transitions.create([
+			"background-color",
+			"border-color",
+			"color"
+		], { duration: e.transitions.duration.shorter }),
+		"&.MuiPaginationItem-outlined": { borderColor: a.divider },
+		"&.Mui-disabled": {
+			backgroundColor: "transparent",
+			color: a.action.disabled,
+			opacity: 1
+		},
+		"&.MuiPaginationItem-outlined.Mui-disabled": { borderColor: a.action.disabled },
+		"&:not(.Mui-selected):active": { backgroundColor: a.action.selected },
+		"&.Mui-selected": r(e, o),
+		"&.MuiPaginationItem-ellipsis": {
+			alignItems: "center",
+			display: "inline-flex",
+			justifyContent: "center"
+		},
+		variants: [
+			{
+				props: { size: "small" },
+				style: {
+					height: t.small.item,
+					minWidth: t.small.item
+				}
+			},
+			{
+				props: { size: "medium" },
+				style: {
+					height: t.medium.item,
+					minWidth: t.medium.item
+				}
+			},
+			{
+				props: { size: "large" },
+				style: {
+					height: t.large.item,
+					minWidth: t.large.item
+				}
+			}
+		]
+	};
+} } };
 //#endregion
-export { e as MuiPaginationItem };
+export { i as MuiPaginationItem };

package/dist/theme/components/pagination.d.ts

@@ -0,0 +1,14 @@
+import { Theme } from '@mui/material';
+export declare const MuiPagination: {
+    styleOverrides: {
+        root: ({ ownerState }: import('@mui/material').PaginationProps & Record<string, unknown> & {
+            ownerState: import('@mui/material').PaginationProps & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            '& .MuiPagination-ul': {
+                gap: string;
+            };
+        };
+    };
+};

package/dist/theme/components/pagination.js

@@ -0,0 +1,5 @@
+import { paginationDimensions as e } from "../../s-pagination/types.js";
+//#region lib/theme/components/pagination.tsx
+var t = { styleOverrides: { root: ({ ownerState: t }) => ({ "& .MuiPagination-ul": { gap: `${e[t.size ?? "medium"].gap}px` } }) } };
+//#endregion
+export { t as MuiPagination };

package/dist/theme/components/pickers-calendar-header.d.ts

@@ -25,8 +25,21 @@ export declare const MuiPickersCalendarHeader: {
                 backgroundColor: string;
             };
         };
-        switchViewButton: {
+        label: ({ theme }: import('@mui/x-date-pickers').ExportedPickersCalendarHeaderProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            marginRight: string;
+        };
+        switchViewButton: ({ theme }: import('@mui/x-date-pickers').ExportedPickersCalendarHeaderProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
             padding: number;
+            marginLeft: string;
+            color: string;
             '& .MuiSvgIcon-root': {
                 fontSize: string;
             };

package/dist/theme/components/pickers-calendar-header.js

@@ -14,11 +14,14 @@ var e = { styleOverrides: {
 		transition: "background-color 0.2s ease-in-out",
 		"&:hover": { backgroundColor: (e.vars ?? e).palette.action.hover }
 	}),
-	switchViewButton: {
+	label: ({ theme: e }) => ({ marginRight: e.spacing(.5) }),
+	switchViewButton: ({ theme: e }) => ({
 		padding: 8,
+		marginLeft: e.spacing(-1),
+		color: (e.vars ?? e).palette.text.primary,
 		"& .MuiSvgIcon-root": { fontSize: "1rem" },
 		"&:hover": { backgroundColor: "transparent" }
-	}
+	})
 } };
 //#endregion
 export { e as MuiPickersCalendarHeader };