@galaxy-ds/core 2.0.13 → 2.0.15

package/src/Theme/lawconnect/overrides/tooltip.ts

@@ -1,21 +0,0 @@
-import { Components, Theme } from '@mui/material';
-
-export const tooltipOverrides: Components<Theme>['MuiTooltip'] = {
-  styleOverrides: {
-    tooltip: ({ theme }) => ({
-      ...theme.typography.subtitle1,
-      backgroundColor: theme.palette.text.primary,
-      borderRadius: theme.shapes.button,
-      padding: 16,
-    }),
-    tooltipPlacementTop: {
-      margin: '5px 0 !important',
-    },
-    tooltipPlacementBottom: {
-      margin: '5px 0 !important',
-    },
-    arrow: ({ theme }) => ({
-      color: theme.palette.grey[900],
-    }),
-  },
-};

package/src/Theme/lawconnect/theme.ts

@@ -1,271 +0,0 @@
-import { createTheme } from '@mui/material/styles';
-import shapes from './design-tokens/shapes';
-import typography from './design-tokens/typography';
-import spacers from './design-tokens/spacers';
-import baseline from './baseline';
-import palettes from './design-tokens/palette';
-import buttons from './design-tokens/components/buttons';
-import avatars from './design-tokens/components/avatars';
-import chip from './design-tokens/components/chip';
-
-import {
-  SvgNoDocument,
-  SvgNoTransactions,
-  SvgDefault,
-} from '../../Icons/common/EmptyState/lawconnect';
-
-import {
-  accordionOverrides,
-  accordionDetailsOverrides,
-  accordionSummaryOverrides,
-  autocompleteOverrides,
-  checkboxOverrides,
-  dialogOverrides,
-  dialogActionsOverrides,
-  dialogContentOverrides,
-  dialogTitleOverrides,
-  dividerOverrides,
-  dropdownOverrides,
-  formGroupOverrides,
-  formControlLabelOverrides,
-  iconButtonOverrides,
-  inputBaseOverrides,
-  inputLabelOverrides,
-  menuOverrides,
-  menuItemOverrides,
-  outlinedInputOverrides,
-  radioOverrides,
-  listOverrides,
-  listItemIconOverrides,
-  listItemTextOverrides,
-  tooltipOverrides,
-  svgIconOverrides,
-} from './overrides';
-import SvgNoAppointment from '../../Icons/common/EmptyState/lawconnect/NoAppointment';
-
-let lawconnectTheme = createTheme({
-  platform: {
-    name: 'lawconnect',
-  },
-  emptyState: {
-    icons: {
-      document: SvgNoDocument,
-      matter: SvgDefault,
-      transaction: SvgNoTransactions,
-      appointment: SvgNoAppointment,
-      default: SvgDefault,
-    },
-  },
-  palette: palettes.palette,
-  shapes: shapes,
-  spacers: spacers,
-});
-
-lawconnectTheme = createTheme(lawconnectTheme, {
-  typography: typography,
-  avatars: avatars,
-  chip: chip,
-  buttons: buttons,
-  components: {
-    MuiCssBaseline: {
-      styleOverrides: baseline,
-    },
-    MuiButtonBase: {
-      defaultProps: {
-        disableRipple: true,
-      },
-    },
-    MuiCard: {
-      styleOverrides: {
-        root: {
-          padding: spacers.xl,
-          '&:hover, &:focus, &:active': {
-            outline: `2px solid var(--current-color, ${palettes.palette.primary.main}) !important`,
-            boxShadow: '0px 0px 24px 4px rgba(0, 0, 0, 0.1)',
-          },
-        },
-      },
-    },
-    MuiFormControl: {
-      styleOverrides: {
-        root: {
-          marginBottom: 16,
-          //Add the following line to Poseidon
-          borderRadius: shapes.card,
-          '&:active, &:focus': {
-            backgroundColor: `${palettes.palette.background.paper} !important`,
-            boxShadow: `inset 0 0 0 2px ${palettes.palette.text.primary}`,
-          },
-          '&.Mui-disabled': {
-            color: palettes.palette.text.disabled,
-          },
-          '& .MuiSelect-icon': {
-            width: 16,
-            height: 16,
-          },
-          '& .MuiNativeSelect-icon': {
-            width: 16,
-            height: 16,
-          },
-          '& .Mui-focused': {
-            '&.MuiInputBase-root-MuiInput-root-MuiSelect-root': {
-              '&::after': {
-                borderBottom: `2px solid ${palettes.palette.text.primary}`,
-              },
-            },
-          },
-        },
-      },
-    },
-    MuiFilledInput: {
-      styleOverrides: {
-        root: {
-          backgroundColor: `${palettes.palette.background.default} !important`,
-          borderRadius: '0.75rem !important',
-          fontWeight: 500,
-          '&::placeholder': {
-            fontWeight: 300,
-          },
-          '&::before': {
-            border: 'none !important',
-          },
-          '&::after': {
-            borderRadius: '0.75rem !important',
-            border: 'none !important',
-          },
-          '&:hover:not(.Mui-disabled)': {
-            backgroundColor: `${palettes.palette.info.dark} !important`,
-          },
-          '&:active:not(.Mui-disabled)': {
-            borderRadius: '0.75rem !important',
-            backgroundColor: `#ced2da !important`,
-          },
-          '&:focus:not(.Mui-disabled)': {
-            boxShadow: `inset 0 0 0 2px ${palettes.palette.primary.light}`,
-          },
-          '& .MuiSelected': {
-            borderRadius: '0.75rem !important',
-          },
-          '& .MuiFilledInput-input': {
-            borderRadius: '0.75rem !important',
-          },
-          '& .MuiSelect-icon': {
-            height: '1rem !important',
-            color: 'currentColor',
-          },
-          '&.MuiInputBase': {
-            '&:focus': {
-              backgroundColor: 'transparent !important',
-            },
-          },
-          '&.MuiInputBase-colorSuccess': {
-            backgroundColor: `${palettes.palette.success.light} !important`,
-            color: palettes.palette.success.dark,
-            '&:hover:not(.Mui-disabled)': {
-              backgroundColor: '#BCE7C9 !important',
-              color: '#2A7443',
-            },
-            '&:active:not(.Mui-disabled)': {
-              backgroundColor: `${palettes.palette.success.dark} !important`,
-              color: `${palettes.palette.success.light} !important`,
-            },
-            '&:focus:not(.Mui-disabled)': {
-              backgroundColor: '#BCE7C9 !important',
-              color: '#2A7443',
-            },
-          },
-          '&.MuiInputBase-colorError': {
-            backgroundColor: `${palettes.palette.error.light} !important`,
-            color: palettes.palette.error.dark,
-            '&:hover:not(.Mui-disabled)': {
-              backgroundColor: '#EEB5B5 !important',
-              color: '#851F1F',
-            },
-            '&:active:not(.Mui-disabled)': {
-              backgroundColor: `${palettes.palette.error.dark} !important`,
-              color: `${palettes.palette.error.light} !important`,
-            },
-            '&:focus:not(.Mui-disabled)': {
-              backgroundColor: '#EEB5B5 !important',
-              color: '#851F1F',
-            },
-
-            '& .MuiSelect-select': {
-              borderRadius: shapes.card,
-              '&.MuiInputBase-input': {
-                '&.MuiFilledInput-input': {
-                  '&:focus': {
-                    backgroundColor: 'transparent !important',
-                  },
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-    MuiInputLabel: {
-      styleOverrides: {
-        root: {
-          fontWeight: typography.subtitle1.fontWeight,
-        },
-      },
-    },
-    MuiInputAdornment: {
-      styleOverrides: {
-        positionEnd: {
-          paddingRight: 16,
-        },
-        positionStart: {
-          paddingLeft: 16,
-        },
-      },
-    },
-    MuiPaper: {
-      styleOverrides: {
-        root: {
-          borderRadius: shapes.card,
-        },
-      },
-    },
-    MuiDivider: {
-      styleOverrides: {
-        light: {
-          backgroundColor: palettes.palette.grey[300],
-        },
-      },
-    },
-  },
-});
-
-lawconnectTheme = createTheme(lawconnectTheme, {
-  components: {
-    MuiAccordion: accordionOverrides,
-    MuiAccordionDetails: accordionDetailsOverrides,
-    MuiAccordionSummary: accordionSummaryOverrides,
-    MuiAutocomplete: autocompleteOverrides,
-    MuiCheckbox: checkboxOverrides,
-    MuiDialog: dialogOverrides,
-    MuiDialogActions: dialogActionsOverrides,
-    MuiDialogContent: dialogContentOverrides,
-    MuiDialogTitle: dialogTitleOverrides,
-    MuiDivider: dividerOverrides,
-    MuiFormGroup: formGroupOverrides,
-    MuiFormControlLabel: formControlLabelOverrides,
-    MuiIconButton: iconButtonOverrides,
-    MuiInputBase: inputBaseOverrides,
-    MuiInputLabel: inputLabelOverrides,
-    MuiMenu: menuOverrides,
-    MuiMenuItem: menuItemOverrides,
-    MuiOutlinedInput: outlinedInputOverrides,
-    MuiRadio: radioOverrides,
-    MuiList: listOverrides,
-    MuiListItemIcon: listItemIconOverrides,
-    MuiListItemText: listItemTextOverrides,
-    MuiSelect: dropdownOverrides,
-    MuiTooltip: tooltipOverrides,
-    MuiSvgIcon: svgIconOverrides,
-  },
-});
-
-export default lawconnectTheme;

package/src/Theme/leap/desktop/baseline.ts

@@ -1,48 +0,0 @@
-const baseline = {
-  html: {
-    WebkitFontSmoothing: "antialiased",
-  },
-  body: {
-    color: "#444444",
-    fontSize: ".813rem",
-    fontFamily: " -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol",
-    fontWeight: "400",
-    lineHeight: "1.371",
-    boxSizing: "border-box",
-    margin: 0,
-    textRendering: "optimizeSpeed",
-  },
-  a: {
-    transition: "all .1s",
-    textDecoration: "none",
-  },
-  /* clears the 'X' from Internet Explorer */
-  "input[type=search]::-ms-clear": {
-    display: "none",
-    width: 0,
-    height: 0,
-  },
-  "input[type=search]::-ms-reveal": {
-    display: "none",
-    width: 0,
-    height: 0,
-  },
-  /* clears the 'X' from Chrome */
-  'input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration': {
-    display: "none",
-  },
-  ":root": {
-    "--annotation-font-size": "16px",
-    "--annotation-font-weight": "500",
-    "--annotation-border-radius": "0",
-    "--annotator-btn-color": "#1e365e",
-    "--annotator-btn-bg": "#eeeeee",
-    "--annotator-btn-add-color": "#ffffff",
-    "--annotator-btn-add-bg": "#1e365e",
-    "--sidebar-spacing": "16px",
-    "--sidebar-btn-group": "0",
-    "--sidebar-btn-group-spacing": "0",
-  },
-}
-export default baseline
-  

package/src/Theme/leap/desktop/design-tokens/components/avatars.ts

@@ -1,49 +0,0 @@
-import palettes from "../../../web/design-tokens/palette"
-const { palette } = palettes;
-
-const avatars = { 
-    fontWeight: 400,
-    color: {
-        default: {
-            color: palette.default.contrastText,
-            background: '#a7a7a7',
-            borderColor: '#a7a7a7',
-            borderSize: '1px'
-        },
-        primary: {
-            color: palette.primary.contrastText,
-            borderColor: palette.primary.main,
-            background: palette.primary.main,
-            borderSize: '1px'
-        },
-        secondary: {
-            color: palette.primary.contrastText,
-            borderColor: palette.primary.light,
-            background: palette.primary.light,
-            borderSize: '0'
-        }
-    },
-    size: {
-        xsmall: {
-            size: '20px',
-            fontSize: '10px',
-        },
-        small: {
-            size: '28px',
-            fontSize: '12px',
-        },
-        medium: {
-            size: '32px',
-            fontSize: '12px',
-        },
-        large: {
-            size: '48px',
-            fontSize: '16px',
-        },
-        xlarge: {
-            size: '64px',
-            fontSize: '20px',
-        }
-    }
-}
-export default avatars

package/src/Theme/leap/desktop/design-tokens/components/buttons.ts

@@ -1,96 +0,0 @@
-import palettes from "../../../web/design-tokens/palette"
-const { palette, blue, grey } = palettes;
-
-const buttons = { 
-    padding: '0.344rem 0.75rem',
-    height: '30px',
-    transition: "all 0.15s ease-in-out",
-    contained: {
-        inherit: {
-            color: palette.default.contrastText,
-            border: 'transparent',
-            background: palette.default.main,
-            boxShadow: 'none',
-            colorHover: palette.default.contrastText,
-            backgroundHover: palette.default.dark,
-            borderHover: 'transparent',
-            boxShadowHover: 'none',
-            backgroundFocus: palette.default.dark,
-            boxShadowFocus: 'none',
-        },
-        primary: {
-            color: palette.primary.contrastText,
-            border: 'transparent',
-            background: palette.primary.main,
-            boxShadow: 'none',
-            colorHover: palette.primary.contrastText,
-            backgroundHover: palette.primary.dark,
-            borderHover: 'transparent',
-            boxShadowHover: 'none',
-            backgroundFocus: palette.primary.dark,
-            boxShadowFocus: 'none',
-        },
-        secondary: {
-            color: palette.secondary.contrastText,
-            border: 'transparent',
-            background: palette.secondary.main,
-            boxShadow: 'none',
-            colorHover: palette.secondary.contrastText,
-            backgroundHover: palette.secondary.main,
-            borderHover: 'transparent',
-            boxShadowHover: 'none',
-            backgroundFocus: palette.secondary.main,
-            boxShadowFocus: 'none',
-        } 
-    },
-    outline: {
-        inherit: {
-            color: palette.primary.main,
-            background: palette.background.paper, 
-            border: palette.divider, 
-            boxShadow: 'none',
-            colorHover: palette.primary.main,
-            backgroundHover: blue[100],
-            borderHover: palette.primary.main,
-            boxShadowHover: 'none',
-            backgroundFocus: blue[100],
-            boxShadowFocus: '0 0 0 0.15rem #cdd3dc, inset 0 3px 5px rgb(0 0 0 / 13%)',
-        },
-        primary: {
-            color: palette.primary.main,
-            background: palette.background.paper, 
-            border: palette.divider, 
-            boxShadow: 'none',
-            colorHover: palette.primary.main,
-            backgroundHover: blue[100],
-            borderHover: palette.primary.main,
-            boxShadowHover: 'none',
-            backgroundFocus: blue[100],
-            boxShadowFocus: '0 0 0 0.15rem #cdd3dc, inset 0 3px 5px rgb(0 0 0 / 13%)',
-        },
-        secondary: {
-            color: palette.secondary.main,
-            background: palette.background.paper, 
-            border: palette.secondary.main,
-            boxShadow: 'none',
-            colorHover: palette.secondary.main,
-            backgroundHover: palette.secondary.light,
-            borderHover: palette.secondary.main,
-            boxShadowHover: 'none',
-            backgroundFocus: blue[100],
-            boxShadowFocus: '0 0 0 0.15rem #cdd3dc, inset 0 3px 5px rgb(0 0 0 / 13%)',
-        }
-    },
-    text: {
-        inherit: {
-            color: palette.default.main,
-        },
-        primary: {
-            color: palette.primary.light,
-        },
-        secondary: {
-            color: palette.secondary.main,
-        },
-    }
-}
-export default buttons

package/src/Theme/leap/desktop/design-tokens/components/chip.ts

@@ -1,66 +0,0 @@
-import palettes from "../../../web/design-tokens/palette"
-const { palette } = palettes;
-
-const chip = { 
-    textTransform: 'uppercase',
-    fontWeight: '500',
-    padding: '0',
-    paddingLabel: '4px',
-    border: '',
-    borderDelete: '1px solid #d4d4d4',
-    color: {
-        filled: {
-            default: {
-                color: palette.primary.main,
-                background: 'rgba(30,54,94, 0.15)',
-            },
-            primary: {
-                color: palette.primary.main,
-                background: palette.primary.transparent,
-            },
-            secondary: {
-                color: palette.secondary.main,
-                background: palette.secondary.transparent,
-            },
-            info: {
-                color: palette.info.dark,
-                background: palette.info.transparent,
-            },
-            success: {
-                color: palette.success.dark,
-                background: palette.success.transparent,
-            },
-            warning: {
-                color: palette.warning.main,
-                background: palette.warning.transparent,
-            },
-            error: {
-                color: palette.error.main,
-                background: palette.error.transparent,
-            }
-        },
-        outlined: {
-            default: {
-                color: palette.default.main,
-                background: palette.default.contrastText,
-                borderColor: palette.divider
-            },
-        }
-    },
-    size: {
-        small: {
-            fontWeight: '400',
-            fontSize: '10px',
-            height: '16px',
-            iconBorder: '1px solid #d4d4d4'
-        },
-        medium: {
-            fontWeight: '400',
-            fontSize: '12px',
-            height: '22px',
-            iconBorder: '1px solid #d4d4d4',
-            paddingLabel: '4px',
-        },
-    }
-}
-export default chip

package/src/Theme/leap/desktop/design-tokens/effect.ts

@@ -1,4 +0,0 @@
-const effects = { 
-}
-export default effects
-  

package/src/Theme/leap/desktop/design-tokens/palette.js

@@ -1,114 +0,0 @@
-import * as tokens from "@galaxy-ds/tokens/dist/leap/web/cjs/tokens"
-
-const grey = {
-    900: "#1c2836",
-    800: "#263042",
-    700: "#444444",
-    600: "#889099",
-    500: "#7a7a7a",
-    400: "#d6d6d6",
-    300: "#d8d8d8",
-    200: "#f3f3f3",
-    100: "#eeeeee",
-    50: "#FFFFFF",
-}
-  
-const blue = {
-    400: "#EBF2F9",
-    300: "#ebf1f4",
-    200: "#C2D8E7",
-    100: "#e4edf5",
-    50: "#E0ECF5",
-}
-
-const extendedPalette = {
-  border: {
-    main: tokens.ColorTextPrimary,
-    // light: tokens.ColorBorderLight,
-    // dark: tokens.ColorBorderDark,
-    // darker: tokens.ColorBorderDarker,
-  },
-};
-
-const palette = {
-  primary: {
-    main: tokens.ColorPrimaryMain,
-    light: tokens.ColorPrimaryLight,
-    dark: tokens.ColorPrimaryDark,
-    transparent: 'rgba(0,96,172, 0.12)',
-    contrastText: '#fff',
-  },
-  secondary: {
-    main: tokens.ColorSecondaryMain,
-    light: tokens.ColorSecondaryLight,
-    dark: tokens.ColorSecondaryDark,
-    transparent: 'rgba(245,146,69, 0.12)',
-    contrastText: '#fff',
-  },
-  default: {
-    main: '#6e7781',
-    light: '#EFF0F0',
-    dark: '#5c646c',
-    transparent: 'rgba(30,54,94, 0.15)',
-    contrastText: '#fff',
-  },
-  info: {
-    main: tokens.ColorContextualInfoLight,
-    light: tokens.ColorContextualInfodLight,
-    dark: tokens.ColorContextualInfoDark,
-    transparent: 'rgba(30,54,94, 0.15)',
-    contrastText: '#fff',
-  },
-  error: {
-    main: tokens.ColorContextualDangerMain,
-    light: tokens.ColorContextualDangerLight,
-    dark: tokens.ColorContextualDangerDark,
-    transparent: 'rgba(192,46,33, 0.12)',
-  },
-  warning: {
-    main: tokens.ColorContextualWarningMain,
-    light: tokens.ColorContextualWarningLight,
-    dark: tokens.ColorContextualWarningDark,
-    transparent: 'rgba(245,146,69, 0.12)',
-  },
-  success: {
-    main: tokens.ColorContextualSuccessMain,
-    light: tokens.ColorContextualSuccessLight,
-    dark: tokens.ColorContextualSuccessDark,
-    transparent: 'rgba(63,175,42, 0.12)',
-  },
-  text: {
-    primary: tokens.ColorTextPrimary,
-    secondary: tokens.ColorTextSecondary,
-    disabled: tokens.ColorTextDisabled,
-    link: '#0060AA',
-    active: '#1E365E',
-    light: '#AAB0B8',
-  },
-  background: {
-    paper: '#ffffff',
-    default: '#eeeeee',
-    light: 'rgb(249, 249, 249)',
-    footer: '#ffffff',
-  },
-  action: {
-    hover: blue[200],
-  },
-  divider: '#d8d8d8',
-  grey: {
-    ...grey,
-  },
-  blue: {
-    ...blue,
-  },
-  ...extendedPalette,
-};
-
-const palettes = {
-  palette,
-  extendedPalette,
-  grey,
-  blue
-}
-
-export default palettes

package/src/Theme/leap/desktop/design-tokens/shapes.ts

@@ -1,12 +0,0 @@
-const shapes = { 
-    zero: '0px',
-    sm: '4px',
-    md: '8px',
-    lg: '16px',
-    button: '1px',
-    card: '0px',
-    chip: '3px',
-    tag: '2px',
-    circle: '100px'
-}
-export default shapes

package/src/Theme/leap/desktop/design-tokens/spacers.ts

@@ -1,13 +0,0 @@
-const spacers = { 
-    xs: 0,
-    sm: '4px',
-    md: '8px',
-    lg: '12px',
-    xl: '16px',
-    xxl: '32px',
-    xxxl: '64px',
-    button: '0.344rem 0.75rem',
-    chip: '4px',
-}
-export default spacers
-