@galaxy-ds/core 2.0.12 → 2.0.14

package/src/Theme/leap/web/overrides/Dialog/dialog.ts

@@ -1,138 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const dialogOverrides: Components<Theme>['MuiDialog'] = {
-  styleOverrides: {
-    root: ({ theme }) => ({
-      '&.gds-modal': {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        "&.gds-modal--web": {
-          textAlign: 'center',
-          '& .gds-modal_paper': {
-            color: '#444444', 
-            borderRadius: 8,
-            boxShadow: '0 1rem 2rem -0.5rem rgb(28 40 54 / 24%)',
-            maxWidth: 360, 
-            "&:focus": {
-              outline: 'none',
-            }
-          },
-          '& .gds-modal_body': {
-            flexDirection: 'column',
-            justifyContent: 'center',
-            display: 'flex',
-            alignItems: 'center',
-            paddingLeft: 32,
-            paddingRight: 32,
-            paddingTop: 16,
-            paddingBottom: 16,
-          },
-          '& .gds-modal_footer': {
-            backgroundColor: theme.palette.grey[50], 
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            paddingTop: 0,
-            paddingBottom: 16,
-            paddingLeft: 16,
-            paddingRight: 16,
-          },
-          '& .gds-modal_header': {
-            display: 'flex',
-            alignItems: 'center',
-            padding: '16px',
-            "& .MuiTypography-body1": {
-              textTransform: "uppercase",
-            },
-            "& .MuiTypography-root": {
-              flex: 1
-            }
-          }, 
-          '& .gds-modal_icon': { 
-            "& svg": {
-              width: '1em',
-              height: '1em',
-              fontSize: 56,
-            }
-          },
-        },
-        "&.gds-modal--desktop": {
-          '& .gds-modal_paper': {
-            color: "#444444", 
-            border: '1px solid #CCCCCC',
-            boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.21)',
-            maxWidth: 502,
-            "&:focus": {
-              outline: 'none',
-            }
-          },
-          '& .gds-modal_footer': {
-            backgroundColor: theme.palette.grey[100],
-            borderTop: '1px solid #d4d4d4',
-            paddingTop: 5,
-            paddingBottom: 5,
-            paddingLeft: 10,
-            paddingRight: 10,
-          },
-          '& .gds-modal_body': {
-            minHeight: 175,
-            minWidth: 360,
-            display: 'flex',
-            alignItems: 'center',
-            paddingLeft: 35,
-            paddingRight: 35,
-          },
-          '& .gds-modal_header': {
-            display: 'flex',
-            alignItems: 'center',
-            padding: '6px 9px',
-            "& .MuiTypography-root": {
-              flex: 1
-            },
-            "& .MuiTypography-body1": {
-              textTransform: "uppercase",
-            },
-          },
-          '& .gds-modal_icon': {
-            marginRight: 14,
-            "& svg": {
-              width: '1em',
-              height: '1em',
-              fontSize: 50,
-            }
-          },
-        }
-      },
-      '& .gds-modal_paper': {
-        background: "#ffffff",
-        overflowY: 'hidden',
-        overflowX: 'hidden',
-      }, 
-      '&.gds-modal_header-btn': {
-        fontSize: '1rem',
-        marginLeft: 'auto'
-      },
-      '& .gds-modal_logo': {
-        display: 'flex',
-        alignItems: 'center',
-        height: 16,
-        marginRight: 6,
-        width: 24,
-        "& .MuiSvgIcon-root": {
-          fontSize: 16,
-        }
-      },
-    }),
-    paper: ({ theme }) => ({
-      border: '1px solid #CCCCCC',
-      boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.21)',
-      background: theme.palette.grey[100],
-      "& .MuiDialogTitle-root + .MuiDialogContent-root": {
-        "&:not(.gds-disablePaddings)": {
-          paddingTop: 12,  
-        },
-      },
-    }),
-  }
-}

package/src/Theme/leap/web/overrides/Dialog/dialogActions.ts

@@ -1,9 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const dialogActionsOverrides: Components<Theme>['MuiDialogActions'] = {
-  styleOverrides: {
-    root: {
-      padding: '16px 32px',
-    },
-  }
-}

package/src/Theme/leap/web/overrides/Dialog/dialogContent.ts

@@ -1,27 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const dialogContentOverrides: Components<Theme>['MuiDialogContent'] = {
-  styleOverrides: {
-    root: {
-        fontSize: '.875rem',
-        fontFamily: 'Open Sans, sans-serif',
-        fontWeight: '400',
-        lineHeight: '1.65',
-        padding: '16px 32px',
-        '&.gds-disablePaddings': {
-            padding: 0,
-        },
-        '&:first-child': {
-            paddingTop: 0,
-        },
-    },
-    dividers: ({ theme }) => ({
-        borderTopColor: theme.palette.grey[400],
-        borderBottomColor: theme.palette.grey[400],
-        padding: '16px 32px',
-        '&.gds-disablePaddings': {
-            padding: 0,
-        },
-    }),
-  }
-}

package/src/Theme/leap/web/overrides/Dialog/dialogTitle.ts

@@ -1,16 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const dialogTitleOverrides: Components<Theme>['MuiDialogTitle'] = {
-  styleOverrides: {
-    root: {
-      fontSize: '1rem',
-      height: 34,
-      padding: '8px 16px',
-      display: 'flex',
-      alignItems: 'center',
-      '& .gds-modal_logo': {
-        display: 'none',
-      },
-    },
-  }
-}

package/src/Theme/leap/web/overrides/Table/tableCell.ts

@@ -1,40 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const tableCellOverrides: Components<Theme>['MuiTableCell'] = {
-    styleOverrides: {
-        root: {
-            borderBottom: `1px solid #d4d4d4`,
-            '.MuiTableRow-root:last-child > &.MuiTableCell-body': {
-                borderBottom: 'none',
-            },
-            "& .MuiListItemIcon-root .MuiSvgIcon-root": {
-                fontSize: 16,
-                width: '1em',
-                height: '1em',
-            },
-        },
-        sizeSmall: {
-          padding: '6px 16px 6px 16px',
-        },
-        head: ({ theme }) => ({
-          textTransform: 'uppercase',
-          letterSpacing: '0.07px',
-          borderLeft: `1px solid #d4d4d4`,
-          background: theme.palette.background.paper,
-          '&:first-child': {
-            borderLeft: 'none',
-          },
-        }),
-        paddingCheckbox: {
-            "& .MuiCheckbox-root": {
-                padding: 0,
-            },
-            "& .MuiTypography-root": {
-                display: 'none',
-            },
-        },
-        paddingNone: {
-            padding: 0,
-        }
-    }
-}

package/src/Theme/leap/web/overrides/Table/tableContainer.ts

@@ -1,10 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const tableContainerOverrides: Components<Theme>['MuiTableContainer'] = {
-    styleOverrides: {
-        root:{
-            border: `1px solid #d4d4d4`,
-            borderRadius: 4,
-        },
-    }
-}

package/src/Theme/leap/web/overrides/Table/tableRow.ts

@@ -1,21 +0,0 @@
-import { Components, Theme } from '@mui/material';
-import { blue } from '../../design-tokens/palette';
-
-export const tableRowOverrides: Components<Theme>['MuiTableFooter'] = {
-  styleOverrides: {
-    root: ({ theme }) => ({
-      '&.MuiTableRow-hover': {
-        backgroundColor: 'transparent',
-        '&:hover': {
-          backgroundColor: '#f3f3f3',
-        },
-      },
-      '&.Mui-selected': {
-        backgroundColor: blue[300],
-        '&:hover': {
-          backgroundColor: blue[300],
-        },
-      },
-    }),
-  },
-};

package/src/Theme/leap/web/overrides/accordion.ts

@@ -1,42 +0,0 @@
-import { Components, Theme } from '@mui/material';
-import spacers from '../../../lawconnect/design-tokens/spacers';
-
-export const accordionOverrides: Components<Theme>['MuiAccordion'] = {
-  styleOverrides: {
-    root: ({
-      height: "fit-content",
-      borderRadius: 4,
-      "&:not(:last-child)": {
-        borderBottom: 0,
-      }
-    }),
-  },
-};
-
-export const accordionSummaryOverrides: Components<Theme>['MuiAccordionSummary'] = {
-  styleOverrides: {
-    root: ({
-      height: 48,
-      paddingRight: spacers.xl,
-      paddingLeft: spacers.xl,
-      backgroundColor: "#f3f3f3",
-      "& .MuiSvgIcon-root": {
-        width: spacers.xl,
-      },
-      "& .MuiAccordionSummary-content": {
-        marginTop: spacers.sm,
-        marginBottom: spacers.sm,
-        whiteSpace: "normal",
-      },
-    }),
-  },
-};
-
-export const accordionDetailsOverrides: Components<Theme>['MuiAccordionDetails'] = {
-  styleOverrides: {
-    root: ({
-      padding: spacers.xl,
-    }),
-  },
-};
-

package/src/Theme/leap/web/overrides/autocomplete.ts

@@ -1,82 +0,0 @@
-import {
-  Components,
-  Theme,
-} from '@mui/material';
-
-export const autocompleteOverrides: Components<Theme>['MuiAutocomplete'] = {
-  styleOverrides: {
-    root: {
-      '& .MuiInputBase-root.Mui-focused': {
-        backgroundColor: 'white',
-      },
-      '& .MuiFormControl-root.MuiTextField-root': {
-        marginBottom: 0,
-      },
-    },
-    inputRoot: {
-      height: 'auto',
-      paddingBottom: 2,
-      paddingLeft: 2,
-      overflowY: 'auto',
-      overflowX: 'hidden',
-      '&::-webkit-scrollbar': {
-        width: 4,
-        height: 4,
-        backgroundColor: '#f3f3f3',
-      },
-      '&::-webkit-scrollbar-track': {
-        'WebkitBoxShadow': 'inset 0 0 6px rgba(0,0,0,0.05)',
-        borderRadius: 8,
-        backgroundColor: '#f3f3f3',
-        opacity: 0.05,
-      },
-      '&::-webkit-scrollbar-thumb': {
-        borderRadius: 8,
-        'WebkitBoxShadow': 'inset 0 0 6px rgba(0,0,0,0.05)',
-        backgroundColor: '#7a7a7a',
-      },
-      '& > *': {
-        marginLeft: 2,
-        marginTop: 2,
-        flexShrink: 0,
-      },
-    },
-    input: {
-      marginTop: 2,
-      marginBottom: 0,
-    },
-    endAdornment: {
-      top: 'calc(50% - 12px)',
-      marginLeft: 0,
-    },
-    popper: {
-      top: 0,
-    },
-    paper: ({ theme }) => ({
-      position: 'relative',
-      border: `1px solid ${theme.palette.border.main}`,
-      borderRadius: theme.shapes.sm,
-      backgroundColor: '#fff',
-      boxShadow: '0px 2px 8px 0px rgba(0,0,0,0.15)',
-      margin: 0,
-      marginTop: 2,
-    }),
-    popupIndicator: {
-      display: 'none',
-    },
-    listbox: {
-      padding: 0,
-    },
-    option: ({ theme }) => ({
-      '&.MuiAutocomplete-option': {
-        padding: '0px 10px',
-        '& .MuiListItemText-multiline .MuiListItemText-primary': {
-          marginBottom: 0,
-        },
-        '&:active, &:hover, &.Mui-focused': {
-          backgroundColor: theme.palette.primary.transparent,
-        }
-      }
-    }),
-  },
-};

package/src/Theme/leap/web/overrides/checkbox.ts

@@ -1,63 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const checkboxOverrides: Components<Theme>['MuiCheckbox'] = {
-    styleOverrides: {
-        root: ({ theme }) => ({
-            padding: 0,
-            color: theme.palette.text.primary,
-            position: 'relative',
-            '&:hover': {
-                backgroundColor: 'transparent',
-            },
-            '& .MuiSvgIcon-root': {
-                display: 'none',
-            },
-            '& input': {
-                appearance: 'none',
-                width: 16,
-                height: 16,
-                borderRadius: 0,
-                border: `1px solid #d4d4d4`,
-                opacity: 1,
-                outline: 'none',
-                position: 'relative',
-                top: 'unset',
-                left: 'unset',
-            },
-            '& input::after': {
-                content: '""',
-                display: 'none',
-                position: 'absolute',
-                top: -1,
-                left: -1,
-                width: 14,
-                height: 14,
-                backgroundColor: '#fef7f0',
-                border: `1px solid #d4d4d4`,
-            },
-            '& input:focus': {
-            borderColor: theme.palette.primary.main,
-            boxShadow: `0 0 0 0.2rem ${theme.palette.primary.transparent}`,
-            },
-            '&.Mui-checked input::after': {
-            display: 'block',
-            backgroundImage:
-                "url(\"data:image/svg+xml;chatset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='%231C365F' points='4 6 7 9 12 4 12 7 7 12 4 9'%3E%3C/polygon%3E%3C/svg%3E\")",
-            },
-            '&.Mui-disabled': {
-                backgroundColor: theme.palette.grey[100],
-                borderRadius: 0,
-            },
-            '& + .MuiTypography-root': {
-                marginLeft: 8,
-            },
-        }),
-        indeterminate: {
-            '& input::after': {
-              display: 'block',
-              backgroundImage:
-                "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='%231C365F' x='3' y='7' width='10' height='2'/%3E%3C/svg%3E\")",
-            },
-        },
-    },
-}

package/src/Theme/leap/web/overrides/divider.ts

@@ -1,20 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const dividerOverrides: Components<Theme>['MuiDivider'] = {
-  styleOverrides: {
-    root: {
-        width: '100%',
-        '&.gds-divider': {
-            marginTop: 2,
-            marginBottom: 2,
-            backgroundColor: '#d4d4d4'
-        },
-        "&.gds-divider--vertical": {
-            marginLeft: 5,
-            marginRight: 5,
-            height: 16,
-            width: 1,
-        }
-      },
-  },
-};

package/src/Theme/leap/web/overrides/dropdown.ts

@@ -1,53 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const dropdownOverrides: Components<Theme>['MuiSelect'] = {
-  styleOverrides: {
-    icon: {
-      right: 0,
-      top: 'calc(50%-10px)',
-      fontSize: 19,
-      display: 'none',
-    },
-    select: ({ theme }) => ({
-      padding: '5px 12px 5px 16px',
-      lineHeight: 1,
-      textTransform: 'uppercase',
-      fontSize: 12,
-      fontWeight: 600,
-      letterSpacing: '.02em',
-      color: theme.palette.primary.main,
-      // background: "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4H2L6 8L10 4Z' fill='%231C365F'/%3E%3C/svg%3E\") center right 14px no-repeat",
-      '.customselect &': {
-        color: theme.palette.text.primary,
-        fontSize: theme.typography.body1.fontSize,
-        fontWeight: 400,
-        letterSpacing: '-0.5px',
-        textTransform: 'none',
-        // background: "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7H2L6 11L10 7Z' fill='%23444444'/%3E%3Cpath d='M2 5L10 5L6 1L2 5Z' fill='%23444444'/%3E%3C/svg%3E\") center right 14px no-repeat",
-      },
-      '&::after': {
-        content: '""',
-        display: 'inline-block',
-        width: 12,
-        height: 12,
-        background:
-          "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4H2L6 8L10 4Z' fill='%231C365F'/%3E%3C/svg%3E\") center center no-repeat",
-        verticalAlign: 'top',
-        marginLeft: '0.25rem',
-      },
-      '.customselect &::after': {
-        content: '""',
-        display: 'inline-block',
-        width: 12,
-        height: 12,
-        background:
-          "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7H2L6 11L10 7Z' fill='%23444444'/%3E%3Cpath d='M2 5L10 5L6 1L2 5Z' fill='%23444444'/%3E%3C/svg%3E\") center center no-repeat",
-        verticalAlign: 'top',
-        marginLeft: '0.5rem',
-      },
-      '&.MuiSelect-select': {
-        paddingRight: 12,
-      },
-    }),
-  },
-};

package/src/Theme/leap/web/overrides/formControlLabel.ts

@@ -1,14 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const formControlLabelOverrides: Components<Theme>['MuiFormControlLabel'] = {
-    styleOverrides: {
-        root: ({theme}) => ({
-          marginLeft: 0,
-          marginRight: 0,
-          '& .MuiTypography-root': {
-            ...theme.typography.button,
-            textTransform: 'none',
-          },
-        }),
-    },
-}

package/src/Theme/leap/web/overrides/formGroup.ts

@@ -1,11 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const formGroupOverrides: Components<Theme>['MuiFormGroup'] = {
-    styleOverrides: {
-        root: {
-          '&.formGroupMargin': {
-            marginBottom: 16,
-          },
-        },
-    },
-}

package/src/Theme/leap/web/overrides/iconButton.ts

@@ -1,18 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const iconButtonOverrides: Components<Theme>['MuiIconButton'] = {
-  styleOverrides: {
-    root: ({ theme }) => ({
-      borderRadius: 4,
-      padding: 6,
-      maxHeight: 36,
-      maxWidth: 36,
-      '&:hover': {
-        backgroundColor: theme.palette.primary.transparent,
-      },
-    }),
-    sizeSmall: ({ theme }) => ({
-      padding: 4,
-    }),
-  },
-};

package/src/Theme/leap/web/overrides/index.ts

@@ -1,42 +0,0 @@
-export * from './accordion';
-export * from './autocomplete';
-export * from './checkbox';
-export * from './Dialog/dialog';
-export * from './Dialog/dialogTitle';
-export * from './Dialog/dialogContent';
-export * from './Dialog/dialogActions';
-export * from './divider';
-export * from './dropdown';
-export * from './formGroup';
-export * from './formControlLabel';
-export * from './iconButton';
-export * from './inputBase';
-export * from './inputLabel';
-export * from './menu';
-export * from './menuItem';
-export * from './outlinedInput';
-export * from './radio';
-export * from './listSubHeader';
-export * from './listItem';
-export * from './listItemAvatar';
-export * from './listItemIcon';
-export * from './listItemText';
-export * from './inputBase';
-export * from './inputLabel';
-export * from './outlinedInput';
-export * from './popover';
-export * from './menu';
-export * from './menuItem';
-export * from './radio';
-export * from './listSubHeader';
-export * from './listItem';
-export * from './listItemAvatar';
-export * from './listItemIcon';
-export * from './listItemText';
-export * from './tooltip';
-export * from './textField';
-export * from './svgIcon';
-export * from './switch';
-export * from './Table/tableCell';
-export * from './Table/tableContainer';
-export * from './Table/tableRow';