@solostylist/ui-kit 1.0.230 → 2.0.0

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

@@ -1,7 +1,7 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiAccordion: {
     styleOverrides: {
-        root: ({ theme, ownerState }: import('@mui/material').AccordionOwnProps & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "onChange" | "children" | "elevation" | "square" | "sx" | "variant" | "defaultExpanded" | "disabled" | "disableGutters" | "expanded" | "slots" | "slotProps"> & {
+        root: ({ theme }: import('@mui/material').AccordionOwnProps & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "onChange" | "children" | "elevation" | "square" | "sx" | "variant" | "defaultExpanded" | "disabled" | "disableGutters" | "expanded" | "slots" | "slotProps"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
             ownerState: import('@mui/material').AccordionOwnProps & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "onChange" | "children" | "elevation" | "square" | "sx" | "variant" | "defaultExpanded" | "disabled" | "disableGutters" | "expanded" | "slots" | "slotProps"> & {
@@ -10,26 +10,34 @@ export declare const MuiAccordion: {
         } & {
             theme: Theme;
         }) => {
-            borderRadius: string | number;
-            '&:not(:last-of-type)'?: {
-                borderBottom: string;
-            } | undefined;
-            '&:first-of-type'?: {
-                borderTopLeftRadius: string | number;
-                borderTopRightRadius: string | number;
-            } | undefined;
-            '&:last-of-type'?: {
-                borderBottomLeftRadius: string | number;
-                borderBottomRightRadius: string | number;
-            } | undefined;
             padding: number;
             overflow: "clip";
             backgroundColor: string;
             border: string;
             borderColor: string;
+            borderRadius: string | number;
             ':before': {
                 backgroundColor: string;
             };
+            variants: {
+                props: {
+                    disableGutters: true;
+                };
+                style: {
+                    borderRadius: number;
+                    '&:not(:last-of-type)': {
+                        borderBottom: string;
+                    };
+                    '&:first-of-type': {
+                        borderTopLeftRadius: string | number;
+                        borderTopRightRadius: string | number;
+                    };
+                    '&:last-of-type': {
+                        borderBottomLeftRadius: string | number;
+                        borderBottomRightRadius: string | number;
+                    };
+                };
+            }[];
         };
     };
 };

package/dist/theme/components/accordion.js

@@ -1,5 +1,5 @@
 //#region lib/theme/components/accordion.tsx
-var e = { styleOverrides: { root: ({ theme: e, ownerState: t }) => ({
+var e = { styleOverrides: { root: ({ theme: e }) => ({
 	padding: 2,
 	overflow: "clip",
 	backgroundColor: (e.vars ?? e).palette.background.default,
@@ -7,18 +7,21 @@ var e = { styleOverrides: { root: ({ theme: e, ownerState: t }) => ({
 	borderColor: (e.vars ?? e).palette.divider,
 	borderRadius: (e.vars ?? e).shape.borderRadius,
 	":before": { backgroundColor: "transparent" },
-	...t.disableGutters ? {
-		borderRadius: e.radius.none,
-		"&:not(:last-of-type)": { borderBottom: "none" },
-		"&:first-of-type": {
-			borderTopLeftRadius: (e.vars ?? e).shape.borderRadius,
-			borderTopRightRadius: (e.vars ?? e).shape.borderRadius
-		},
-		"&:last-of-type": {
-			borderBottomLeftRadius: (e.vars ?? e).shape.borderRadius,
-			borderBottomRightRadius: (e.vars ?? e).shape.borderRadius
+	variants: [{
+		props: { disableGutters: !0 },
+		style: {
+			borderRadius: e.radius.none,
+			"&:not(:last-of-type)": { borderBottom: "none" },
+			"&:first-of-type": {
+				borderTopLeftRadius: (e.vars ?? e).shape.borderRadius,
+				borderTopRightRadius: (e.vars ?? e).shape.borderRadius
+			},
+			"&:last-of-type": {
+				borderBottomLeftRadius: (e.vars ?? e).shape.borderRadius,
+				borderBottomRightRadius: (e.vars ?? e).shape.borderRadius
+			}
 		}
-	} : {}
+	}]
 }) } };
 //#endregion
 export { e as MuiAccordion };