@groupeactual/design-tokens 1.7.9 → 2.0.0-beta.0

package/dist/types/src/css/buttonCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const ButtonCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default ButtonCss;

package/dist/types/src/css/chipCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const ChipCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default ChipCss;

package/dist/types/src/css/datatable/datatableCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const DatatableCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default DatatableCss;

package/dist/types/src/css/form/autoCompleteCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const AutoCompleteCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default AutoCompleteCss;

package/dist/types/src/css/form/checkboxCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const CheckboxCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default CheckboxCss;

package/dist/types/src/css/form/checkboxGroupCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const CheckboxGroupCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default CheckboxGroupCss;

package/dist/types/src/css/form/datePickerCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const DatePickerCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default DatePickerCss;

package/dist/types/src/css/form/radioCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const RadioCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default RadioCss;

package/dist/types/src/css/form/selectCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const SelectCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default SelectCss;

package/dist/types/src/css/form/snackbarCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const SnackbarCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default SnackbarCss;

package/dist/types/src/css/form/textFieldCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const TextFieldCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default TextFieldCss;

package/dist/types/src/css/iconButtonCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const IconButtonCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default IconButtonCss;

package/dist/types/src/css/index.d.ts

@@ -1,20 +0,0 @@
-export { default as AccordionStyle } from './accordionCss';
-export { default as ButtonStyle } from './buttonCss';
-export { default as TooltipStyle } from './tooltipCss';
-export { default as ChipStyle } from './chipCss';
-export { default as PaginationStyle } from './paginationCss';
-export { default as BannerNotificationStyle } from './bannerNotificationCss';
-export { default as AutoCompleteStyle } from './form/autoCompleteCss';
-export { default as CheckboxStyle } from './form/checkboxCss';
-export { default as CheckboxGroupStyle } from './form/checkboxGroupCss';
-export { default as RadioStyle } from './form/radioCss';
-export { default as SelectStyle } from './form/selectCss';
-export { default as SnackbarStyle } from './form/snackbarCss';
-export { default as TextFieldStyle } from './form/textFieldCss';
-export { default as LinkStyle } from './linkCss';
-export { default as BreadcrumbsStyle } from './breadcrumbsCss';
-export { default as SwitchStyle } from './switchCss';
-export { default as DatePickerStyle } from './form/datePickerCss';
-export { default as DatatableStyle } from './datatable/datatableCss';
-export { default as IconButtonStyle } from './iconButtonCss';
-export { default as MenuItemStyle } from './menuItemCss';

package/dist/types/src/css/linkCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const LinkCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default LinkCss;

package/dist/types/src/css/menuItemCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const MenuItemCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default MenuItemCss;

package/dist/types/src/css/paginationCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const PaginationCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default PaginationCss;

package/dist/types/src/css/switchCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const SwitchCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default SwitchCss;

package/dist/types/src/css/tooltipCss.d.ts

@@ -1,2 +0,0 @@
-declare const TooltipCss: () => Record<string, unknown>;
-export default TooltipCss;

package/dist/types/src/helpers/theme.d.ts

@@ -1,4 +0,0 @@
-import { Theme, Types } from '@/interfaces/theme';
-export declare const getTokensByType: (themeName: Theme, type: Types) => Record<string, string>;
-export declare const getMuiPalette: (themeName: Theme) => Record<string, string | number | unknown>;
-export declare const getFontFamilies: (themeName: Theme) => string[];

package/dist/types/src/index.d.ts

@@ -1,4 +0,0 @@
-export { default as useThemeTokens } from './useThemeTokens';
-export { default as useMaterialThemeTokens } from './useMaterialThemeTokens';
-export * from './interfaces/theme';
-export * from './css';

package/dist/types/src/interfaces/theme.d.ts

@@ -1,16 +0,0 @@
-export interface DesignTokens {
-    fontSize: Record<string, string | number>;
-    fontWeights: Record<string, string | number>;
-    lineHeights: Record<string, string | number>;
-    fontFamilies: string[];
-    letterSpacing: Record<string, string | number>;
-    paragraphSpacing: Record<string, string | number>;
-    textCase: Record<string, string | number>;
-    textDecoration: Record<string, string | number>;
-    colors: Record<string, string | Record<string, string>>;
-    spacing: Record<string, string | number>;
-    sizing: Record<string, string | number>;
-}
-export type Types = 'FontSize' | 'FontWeights' | 'LineHeights' | 'Colors' | 'Spacing' | 'Sizing' | 'FontFamilies' | 'LetterSpacing' | 'ParagraphSpacing' | 'TextCase' | 'TextDecoration';
-export type Theme = 'Default' | 'Ep';
-export type MuiTokens = Record<string, any>;

package/dist/types/src/themes/tokens.d.ts

@@ -1,167 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Thu, 23 Feb 2023 15:24:19 GMT
- */
-export declare const DefaultWebShadowAllContent: {
-    color: string;
-    type: string;
-    x: string;
-    y: string;
-    blur: string;
-    spread: string;
-};
-export declare const DefaultSpacingXxs = "4";
-export declare const DefaultSpacingXs = "8";
-export declare const DefaultSpacingMd = "16";
-export declare const DefaultSpacingLg = "24";
-export declare const DefaultSpacingXl = "32";
-export declare const DefaultSpacingXxl = "40";
-export declare const DefaultSpacingXxxl = "72";
-export declare const DefaultBorderRadius4 = "4";
-export declare const DefaultBorderRadius8 = "8";
-export declare const DefaultBorderRadius16 = "16";
-export declare const DefaultBorderRadius24 = "24";
-export declare const DefaultSizingXs = "8";
-export declare const DefaultSizingSm = "12";
-export declare const DefaultSizingMd = "16";
-export declare const DefaultSizingLg = "24";
-export declare const DefaultSizingXl = "32";
-export declare const DefaultSizingXxl = "40";
-export declare const DefaultSizingXxxl = "72";
-export declare const DefaultFontFamiliesRoboto = "Roboto";
-export declare const DefaultLineHeights12 = "12";
-export declare const DefaultLineHeights16 = "16";
-export declare const DefaultLineHeights18 = "18";
-export declare const DefaultLineHeights21 = "21";
-export declare const DefaultLineHeights28 = "28";
-export declare const DefaultLineHeights34 = "34";
-export declare const DefaultLineHeights41 = "41";
-export declare const DefaultLineHeights49 = "49";
-export declare const DefaultFontWeightsRoboto700 = "Bold";
-export declare const DefaultFontWeightsRoboto500 = "Medium";
-export declare const DefaultFontWeightsRoboto400 = "Regular";
-export declare const DefaultFontSize11 = "11";
-export declare const DefaultFontSize13 = "13";
-export declare const DefaultFontSize14 = "14";
-export declare const DefaultFontSize16 = "16";
-export declare const DefaultFontSize18 = "18";
-export declare const DefaultFontSize24 = "24";
-export declare const DefaultFontSize29 = "29";
-export declare const DefaultFontSize35 = "35";
-export declare const DefaultFontSize42 = "42";
-export declare const DefaultLetterSpacingNone = "none";
-export declare const DefaultParagraphSpacing0 = "0";
-export declare const DefaultParagraphSpacing8 = "8";
-export declare const DefaultTextCaseNone = "none";
-export declare const DefaultTextDecorationNone = "none";
-export declare const DefaultTextDecorationUnderline = "underline";
-export declare const DefaultDefaultColorsRedActual = "#e40521";
-export declare const DefaultDefaultColorsBlueClickable = "#136cac";
-export declare const DefaultDefaultColorsBlueHoverClickable = "#004f88";
-export declare const DefaultDefaultColorsGreyMediumInactive = "#808080";
-export declare const DefaultDefaultColorsTextColorsGreyXDark = "#272727";
-export declare const DefaultDefaultColorsTextColorsGreyDark = "#545352";
-export declare const DefaultDefaultColorsBackgroundColorsWhite = "#ffffff";
-export declare const DefaultDefaultColorsBackgroundColorsGreyXLight = "#f0f0f0";
-export declare const DefaultDefaultColorsBackgroundColorsGreyXDarkBgModal = "#27272780";
-export declare const DefaultDefaultColorsBackgroundColorsBlueHoverEquivalence = "#e8f1f7";
-export declare const DefaultDefaultColorsBackgroundColorsBlueHoverOpacity12 = "#136cac1f";
-export declare const DefaultDefaultColorsBorderColorsGreyLightDefaultBorder = "#cbcbcb";
-export declare const DefaultDefaultColorsNotificationColorsBlueInfo = "#1d91c3";
-export declare const DefaultDefaultColorsNotificationColorsGreenSuccess = "#23956d";
-export declare const DefaultDefaultColorsNotificationColorsOrangeWarning = "#e46221";
-export declare const DefaultDefaultColorsNotificationColorsRedError = "#b80025";
-export declare const DefaultDefaultColorsSecondaryColorsBlueDark = "#0d2c54";
-export declare const DefaultDefaultColorsSecondaryColorsBlueMedium = "#3d5a80";
-export declare const DefaultDefaultColorsSecondaryColorsBlueLight = "#7fdcea";
-export declare const DefaultDefaultColorsSecondaryColorsGreenDark = "#125e42";
-export declare const DefaultDefaultColorsSecondaryColorsGreenMedium = "#1f8461";
-export declare const DefaultDefaultColorsSecondaryColorsGreen = "#5dca8b";
-export declare const DefaultDefaultColorsSecondaryColorsGreenLight = "#bad07a";
-export declare const DefaultDefaultColorsSecondaryColorsBrown = "#6f2902";
-export declare const DefaultDefaultColorsSecondaryColorsBrownLight = "#b65700";
-export declare const DefaultDefaultColorsSecondaryColorsOrangeLight = "#f59b00";
-export declare const DefaultDefaultColorsSecondaryColorsYellow = "#f9d25e";
-export declare const DefaultDefaultColorsSecondaryColorsPurpleDark = "#530d48";
-export declare const DefaultDefaultColorsSecondaryColorsPurple = "#831443";
-export declare const DefaultDefaultColorsSecondaryColorsPink = "#ca1e5c";
-export declare const DefaultDefaultColorsSecondaryColorsPinkLight = "#fd6972";
-export declare const EpAppShadowAllContent: {
-    color: string;
-    type: string;
-    x: string;
-    y: string;
-    blur: string;
-    spread: string;
-};
-export declare const EpAppShadowButtomMenu: {
-    color: string;
-    type: string;
-    x: string;
-    y: string;
-    blur: string;
-    spread: string;
-};
-export declare const EpBorderRadius4 = "4";
-export declare const EpBorderRadius8 = "8";
-export declare const EpBorderRadius16 = "16";
-export declare const EpBorderRadius24 = "24";
-export declare const EpSpacingXxs = "4";
-export declare const EpSpacingXs = "8";
-export declare const EpSpacingMd = "16";
-export declare const EpSpacingLg = "24";
-export declare const EpSpacingXl = "32";
-export declare const EpSpacingXxl = "40";
-export declare const EpSpacingXxxl = "72";
-export declare const EpColorsRed = "#e11c31";
-export declare const EpColorsRedHover = "#b61425";
-export declare const EpColorsGreenBlue = "#159f9f";
-export declare const EpColorsGreenBlueHover = "#128888";
-export declare const EpColorsGreyMediumInactive = "#808080";
-export declare const EpColorsBlack = "#161616";
-export declare const EpColorsGreyDark = "#676767";
-export declare const EpColorsWhite = "#ffffff";
-export declare const EpColorsRedLight = "#fff7f5";
-export declare const EpColorsGreenLight = "#f2f8f8";
-export declare const EpColorsGreyDarkBgModal = "#67676780";
-export declare const EpColorsGreyLightBorder = "#cbcbcb";
-export declare const EpColorsBlueInfo = "#1d91c3";
-export declare const EpColorsGreenSucces = "#23956d";
-export declare const EpColorsOrangeWarning = "#e46221";
-export declare const EpColorsRedError = "#b80025";
-export declare const EpColorsGrey = "#acc1cc";
-export declare const EpColorsRedPastel = "#feefeb";
-export declare const EpColorsGreenPastel = "#e4f1f1";
-export declare const EpColorsGreyPastel = "#eaf2f6";
-export declare const EpSizingXs = "8";
-export declare const EpSizingSm = "12";
-export declare const EpSizingMd = "16";
-export declare const EpSizingLg = "24";
-export declare const EpSizingXl = "32";
-export declare const EpSizingXxl = "40";
-export declare const EpSizingXxxl = "72";
-export declare const EpFontFamiliesManrope = "Manrope";
-export declare const EpFontFamiliesOpenSans = "Open Sans";
-export declare const EpLineHeights14 = "14";
-export declare const EpLineHeights16 = "16";
-export declare const EpLineHeights20 = "20";
-export declare const EpLineHeights24 = "24";
-export declare const EpLineHeights26 = "26";
-export declare const EpLineHeights34 = "34";
-export declare const EpFontWeightsManrope700 = "Bold";
-export declare const EpFontWeightsManrope500 = "Medium";
-export declare const EpFontWeightsOpenSans400 = "Regular";
-export declare const EpFontWeightsOpenSans600 = "SemiBold";
-export declare const EpFontWeightsOpenSans700 = "Bold";
-export declare const EpFontSize10 = "10";
-export declare const EpFontSize12 = "12";
-export declare const EpFontSize14 = "14";
-export declare const EpFontSize16 = "16";
-export declare const EpFontSize18 = "18";
-export declare const EpFontSize24 = "24";
-export declare const EpLetterSpacingNone = "none";
-export declare const EpParagraphSpacing0 = "0";
-export declare const EpParagraphSpacing8 = "8";
-export declare const EpTextCaseNone = "none";
-export declare const EpTextDecorationNone = "none";
-export declare const EpTextDecorationUnderline = "underline";

package/dist/types/src/useMaterialThemeTokens.d.ts

@@ -1,6 +0,0 @@
-import { MuiTokens, Theme } from './interfaces/theme';
-interface useMaterialThemeTokensReturnType {
-    muiTokens: MuiTokens;
-}
-declare const useMaterialThemeTokens: (themeName: Theme) => useMaterialThemeTokensReturnType;
-export default useMaterialThemeTokens;

package/dist/types/src/useThemeTokens.d.ts

@@ -1,6 +0,0 @@
-import { DesignTokens, Theme } from './interfaces/theme';
-interface useThemeTokensReturnType {
-    tokens: DesignTokens;
-}
-declare const useThemeTokens: (themeName: Theme) => useThemeTokensReturnType;
-export default useThemeTokens;

package/src/css/accordionCss.ts

@@ -1,30 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-
-const AccordionCss = (muiTokens: MuiTokens): Record<string, unknown> => {
-  return {
-    '&.MuiAccordion-root': {
-      border: `1px solid`,
-      borderColor: muiTokens.palette.greyLightDefaultBorder,
-      boxShadow: 'none',
-      '.MuiAccordionSummary-root': {
-        minHeight: 'auto !important',
-        padding: '8px 16px',
-        color: muiTokens.palette.greyXDark,
-        fontWeight: muiTokens.typography.fontWeightMedium,
-        fontSize: '18px',
-        lineHeight: '21px',
-      },
-      '.MuiAccordionDetails-root': {
-        padding: '16px',
-        borderBottomLeftRadius: '4px',
-        borderBottomRightRadius: '4px',
-      },
-      '.MuiAccordionSummary-expandIconWrapper .MuiBox-root': {
-        width: 'auto',
-        padding: '13px',
-      },
-    },
-  };
-};
-
-export default AccordionCss;

package/src/css/bannerNotificationCss.ts

@@ -1,52 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-
-const bannerNotificationCss = (
-  muiTokens: MuiTokens,
-): Record<string, unknown> => {
-  return {
-    '&.MuiPaper-root': {
-      height: '50px',
-      paddingLeft: '24px',
-      paddingRight: '24px',
-      borderRadius: 0,
-      '&.MuiAlert-root': {
-        color: 'white',
-        fontWeight: '700',
-        fontSize: '14px',
-        maxWidth: '1600px',
-      },
-      '.MuiAlert-icon': {
-        opacity: 1 + ' !important',
-        alignItems: 'center',
-        marginRight: '8px',
-      },
-      '.MuiAlert-message': {
-        alignSelf: 'center',
-      },
-      '.MuiSvgIcon-root': {
-        color: 'white',
-        '-webkit-tap-highlight-color': 'white',
-      },
-      '.MuiAlert-action': {
-        cursor: 'pointer',
-        marginRight: 0,
-        padding: 0,
-        alignSelf: 'center',
-      },
-      '&.MuiAlert-standardInfo': {
-        backgroundColor: muiTokens.palette.blueInfo,
-      },
-      '&.MuiAlert-standardWarning': {
-        backgroundColor: muiTokens.palette.orangeWarning,
-      },
-      '&.MuiAlert-standardError': {
-        backgroundColor: muiTokens.palette.redError,
-      },
-      '&.MuiAlert-standardSuccess': {
-        backgroundColor: muiTokens.palette.greenSuccess,
-      },
-    },
-  };
-};
-
-export default bannerNotificationCss;

package/src/css/breadcrumbsCss.ts

@@ -1,19 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-
-const BreadcrumbsCss = (muiTokens: MuiTokens): Record<string, unknown> => {
-  return {
-    '&.MuiBreadcrumbs-root': {
-      margin: 0,
-      padding: '4px 0',
-    },
-    '& .MuiBreadcrumbs-separator': {
-      margin: 0,
-      padding: '0 4px',
-    },
-    '& .MuiTypography-body1': {
-      color: muiTokens.palette.greyDark,
-    },
-  };
-};
-
-export default BreadcrumbsCss;

package/src/css/buttonCss.ts

@@ -1,80 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-
-const ButtonCss = (muiTokens: MuiTokens): Record<string, unknown> => {
-  return {
-    '@font-face': {
-      fontFamily: 'Roboto',
-    },
-    '&.MuiButton-root': {
-      borderRadius: '4px',
-      padding: '7.5px 16px',
-      fontWeight: muiTokens.typography.fontWeightBold,
-      lineHeight: '18px',
-      textTransform: 'unset',
-      fontSize: '14px',
-      height: '44px',
-      border: '1px solid',
-      borderColor: muiTokens.palette.greyLightDefaultBorder + ' !important',
-      '.MuiSvgIcon-root': {
-        paddingBottom: '2px',
-      },
-    },
-    '&.MuiButton-primary': {
-      '.MuiTypography-buttonNotif': {
-        color: muiTokens.palette.white + ' !important',
-      },
-      color: muiTokens.palette.white + ' !important',
-      backgroundColor: muiTokens.palette.blueClickable + ' !important',
-      border: '1px solid' + ' !important',
-      borderColor: muiTokens.palette.blueClickable + ' !important',
-      '&.Mui-disabled': {
-        '.MuiTypography-buttonNotif': {
-          color: muiTokens.palette.white + ' !important',
-        },
-        backgroundColor: muiTokens.palette.greyMediumInactive + ' !important',
-        borderColor: muiTokens.palette.greyMediumInactive + ' !important',
-        color: muiTokens.palette.white + ' !important',
-      },
-      '&:hover': {
-        backgroundColor: muiTokens.palette.blueHoverClickable + ' !important',
-        borderColor: muiTokens.palette.blueHoverClickable + ' !important',
-      },
-    },
-    '&.MuiButton-secondary': {
-      '.MuiTypography-buttonNotif': {
-        color: muiTokens.palette.blueClickable + ' !important',
-      },
-      color: muiTokens.palette.blueClickable,
-      backgroundColor: muiTokens.palette.white + ' !important',
-      border: '1px solid',
-      borderColor: muiTokens.palette.greyLightDefaultBorder + ' !important',
-      '.MuiSvgIcon-root': {
-        color: muiTokens.palette.blueClickable,
-      },
-      '&.Mui-disabled': {
-        '.MuiTypography-buttonNotif': {
-          color: muiTokens.palette.greyMediumInactive + ' !important',
-        },
-        backgroundColor: muiTokens.palette.white,
-        borderColor: muiTokens.palette.greyLightDefaultBorder + ' !important',
-        color: muiTokens.palette.greyMediumInactive + ' !important',
-        '.MuiSvgIcon-root': {
-          color: muiTokens.palette.greyMediumInactive + ' !important',
-        },
-      },
-      '&:hover': {
-        '.MuiSvgIcon-root': {
-          color: muiTokens.palette.blueHoverClickable + ' !important',
-        },
-        borderColor: muiTokens.palette.blueHoverClickable + ' !important',
-        backgroundColor: muiTokens.palette.white + ' !important',
-        color: muiTokens.palette.blueHoverClickable + ' !important',
-      },
-    },
-    '&:hover': {
-      backgroundColor: 'transparent !important',
-    },
-  };
-};
-
-export default ButtonCss;

package/src/css/chipCss.ts

@@ -1,142 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-
-const ChipCss = (muiTokens: MuiTokens): Record<string, unknown> => {
-  return {
-    '&.MuiChip-root': {
-      color: muiTokens.palette.greyXDark,
-      borderRadius: '4px',
-      fontWeight: muiTokens.palette.fontWeightRegular,
-      fontSize: '14px',
-      paddingLeft: '8px',
-      paddingRight: '8px',
-      '& .MuiChip-deleteIcon': {
-        color: muiTokens.palette.blueClickable,
-        cursor: 'default',
-        width: 'auto',
-        height: 'auto',
-      },
-      '&.Mui-disabled': {
-        '.MuiChip-deleteIcon .MuiSvgIcon-root': {
-          color: muiTokens.palette.greyMediumInactive + ' !important',
-        },
-        color: muiTokens.palette.greyDark + ' !important',
-        backgroundColor: muiTokens.palette.greyXLight + ' !important',
-        border: '1px solid',
-        fontWeight: muiTokens.palette.fontWeightRegular,
-        borderColor: muiTokens.palette.greyLightDefaultBorder + ' !important',
-        opacity: 1,
-      },
-      '.MuiChip-deleteIcon': {
-        width: '12px',
-        height: '12px',
-        margin: 0,
-        marginLeft: '8px',
-        marginRight: '2px',
-      },
-      '.MuiChip-label': {
-        padding: 0,
-        lineHeight: '18px',
-      },
-      '.MuiChip-avatar': {
-        marginLeft: '-1px',
-        marginRight: '5px',
-        color: 'initial',
-      },
-    },
-    '&.MuiChip-filled': {
-      border: 'none',
-      fontWeight: 400,
-      color: muiTokens.palette.greyXDark,
-    },
-    '&.MuiChip-outlined': {
-      border: '1px solid',
-      fontWeight: muiTokens.typography.fontWeightRegular,
-    },
-    '&.MuiChip-status': {
-      border: '1px solid !important',
-      fontWeight: muiTokens.typography.fontWeightRegular,
-    },
-    '&.MuiChip-statusFilled': {
-      border: 'none !important',
-      color: muiTokens.palette.greyXDark + ' !important',
-      fontWeight: muiTokens.typography.fontWeightRegular + ' !important',
-    },
-    '&.MuiChip-sizeSmall': {
-      height: '24px',
-      paddingY: '3px',
-    },
-    '&.MuiChip-sizeMedium': {
-      height: '33px',
-      paddingY: '8px',
-    },
-    '&.MuiChip-colorDefault': {
-      backgroundColor: muiTokens.palette.greyXLight,
-      border: 'none',
-      fontWeight: muiTokens.typography.fontWeightRegular + ' !important',
-      color: muiTokens.palette.greyXDark,
-    },
-    '&.MuiChip-colorSecondary': {
-      borderColor: muiTokens.palette.greyLightDefaultBorder + ' !important',
-      fontWeight: muiTokens.typography.fontWeightRegular + ' !important',
-      backgroundColor: muiTokens.palette.white,
-    },
-    '&.MuiChip-colorPrimary': {
-      backgroundColor: muiTokens.palette.blueClickable + ' !important',
-      color: muiTokens.palette.white + ' !important',
-      fontWeight: muiTokens.typography.fontWeightBold,
-      '& .MuiChip-deleteIcon': {
-        color: muiTokens.palette.white + ' !important',
-      },
-    },
-    '&.MuiChip-colorSuccess': {
-      border: '1px solid',
-      borderColor: muiTokens.palette.greenSuccess + ' !important',
-      color: muiTokens.palette.greenSuccess,
-      fontWeight: muiTokens.typography.fontWeightBold,
-      '& .MuiChip-avatar': {
-        color: muiTokens.palette.greenSuccess + ' !important',
-      },
-      '& .MuiChip-deleteIcon': {
-        color: muiTokens.palette.blueInfo + ' !important',
-      },
-    },
-    '&.MuiChip-colorWarning': {
-      border: '1px solid',
-      borderColor: muiTokens.palette.orangeWarning + ' !important',
-      color: muiTokens.palette.orangeWarning,
-      fontWeight: muiTokens.typography.fontWeightBold,
-      '& .MuiChip-avatar': {
-        color: muiTokens.palette.orangeWarning + ' !important',
-      },
-      '& .MuiChip-deleteIcon': {
-        color: muiTokens.palette.blueInfo + ' !important',
-      },
-    },
-    '&.MuiChip-colorInfo': {
-      border: '1px solid',
-      borderColor: muiTokens.palette.blueInfo + ' !important',
-      color: muiTokens.palette.blueInfo,
-      fontWeight: muiTokens.typography.fontWeightBold,
-      '& .MuiChip-avatar': {
-        color: muiTokens.palette.blueInfo + ' !important',
-      },
-      '& .MuiChip-deleteIcon': {
-        color: muiTokens.palette.blueInfo + ' !important',
-      },
-    },
-    '&.MuiChip-colorError': {
-      border: '1px solid',
-      borderColor: muiTokens.palette.redError + ' !important',
-      color: muiTokens.palette.redError,
-      fontWeight: muiTokens.typography.fontWeightBold,
-      '& .MuiChip-avatar': {
-        color: muiTokens.palette.redError + ' !important',
-      },
-      '& .MuiChip-deleteIcon': {
-        color: muiTokens.palette.blueInfo + ' !important',
-      },
-    },
-  };
-};
-
-export default ChipCss;