@linagora/twake-mui 1.6.0 → 2.0.0

package/dist/lib/overrides/datePickerOverrides.js

@@ -1,150 +0,0 @@
-import { alpha } from '@mui/material/styles';
-// DatePicker component overrides using nested selectors for higher specificity
-export const datePickerOverrides = (theme) => {
-    return {
-        MuiCssBaseline: {
-            styleOverrides: {
-                '.MuiDateCalendar-root.MuiDateCalendar-root': {
-                    width: '230px',
-                    maxWidth: '230px',
-                    height: '300px',
-                    maxHeight: '300px'
-                },
-                '.MuiDateCalendar-root .MuiDayCalendar-slideTransition': {
-                    minHeight: '208px'
-                },
-                '.MuiDateCalendar-root .MuiPickersCalendarHeader-root': {
-                    padding: '6px 4px',
-                    maxHeight: '32px',
-                    minHeight: '32px'
-                },
-                '.MuiDateCalendar-root .MuiPickersCalendarHeader-label': {
-                    fontSize: '14px',
-                    fontStyle: 'normal',
-                    fontWeight: 600,
-                    lineHeight: '20px',
-                    color: alpha(theme.palette.grey[900], 0.9)
-                },
-                '.MuiDateCalendar-root .MuiPickersCalendarHeader-switchViewButton': {
-                    padding: '0',
-                    width: '32px',
-                    height: '32px',
-                    color: theme.palette.grey[900]
-                },
-                '.MuiDateCalendar-root .MuiPickersCalendarHeader-switchViewIcon': {
-                    fontSize: '15px'
-                },
-                '.MuiDateCalendar-root .MuiPickersArrowSwitcher-button': {
-                    padding: '0',
-                    width: '32px',
-                    height: '32px',
-                    color: alpha(theme.palette.grey[900], 0.48)
-                },
-                '.MuiDateCalendar-root .MuiDayCalendar-weekDayLabel': {
-                    fontSize: '10px',
-                    fontStyle: 'normal',
-                    fontWeight: 500,
-                    lineHeight: '16px',
-                    height: '32px',
-                    width: '32px',
-                    margin: '0',
-                    color: alpha(theme.palette.grey[900], 0.48)
-                },
-                '.MuiDateCalendar-root .MuiPickersDay-root': {
-                    fontSize: '10px',
-                    fontStyle: 'normal',
-                    fontWeight: 500,
-                    lineHeight: '16px',
-                    height: '32px',
-                    width: '32px',
-                    margin: '0',
-                    color: alpha(theme.palette.grey[900], 0.9)
-                },
-                '.MuiDateCalendar-root .MuiPickersDay-root.Mui-selected': {
-                    backgroundColor: theme.palette.primary.main,
-                    '&:hover': {
-                        backgroundColor: theme.palette.primary.dark
-                    }
-                },
-                '.MuiDateCalendar-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
-                    backgroundColor: `${theme.palette.primary.main}`,
-                    '&:hover': {
-                        backgroundColor: `${theme.palette.primary.dark}`
-                    }
-                },
-                '.MuiDateCalendar-root .MuiMonthCalendar-root': {
-                    width: '215px'
-                },
-                '.MuiDateCalendar-root .MuiMonthCalendar-button': {
-                    fontSize: '14px',
-                    lineHeight: 1,
-                    height: '30px',
-                    width: '55px'
-                },
-                '.MuiDateCalendar-root .MuiMonthCalendar-button[tabindex="0"]': {
-                    background: 'transparent'
-                },
-                '.MuiDateCalendar-root .MuiMonthCalendar-button.Mui-selected': {
-                    color: theme.palette.primary.contrastText,
-                    background: theme.palette.primary.main,
-                    '&:hover': {
-                        background: theme.palette.primary.dark
-                    },
-                    '&:focus': {
-                        background: theme.palette.primary.dark
-                    }
-                },
-                '.MuiDateCalendar-root .MuiMonthCalendar-button.Mui-selected[tabindex="0"]': {
-                    color: theme.palette.primary.contrastText,
-                    background: theme.palette.primary.main,
-                    '&:hover': {
-                        background: theme.palette.primary.dark
-                    },
-                    '&:focus': {
-                        background: theme.palette.primary.dark
-                    }
-                },
-                '.MuiDateCalendar-root .MuiYearCalendar-root': {
-                    width: '245px',
-                    maxWidth: '245px'
-                },
-                '.MuiDateCalendar-root .MuiYearCalendar-button': {
-                    fontSize: '14px',
-                    lineHeight: 1,
-                    height: '30px',
-                    width: '55px'
-                },
-                '.MuiDateCalendar-root .MuiYearCalendar-button[tabindex="0"]': {
-                    background: 'transparent'
-                },
-                '.MuiDateCalendar-root .MuiYearCalendar-button.Mui-selected': {
-                    color: theme.palette.primary.contrastText,
-                    background: theme.palette.primary.main,
-                    '&:hover': {
-                        background: theme.palette.primary.dark
-                    },
-                    '&:focus': {
-                        background: theme.palette.primary.dark
-                    }
-                },
-                '.MuiDateCalendar-root .MuiYearCalendar-button.Mui-selected[tabindex="0"]': {
-                    color: theme.palette.primary.contrastText,
-                    background: theme.palette.primary.main,
-                    '&:hover': {
-                        background: theme.palette.primary.dark
-                    },
-                    '&:focus': {
-                        background: theme.palette.primary.dark
-                    }
-                },
-                '.MuiButtonBase-root.MuiMenuItem-root.MuiDigitalClock-item.Mui-selected': {
-                    backgroundColor: theme.palette.primary.main,
-                    color: theme.palette.primary.contrastText,
-                    '&:hover': {
-                        backgroundColor: theme.palette.primary.dark
-                    }
-                }
-            }
-        }
-    };
-};

package/dist/lib/overrides/dialogOverrides.d.ts

@@ -1,5 +0,0 @@
-import { Components } from '@mui/material/styles';
-export declare const dialogOverrides: () => Components["MuiDialog"];
-export declare const dialogTitleOverrides: () => Components["MuiDialogTitle"];
-export declare const dialogContentOverrides: () => Components["MuiDialogContent"];
-export declare const dialogActionsOverrides: () => Components["MuiDialogActions"];

package/dist/lib/overrides/dialogOverrides.js

@@ -1,43 +0,0 @@
-import { radius } from '../radius';
-export const dialogOverrides = () => {
-    return {
-        styleOverrides: {
-            paper: {
-                borderRadius: radius.md,
-                boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.30), 0 4px 8px 3px rgba(0, 0, 0, 0.15)',
-                maxWidth: '570px'
-            }
-        }
-    };
-};
-export const dialogTitleOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                padding: '12px 32px',
-                fontSize: 17,
-                fontWeight: 400,
-                lineHeight: 1.273,
-                letterSpacing: '0'
-            }
-        }
-    };
-};
-export const dialogContentOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                padding: '24px 32px'
-            }
-        }
-    };
-};
-export const dialogActionsOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                padding: '16px 32px'
-            }
-        }
-    };
-};

package/dist/lib/overrides/iconButtonOverrides.d.ts

@@ -1,2 +0,0 @@
-import { Components } from '@mui/material/styles';
-export declare const iconButtonOverrides: () => Components["MuiIconButton"];

package/dist/lib/overrides/iconButtonOverrides.js

@@ -1,13 +0,0 @@
-import { alpha } from '@mui/material/styles';
-import paletteJson from '../palette.json';
-const paletteData = paletteJson;
-export const iconButtonOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                color: alpha(paletteData.Grey[900], 0.48),
-                padding: '4px'
-            }
-        }
-    };
-};

package/dist/lib/overrides/menuItemOverrides.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const menuItemOverrides: (theme: Theme) => Components["MuiMenuItem"];

package/dist/lib/overrides/menuItemOverrides.js

@@ -1,22 +0,0 @@
-import { menuItemClasses } from '@mui/material/MenuItem';
-import { alpha } from '@mui/material/styles';
-import { radius } from '../radius';
-export const menuItemOverrides = (theme) => {
-    return {
-        styleOverrides: {
-            root: {
-                borderRadius: radius.md,
-                '&&&:hover': {
-                    backgroundColor: `${alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)}`
-                },
-                [`&.${menuItemClasses.selected}`]: {
-                    backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
-                    '&:hover': {
-                        backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity +
-                            theme.palette.action.hoverOpacity)
-                    }
-                }
-            }
-        }
-    };
-};

package/dist/lib/overrides/popoverOverrides.d.ts

@@ -1,2 +0,0 @@
-import { Components } from '@mui/material/styles';
-export declare const popoverOverrides: () => Components["MuiPopover"];

package/dist/lib/overrides/popoverOverrides.js

@@ -1,11 +0,0 @@
-import { radius } from '../radius';
-export const popoverOverrides = () => {
-    return {
-        styleOverrides: {
-            paper: {
-                borderRadius: radius.md,
-                boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.30), 0 4px 8px 3px rgba(0, 0, 0, 0.15)'
-            }
-        }
-    };
-};

package/dist/lib/overrides/swipeableDrawerOverrides.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const swipeableDrawerOverrides: (theme: Theme) => Components["MuiSwipeableDrawer"];

package/dist/lib/overrides/swipeableDrawerOverrides.js

@@ -1,26 +0,0 @@
-import { radius } from '../radius';
-// MuiSwipeableDrawer inherits from MuiDrawer.
-// To style the paper (the actual container) of a swipeable drawer, we have to target MuiDrawer
-export const swipeableDrawerOverrides = (theme) => {
-    return {
-        defaultProps: {
-            sx: {
-                '& .MuiDrawer-paper': {
-                    borderTopLeftRadius: radius.md,
-                    borderTopRightRadius: radius.md,
-                    '&::before': {
-                        content: '""',
-                        display: 'block',
-                        width: '64px',
-                        height: '4px',
-                        backgroundColor: theme.palette.action.disabledBackground,
-                        borderRadius: radius.md,
-                        margin: '12px auto',
-                        marginTop: '30px',
-                        flexShrink: 0
-                    }
-                }
-            }
-        }
-    };
-};

package/dist/lib/overrides/textFieldOverrides.d.ts

@@ -1,5 +0,0 @@
-import { Components } from '@mui/material/styles';
-export declare const textFieldOverrides: () => Components["MuiTextField"];
-export declare const outlinedInputOverrides: () => Components["MuiOutlinedInput"];
-export declare const inputBaseOverrides: () => Components["MuiInputBase"];
-export declare const selectOverrides: () => Components["MuiSelect"];

package/dist/lib/overrides/textFieldOverrides.js

@@ -1,95 +0,0 @@
-import { radius } from '../radius';
-export const textFieldOverrides = () => {
-    return {
-        defaultProps: {
-            size: 'medium'
-        },
-        styleOverrides: {
-            root: {
-                '& .MuiOutlinedInput-root': {
-                    borderRadius: radius.sm,
-                    '& fieldset': {
-                        borderRadius: radius.sm
-                    }
-                }
-            }
-        }
-    };
-};
-export const outlinedInputOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                borderRadius: radius.sm,
-                '&.Mui-focused fieldset': {
-                    borderWidth: '1px'
-                },
-                '& input::placeholder': {
-                    color: '#8C9CAF',
-                    opacity: 1
-                },
-                '& .MuiSvgIcon-root': {
-                    fontSize: '18px'
-                }
-            },
-            input: {
-                padding: '11px 16px', // Default medium: 48px height
-                height: 'auto',
-                lineHeight: '24px'
-            },
-            inputSizeSmall: {
-                padding: '8px 16px',
-                fontSize: '14px',
-                fontWeight: 400,
-                lineHeight: '20px',
-                minHeight: '26px'
-            }
-        },
-        variants: [
-            {
-                props: { size: 'large' },
-                style: {
-                    '& .MuiOutlinedInput-input': {
-                        padding: '14px 16px' // Large: 54px height
-                    }
-                }
-            }
-        ]
-    };
-};
-export const inputBaseOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                '&.MuiInputBase-sizeLarge': {
-                    fontSize: '16px'
-                }
-            }
-        }
-    };
-};
-export const selectOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                '&.MuiOutlinedInput-root': {
-                    '& .MuiSvgIcon-root': {
-                        fontSize: '25px'
-                    },
-                    '&.MuiInputBase-sizeSmall': {
-                        '& .MuiSelect-select': {
-                            padding: '10px 25px 10px 15px',
-                            fontSize: '14px',
-                            lineHeight: '20px',
-                            // Note: :has() selector removed due to jsdom compatibility in tests
-                            // If SVG is present, padding should be handled via component-level sx prop
-                            '& svg': {
-                                marginRight: '8px'
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    };
-};

package/dist/lib/overrides/toggleButtonOverrides.d.ts

@@ -1,3 +0,0 @@
-import { Theme, Components } from '@mui/material/styles';
-export declare const toggleButtonGroupOverrides: () => Components["MuiToggleButtonGroup"];
-export declare const toggleButtonOverrides: (theme: Theme) => Components["MuiToggleButton"];

package/dist/lib/overrides/toggleButtonOverrides.js

@@ -1,42 +0,0 @@
-import { alpha } from '@mui/material/styles';
-export const toggleButtonGroupOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                borderColor: '#AEAEC0',
-                '& .MuiToggleButton-root:not(.Mui-selected)': {
-                    color: '#8C9CAF',
-                    backgroundColor: alpha('#49454F', 0.08),
-                    '&:hover': {
-                        backgroundColor: alpha('#49454F', 0.08)
-                    },
-                    '& svg, & .MuiSvgIcon-root': {
-                        color: '#8C9CAF'
-                    }
-                }
-            }
-        }
-    };
-};
-export const toggleButtonOverrides = (theme) => {
-    return {
-        styleOverrides: {
-            root: {
-                color: '#525256',
-                '&.Mui-selected': {
-                    color: '#243B55',
-                    backgroundColor: 'transparent',
-                    '&:hover': {
-                        backgroundColor: 'transparent'
-                    },
-                    '& svg, & .MuiSvgIcon-root': {
-                        color: theme.palette.primary.main
-                    }
-                }
-            },
-            sizeMedium: {
-                padding: '9px 24px'
-            }
-        }
-    };
-};