@parkassist/pa-ui-library/dist/components/Chip/styles.js

INX Platform elements

import { createTheme } from '@mui/material/styles';
import { FontStyles, Palette } from "../../index";
const ChipsTheme = createTheme({
  palette: {
    offline: {
      main: Palette.DARK_GREY,
      contrastText: Palette.WHITE
    }
  },
  components: {
    MuiChip: {
      styleOverrides: {
        root: {
          font: FontStyles.CHIP_FONT
        },
        colorPrimary: {
          backgroundColor: Palette.SUCCESS_GREEN,
          borderRadius: '16px !important'
        },
        colorSecondary: {
          backgroundColor: Palette.BLACK,
          borderRadius: '16px !important'
        },
        colorDefault: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          borderRadius: '16px !important'
        },
        colorError: {
          backgroundColor: Palette.ERROR_RED,
          borderRadius: '16px !important'
        },
        colorWarning: {
          backgroundColor: Palette.WARNING_ORANGE,
          borderRadius: '16px !important'
        },
        colorInfo: {
          backgroundColor: Palette.INFO_BLUE,
          borderRadius: '16px !important'
        },
        colorSuccess: {
          backgroundColor: Palette.SUCCESS_GREEN,
          borderRadius: '16px !important'
        },
        colorOffline: {
          backgroundColor: Palette.VERY_LIGHT_GREY_NEW,
          borderRadius: '16px !important'
        },
        outlinedPrimary: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.SUCCESS_GREEN,
          border: `1px solid ${Palette.SUCCESS_GREEN} !important`
        },
        outlinedSecondary: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.BLACK,
          border: `1px solid ${Palette.DIM_GREY} !important`
        },
        outlinedDefault: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.BLACK,
          border: `1px solid ${Palette.DIM_GREY} !important`
        },
        outlinedError: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.ERROR_RED,
          border: `1px solid ${Palette.ERROR_RED} !important`
        },
        outlinedWarning: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.WARNING_ORANGE,
          border: `1px solid ${Palette.WARNING_ORANGE} !important`
        },
        outlinedInfo: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.INFO_BLUE,
          border: `1px solid ${Palette.INFO_BLUE} !important`
        },
        outlinedSuccess: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.SUCCESS_GREEN,
          border: `1px solid ${Palette.SUCCESS_GREEN} !important`
        },
        outlinedOffline: {
          backgroundColor: `${Palette.WHITE} !important`,
          color: Palette.DARK_GREY,
          border: `1px solid ${Palette.DARK_GREY} !important`
        },
        deletableColorPrimary: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.SUCCESS_GREEN} !important`
        },
        deletableColorSecondary: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.BLACK} !important`
        },
        deletableColorDefault: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.BLACK} !important`
        },
        deletableColorError: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.ERROR_RED} !important`
        },
        deletableColorWarning: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.WARNING_ORANGE} !important`
        },
        deletableColorInfo: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.INFO_BLUE} !important`
        },
        deletableColorSuccess: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.SUCCESS_GREEN} !important`
        },
        deletableColorOffline: {
          backgroundColor: `${Palette.WHITE_SMOKE} !important`,
          color: `${Palette.DIM_GREY} !important`
        },
        deleteIconColorPrimary: {
          color: `${Palette.SUCCESS_GREEN} !important`
        },
        deleteIconColorSecondary: {
          color: `${Palette.BLACK} !important`
        },
        deleteIconColorDefault: {
          color: `${Palette.BLACK} !important`
        },
        deleteIconColorError: {
          color: `${Palette.ERROR_RED} !important`
        },
        deleteIconColorWarning: {
          color: `${Palette.WARNING_ORANGE} !important`
        },
        deleteIconColorInfo: {
          color: `${Palette.INFO_BLUE} !important`
        },
        deleteIconColorSuccess: {
          color: `${Palette.SUCCESS_GREEN} !important`
        },
        deleteIconColorOffline: {
          color: `${Palette.DARK_GREY} !important`
        }
      }
    }
  }
});
export default ChipsTheme;