@terraware/web-components 5.0.27 → 5.1.1-rc.0

package/style-dictionary-dist/TerrawareTheme.js

@@ -1,188 +1,188 @@
 const TerrawareTheme = {
-  'palette': {
-    'TwClrBaseBlack': '#000000',
-    'TwClrBaseGray025': '#F9F8F7',
-    'TwClrBaseGray050': '#F1F0EC',
-    'TwClrBaseGray075': '#EBEAE4',
-    'TwClrBaseGray100': '#E3E1D9',
-    'TwClrBaseGray200': '#CBC6B7',
-    'TwClrBaseGray300': '#B2AB93',
-    'TwClrBaseGray400': '#9A9172',
-    'TwClrBaseGray500': '#7F775B',
-    'TwClrBaseGray600': '#645E48',
-    'TwClrBaseGray700': '#4B4736',
-    'TwClrBaseGray800': '#333025',
-    'TwClrBaseGray900': '#1D1B15',
-    'TwClrBaseTransparent': '#FFFFFF00',
-    'TwClrBaseWhite': '#FFFFFF',
-    'TwClrBaseBlue050': '#EFF1F8',
-    'TwClrBaseBlue100': '#DDE1F1',
-    'TwClrBaseBlue200': '#BDC4E4',
-    'TwClrBaseBlue300': '#9EA9D7',
-    'TwClrBaseBlue400': '#808ECA',
-    'TwClrBaseBlue500': '#6172BE',
-    'TwClrBaseBlue600': '#4658AA',
-    'TwClrBaseBlue700': '#35437F',
-    'TwClrBaseBlue800': '#242D57',
-    'TwClrBaseGreen050': '#E8F6EE',
-    'TwClrBaseGreen100': '#D2ECDC',
-    'TwClrBaseGreen200': '#A8D6BC',
-    'TwClrBaseGreen300': '#7EBE97',
-    'TwClrBaseGreen400': '#4DA168',
-    'TwClrBaseGreen500': '#1C7C3F',
-    'TwClrBaseGreen600': '#155C30',
-    'TwClrBaseGreen700': '#124A28',
-    'TwClrBaseGreen800': '#0E3D20',
-    'TwClrBaseLightGreen050': '#EAF3DC',
-    'TwClrBaseLightGreen100': '#D4E8BA',
-    'TwClrBaseLightGreen200': '#ACD278',
-    'TwClrBaseLightGreen300': '#86BA3E',
-    'TwClrBaseLightGreen400': '#719E34',
-    'TwClrBaseLightGreen500': '#5D822B',
-    'TwClrBaseLightGreen600': '#496622',
-    'TwClrBaseLightGreen700': '#384D1A',
-    'TwClrBaseLightGreen800': '#263411',
-    'TwClrBaseOrange050': '#FEF6E6',
-    'TwClrBaseOrange100': '#FDECC2',
-    'TwClrBaseOrange200': '#FBDFA0',
-    'TwClrBaseOrange300': '#F9CE73',
-    'TwClrBaseOrange400': '#F6BE3D',
-    'TwClrBaseOrange500': '#FFAB00',
-    'TwClrBaseOrange600': '#B37A00',
-    'TwClrBaseOrange700': '#96660A',
-    'TwClrBaseOrange800': '#7A5400',
-    'TwClrBasePink050': '#F9EDF2',
-    'TwClrBasePink100': '#F3DCE6',
-    'TwClrBasePink200': '#E7B9CD',
-    'TwClrBasePink300': '#DC97B5',
-    'TwClrBasePink400': '#D0749B',
-    'TwClrBasePink500': '#C34D7F',
-    'TwClrBasePink600': '#A13664',
-    'TwClrBasePink700': '#7A294C',
-    'TwClrBasePink800': '#531C34',
-    'TwClrBasePurple050': '#F4EFF9',
-    'TwClrBasePurple100': '#E8DEF2',
-    'TwClrBasePurple200': '#D3BEE6',
-    'TwClrBasePurple300': '#BD9FDA',
-    'TwClrBasePurple400': '#A880CE',
-    'TwClrBasePurple500': '#9360C1',
-    'TwClrBasePurple600': '#7A43AD',
-    'TwClrBasePurple700': '#5D3383',
-    'TwClrBasePurple800': '#3E2359',
-    'TwClrBaseRed050': '#FDEEEE',
-    'TwClrBaseRed100': '#FBDCDC',
-    'TwClrBaseRed200': '#F5C0C0',
-    'TwClrBaseRed300': '#EFA0A0',
-    'TwClrBaseRed400': '#E66D6D',
-    'TwClrBaseRed500': '#DC3B3B',
-    'TwClrBaseRed600': '#C22323',
-    'TwClrBaseRed700': '#9E1B1B',
-    'TwClrBaseRed800': '#571C18',
-    'TwClrBaseYellow050': '#F5F1DC',
-    'TwClrBaseYellow100': '#EBE2B5',
-    'TwClrBaseYellow200': '#D7C76F',
-    'TwClrBaseYellow300': '#C0AB35',
-    'TwClrBaseYellow400': '#A3912D',
-    'TwClrBaseYellow500': '#867725',
-    'TwClrBaseYellow600': '#6A5E1D',
-    'TwClrBaseYellow700': '#504716',
-    'TwClrBaseYellow800': '#36300F',
-    'TwClrBg': '#FFFFFF',
-    'TwClrBgActive': '#F1F0EC',
-    'TwClrBgGhost': 'rgb(255 255 255 / 0%)',
-    'TwClrBgGhostActive': 'rgb(178 171 147 / 40%)',
-    'TwClrBgGhostHover': 'rgb(178 171 147 / 20%)',
-    'TwClrBgHover': '#F9F8F7',
-    'TwClrBgInverse': '#333025',
-    'TwClrBgSecondary': '#F1F0EC',
-    'TwClrBgSecondaryActive': '#E3E1D9',
-    'TwClrBgSecondaryHover': '#EBEAE4',
-    'TwClrBgTertiary': '#CBC6B7',
-    'TwClrBgTertiaryActive': '#B2AB93',
-    'TwClrBgTertiaryHover': 'linear-gradient(rgb(178 171 147 / 50%), rgb(178 171 147 / 50%)), linear-gradient(#CBC6B7, #CBC6B7)',
-    'TwClrBrdr': '#333025',
-    'TwClrBrdrActive': 'mix(#4658AA, #6172BE, 50%)',
-    'TwClrBrdrFocus': '#4658AA',
-    'TwClrBrdrHover': '#6172BE',
-    'TwClrBrdrSecondary': '#7F775B',
-    'TwClrBrdrTertiary': '#B2AB93',
-    'TwClrIcn': '#333025',
-    'TwClrIcnInverse': '#FFFFFF',
-    'TwClrIcnSecondary': '#7F775B',
-    'TwClrShdw': '#333025',
-    'TwClrTxt': '#333025',
-    'TwClrTxtInverse': '#FFFFFF',
-    'TwClrTxtSecondary': '#7F775B',
-    'TwClrTxtTertiary': '#B2AB93',
-    'TwClrBgBrand': '#1C7C3F',
-    'TwClrBgBrandActive': '#155C30',
-    'TwClrBgBrandGhost': 'rgb(28 124 63 / 0%)',
-    'TwClrBgBrandGhostActive': 'rgb(28 124 63 / 20%)',
-    'TwClrBgBrandGhostHover': 'rgb(28 124 63 / 10%)',
-    'TwClrBgBrandHover': 'linear-gradient(rgb(21 92 48 / 50%), rgb(21 92 48 / 50%)), linear-gradient(#1C7C3F, #1C7C3F)',
-    'TwClrBgBrandTertiary': '#E8F6EE',
-    'TwClrBrdrBrand': '#1C7C3F',
-    'TwClrIcnBrand': '#1C7C3F',
-    'TwClrIcnOnBrand': '#FFFFFF',
-    'TwClrTxtBrand': '#1C7C3F',
-    'TwClrTxtOnBrand': '#FFFFFF',
-    'TwClrBgDanger': '#DC3B3B',
-    'TwClrBgDangerActive': '#C22323',
-    'TwClrBgDangerGhost': 'rgb(220 59 59 / 0%)',
-    'TwClrBgDangerGhostActive': 'rgb(220 59 59 / 20%)',
-    'TwClrBgDangerGhostHover': 'rgb(220 59 59 / 10%)',
-    'TwClrBgDangerHover': 'linear-gradient(rgb(194 35 35 / 50%), rgb(194 35 35 / 50%)), linear-gradient(#DC3B3B, #DC3B3B)',
-    'TwClrBgDangerTertiary': '#FDEEEE',
-    'TwClrBrdrDanger': '#DC3B3B',
-    'TwClrBrdrDangerActive': '#C22323',
-    'TwClrBrdrDangerHover': 'linear-gradient(rgb(194 35 35 / 50%), rgb(194 35 35 / 50%)), linear-gradient(#DC3B3B, #DC3B3B)',
-    'TwClrIcnDanger': '#DC3B3B',
-    'TwClrIcnOnDanger': '#FFFFFF',
-    'TwClrTxtDanger': '#DC3B3B',
-    'TwClrTxtOnDanger': '#FFFFFF',
-    'TwClrBgInfo': '#7F775B',
-    'TwClrBgInfoTertiary': '#F1F0EC',
-    'TwClrBrdrInfo': '#7F775B',
-    'TwClrIcnInfo': '#7F775B',
-    'TwClrIcnOnInfo': '#FFFFFF',
-    'TwClrTxtInfo': '#645E48',
-    'TwClrTxtOnInfo': '#FFFFFF',
-    'TwClrBgSelected': '#6172BE',
-    'TwClrBgSelectedTertiary': '#EFF1F8',
-    'TwClrBgSelectedGhost': 'rgb(97 114 190 / 0%)',
-    'TwClrBgSelectedGhostActive': 'rgb(97 114 190 / 20%)',
-    'TwClrBgSelectedGhostHover': 'rgb(97 114 190 / 10%)',
-    'TwClrBrdrSelected': '#6172BE',
-    'TwClrIcnOnSelected': '#FFFFFF',
-    'TwClrIcnSelected': '#6172BE',
-    'TwClrTxtOnSelected': '#FFFFFF',
-    'TwClrTxtSelected': '#6172BE',
-    'TwClrBgSuccess': '#1C7C3F',
-    'TwClrBgSuccessTertiary': '#E8F6EE',
-    'TwClrBgSuccessActive': '#155C30',
-    'TwClrBgSuccessHover': 'linear-gradient(rgb(21 92 48 / 50%), rgb(21 92 48 / 50%)), linear-gradient(#1C7C3F, #1C7C3F)',
-    'TwClrBrdrSuccess': '#1C7C3F',
-    'TwClrIcnOnSuccess': '#FFFFFF',
-    'TwClrIcnSuccess': '#1C7C3F',
-    'TwClrTxtOnSuccess': '#FFFFFF',
-    'TwClrTxtSuccess': '#1C7C3F',
-    'TwClrBgWarning': '#FFAB00',
-    'TwClrBgWarningActive': '#B37A00',
-    'TwClrBgWarningHover': 'linear-gradient(rgb(179 122 0 / 50%), rgb(179 122 0 / 50%)), linear-gradient(#FFAB00, #FFAB00)',
-    'TwClrBgWarningTertiary': '#FEF6E6',
-    'TwClrBrdrWarning': '#FFAB00',
-    'TwClrBrdrWarningActive': '#B37A00',
-    'TwClrBrdrWarningHover': 'linear-gradient(rgb(179 122 0 / 50%), rgb(179 122 0 / 50%)), linear-gradient(#FFAB00, #FFAB00)',
-    'TwClrIcnOnWarning': '#FFFFFF',
-    'TwClrIcnWarning': '#FFAB00',
-    'TwClrTxtOnWarning': '#FFFFFF',
-    'TwClrTxtWarning': '#FFAB00',
-    'TwClrBgAccent': '#EF7047',
-    'TwClrTxtAccent': '#EF7047',
-    'TwClrTxtOnAccent': '#FFFFFF',
-    'TwClrBgAccentAux': '#7473BA',
-    'TwClrTxtAccentAux': '#7473BA'
-  }
+    palette: {
+        TwClrBaseBlack: '#000000',
+        TwClrBaseGray025: '#F9F8F7',
+        TwClrBaseGray050: '#F1F0EC',
+        TwClrBaseGray075: '#EBEAE4',
+        TwClrBaseGray100: '#E3E1D9',
+        TwClrBaseGray200: '#CBC6B7',
+        TwClrBaseGray300: '#B2AB93',
+        TwClrBaseGray400: '#9A9172',
+        TwClrBaseGray500: '#7F775B',
+        TwClrBaseGray600: '#645E48',
+        TwClrBaseGray700: '#4B4736',
+        TwClrBaseGray800: '#333025',
+        TwClrBaseGray900: '#1D1B15',
+        TwClrBaseTransparent: '#FFFFFF00',
+        TwClrBaseWhite: '#FFFFFF',
+        TwClrBaseBlue050: '#EFF1F8',
+        TwClrBaseBlue100: '#DDE1F1',
+        TwClrBaseBlue200: '#BDC4E4',
+        TwClrBaseBlue300: '#9EA9D7',
+        TwClrBaseBlue400: '#808ECA',
+        TwClrBaseBlue500: '#6172BE',
+        TwClrBaseBlue600: '#4658AA',
+        TwClrBaseBlue700: '#35437F',
+        TwClrBaseBlue800: '#242D57',
+        TwClrBaseGreen050: '#E8F6EE',
+        TwClrBaseGreen100: '#D2ECDC',
+        TwClrBaseGreen200: '#A8D6BC',
+        TwClrBaseGreen300: '#7EBE97',
+        TwClrBaseGreen400: '#4DA168',
+        TwClrBaseGreen500: '#1C7C3F',
+        TwClrBaseGreen600: '#155C30',
+        TwClrBaseGreen700: '#124A28',
+        TwClrBaseGreen800: '#0E3D20',
+        TwClrBaseLightGreen050: '#EAF3DC',
+        TwClrBaseLightGreen100: '#D4E8BA',
+        TwClrBaseLightGreen200: '#ACD278',
+        TwClrBaseLightGreen300: '#86BA3E',
+        TwClrBaseLightGreen400: '#719E34',
+        TwClrBaseLightGreen500: '#5D822B',
+        TwClrBaseLightGreen600: '#496622',
+        TwClrBaseLightGreen700: '#384D1A',
+        TwClrBaseLightGreen800: '#263411',
+        TwClrBaseOrange050: '#FEF6E6',
+        TwClrBaseOrange100: '#FDECC2',
+        TwClrBaseOrange200: '#FBDFA0',
+        TwClrBaseOrange300: '#F9CE73',
+        TwClrBaseOrange400: '#F6BE3D',
+        TwClrBaseOrange500: '#FFAB00',
+        TwClrBaseOrange600: '#B37A00',
+        TwClrBaseOrange700: '#96660A',
+        TwClrBaseOrange800: '#7A5400',
+        TwClrBasePink050: '#F9EDF2',
+        TwClrBasePink100: '#F3DCE6',
+        TwClrBasePink200: '#E7B9CD',
+        TwClrBasePink300: '#DC97B5',
+        TwClrBasePink400: '#D0749B',
+        TwClrBasePink500: '#C34D7F',
+        TwClrBasePink600: '#A13664',
+        TwClrBasePink700: '#7A294C',
+        TwClrBasePink800: '#531C34',
+        TwClrBasePurple050: '#F4EFF9',
+        TwClrBasePurple100: '#E8DEF2',
+        TwClrBasePurple200: '#D3BEE6',
+        TwClrBasePurple300: '#BD9FDA',
+        TwClrBasePurple400: '#A880CE',
+        TwClrBasePurple500: '#9360C1',
+        TwClrBasePurple600: '#7A43AD',
+        TwClrBasePurple700: '#5D3383',
+        TwClrBasePurple800: '#3E2359',
+        TwClrBaseRed050: '#FDEEEE',
+        TwClrBaseRed100: '#FBDCDC',
+        TwClrBaseRed200: '#F5C0C0',
+        TwClrBaseRed300: '#EFA0A0',
+        TwClrBaseRed400: '#E66D6D',
+        TwClrBaseRed500: '#DC3B3B',
+        TwClrBaseRed600: '#C22323',
+        TwClrBaseRed700: '#9E1B1B',
+        TwClrBaseRed800: '#571C18',
+        TwClrBaseYellow050: '#F5F1DC',
+        TwClrBaseYellow100: '#EBE2B5',
+        TwClrBaseYellow200: '#D7C76F',
+        TwClrBaseYellow300: '#C0AB35',
+        TwClrBaseYellow400: '#A3912D',
+        TwClrBaseYellow500: '#867725',
+        TwClrBaseYellow600: '#6A5E1D',
+        TwClrBaseYellow700: '#504716',
+        TwClrBaseYellow800: '#36300F',
+        TwClrBg: '#FFFFFF',
+        TwClrBgActive: '#F1F0EC',
+        TwClrBgGhost: 'rgb(255 255 255 / 0%)',
+        TwClrBgGhostActive: 'rgb(178 171 147 / 40%)',
+        TwClrBgGhostHover: 'rgb(178 171 147 / 20%)',
+        TwClrBgHover: '#F9F8F7',
+        TwClrBgInverse: '#333025',
+        TwClrBgSecondary: '#F1F0EC',
+        TwClrBgSecondaryActive: '#E3E1D9',
+        TwClrBgSecondaryHover: '#EBEAE4',
+        TwClrBgTertiary: '#CBC6B7',
+        TwClrBgTertiaryActive: '#B2AB93',
+        TwClrBgTertiaryHover: 'linear-gradient(rgb(178 171 147 / 50%), rgb(178 171 147 / 50%)), linear-gradient(#CBC6B7, #CBC6B7)',
+        TwClrBrdr: '#333025',
+        TwClrBrdrActive: 'mix(#4658AA, #6172BE, 50%)',
+        TwClrBrdrFocus: '#4658AA',
+        TwClrBrdrHover: '#6172BE',
+        TwClrBrdrSecondary: '#7F775B',
+        TwClrBrdrTertiary: '#B2AB93',
+        TwClrIcn: '#333025',
+        TwClrIcnInverse: '#FFFFFF',
+        TwClrIcnSecondary: '#7F775B',
+        TwClrShdw: '#333025',
+        TwClrTxt: '#333025',
+        TwClrTxtInverse: '#FFFFFF',
+        TwClrTxtSecondary: '#7F775B',
+        TwClrTxtTertiary: '#B2AB93',
+        TwClrBgBrand: '#1C7C3F',
+        TwClrBgBrandActive: '#155C30',
+        TwClrBgBrandGhost: 'rgb(28 124 63 / 0%)',
+        TwClrBgBrandGhostActive: 'rgb(28 124 63 / 20%)',
+        TwClrBgBrandGhostHover: 'rgb(28 124 63 / 10%)',
+        TwClrBgBrandHover: 'linear-gradient(rgb(21 92 48 / 50%), rgb(21 92 48 / 50%)), linear-gradient(#1C7C3F, #1C7C3F)',
+        TwClrBgBrandTertiary: '#E8F6EE',
+        TwClrBrdrBrand: '#1C7C3F',
+        TwClrIcnBrand: '#1C7C3F',
+        TwClrIcnOnBrand: '#FFFFFF',
+        TwClrTxtBrand: '#1C7C3F',
+        TwClrTxtOnBrand: '#FFFFFF',
+        TwClrBgDanger: '#DC3B3B',
+        TwClrBgDangerActive: '#C22323',
+        TwClrBgDangerGhost: 'rgb(220 59 59 / 0%)',
+        TwClrBgDangerGhostActive: 'rgb(220 59 59 / 20%)',
+        TwClrBgDangerGhostHover: 'rgb(220 59 59 / 10%)',
+        TwClrBgDangerHover: 'linear-gradient(rgb(194 35 35 / 50%), rgb(194 35 35 / 50%)), linear-gradient(#DC3B3B, #DC3B3B)',
+        TwClrBgDangerTertiary: '#FDEEEE',
+        TwClrBrdrDanger: '#DC3B3B',
+        TwClrBrdrDangerActive: '#C22323',
+        TwClrBrdrDangerHover: 'linear-gradient(rgb(194 35 35 / 50%), rgb(194 35 35 / 50%)), linear-gradient(#DC3B3B, #DC3B3B)',
+        TwClrIcnDanger: '#DC3B3B',
+        TwClrIcnOnDanger: '#FFFFFF',
+        TwClrTxtDanger: '#DC3B3B',
+        TwClrTxtOnDanger: '#FFFFFF',
+        TwClrBgInfo: '#7F775B',
+        TwClrBgInfoTertiary: '#F1F0EC',
+        TwClrBrdrInfo: '#7F775B',
+        TwClrIcnInfo: '#7F775B',
+        TwClrIcnOnInfo: '#FFFFFF',
+        TwClrTxtInfo: '#645E48',
+        TwClrTxtOnInfo: '#FFFFFF',
+        TwClrBgSelected: '#6172BE',
+        TwClrBgSelectedTertiary: '#EFF1F8',
+        TwClrBgSelectedGhost: 'rgb(97 114 190 / 0%)',
+        TwClrBgSelectedGhostActive: 'rgb(97 114 190 / 20%)',
+        TwClrBgSelectedGhostHover: 'rgb(97 114 190 / 10%)',
+        TwClrBrdrSelected: '#6172BE',
+        TwClrIcnOnSelected: '#FFFFFF',
+        TwClrIcnSelected: '#6172BE',
+        TwClrTxtOnSelected: '#FFFFFF',
+        TwClrTxtSelected: '#6172BE',
+        TwClrBgSuccess: '#1C7C3F',
+        TwClrBgSuccessTertiary: '#E8F6EE',
+        TwClrBgSuccessActive: '#155C30',
+        TwClrBgSuccessHover: 'linear-gradient(rgb(21 92 48 / 50%), rgb(21 92 48 / 50%)), linear-gradient(#1C7C3F, #1C7C3F)',
+        TwClrBrdrSuccess: '#1C7C3F',
+        TwClrIcnOnSuccess: '#FFFFFF',
+        TwClrIcnSuccess: '#1C7C3F',
+        TwClrTxtOnSuccess: '#FFFFFF',
+        TwClrTxtSuccess: '#1C7C3F',
+        TwClrBgWarning: '#FFAB00',
+        TwClrBgWarningActive: '#B37A00',
+        TwClrBgWarningHover: 'linear-gradient(rgb(179 122 0 / 50%), rgb(179 122 0 / 50%)), linear-gradient(#FFAB00, #FFAB00)',
+        TwClrBgWarningTertiary: '#FEF6E6',
+        TwClrBrdrWarning: '#FFAB00',
+        TwClrBrdrWarningActive: '#B37A00',
+        TwClrBrdrWarningHover: 'linear-gradient(rgb(179 122 0 / 50%), rgb(179 122 0 / 50%)), linear-gradient(#FFAB00, #FFAB00)',
+        TwClrIcnOnWarning: '#FFFFFF',
+        TwClrIcnWarning: '#FFAB00',
+        TwClrTxtOnWarning: '#FFFFFF',
+        TwClrTxtWarning: '#FFAB00',
+        TwClrBgAccent: '#EF7047',
+        TwClrTxtAccent: '#EF7047',
+        TwClrTxtOnAccent: '#FFFFFF',
+        TwClrBgAccentAux: '#7473BA',
+        TwClrTxtAccentAux: '#7473BA'
+    }
 };
-
-export { TerrawareTheme as default };
+const style_dictionary_dist_TerrawareTheme = TerrawareTheme;
+export default style_dictionary_dist_TerrawareTheme;

package/theme.js

@@ -1,82 +1,80 @@
-import { createTheme } from '@mui/material/styles';
-import TerrawareTheme from './style-dictionary-dist/TerrawareTheme.js';
-
+import { createTheme } from "@mui/material/styles";
+import TerrawareTheme from "./style-dictionary-dist/TerrawareTheme.js";
 const defaultTheme = {
-  breakpoints: {
-    values: {
-      xs: 0,
-      sm: 600,
-      md: 900,
-      lg: 1200,
-      xl: 1400 // custom xl to transition background on Home page
-    }
-  },
-  typography: {
-    fontFamily: 'Inter'
-  },
-  components: {
-    MuiCssBaseline: {
-      styleOverrides: {
-        '*::-webkit-scrollbar': {
-          WebkitAppearance: 'none',
-          width: '4px',
-          height: '7px',
-          backgroundColor: '#B2AB9340'
-        },
-        '*::-webkit-scrollbar-thumb': {
-          borderRadius: '4px',
-          backgroundColor: '#6C757D'
-        },
-        body: {
-          color: '#3a4445'
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 600,
+            md: 900,
+            lg: 1200,
+            xl: 1400
         }
-      }
-    }
-  },
-  palette: {
-    primary: {
-      main: '#0067C8'
-    },
-    secondary: {
-      main: '#D40002'
-    },
-    state: {
-      5: '#CD5B38'
     },
-    accent: {
-      1: '#315CAF',
-      2: '#EF9644',
-      3: '#CD5B38',
-      4: '#3F96E6'
+    typography: {
+        fontFamily: 'Inter'
     },
-    neutral: {
-      50: '#F8F9FA',
-      100: '#F3F4F6',
-      200: '#E9ECEF',
-      400: '#CED4DA',
-      500: '#ADB5BD',
-      600: '#6C757D',
-      700: '#495057',
-      800: '#343A40'
-    },
-    blue: {
-      600: '#0067C8'
-    },
-    red: {
-      50: '#FFF1F1',
-      600: '#D40002'
-    },
-    green: {
-      50: '#D6FDE5',
-      600: '#27764E'
-    },
-    gray: {
-      200: '#CAD2D3',
-      800: '#3A4445'
+    components: {
+        MuiCssBaseline: {
+            styleOverrides: {
+                '*::-webkit-scrollbar': {
+                    WebkitAppearance: 'none',
+                    width: '4px',
+                    height: '7px',
+                    backgroundColor: '#B2AB9340'
+                },
+                '*::-webkit-scrollbar-thumb': {
+                    borderRadius: '4px',
+                    backgroundColor: '#6C757D'
+                },
+                body: {
+                    color: '#3a4445'
+                }
+            }
+        }
     },
-    ...TerrawareTheme.palette
-  }
+    palette: {
+        primary: {
+            main: '#0067C8'
+        },
+        secondary: {
+            main: '#D40002'
+        },
+        state: {
+            5: '#CD5B38'
+        },
+        accent: {
+            1: '#315CAF',
+            2: '#EF9644',
+            3: '#CD5B38',
+            4: '#3F96E6'
+        },
+        neutral: {
+            50: '#F8F9FA',
+            100: '#F3F4F6',
+            200: '#E9ECEF',
+            400: '#CED4DA',
+            500: '#ADB5BD',
+            600: '#6C757D',
+            700: '#495057',
+            800: '#343A40'
+        },
+        blue: {
+            600: '#0067C8'
+        },
+        red: {
+            50: '#FFF1F1',
+            600: '#D40002'
+        },
+        green: {
+            50: '#D6FDE5',
+            600: '#27764E'
+        },
+        gray: {
+            200: '#CAD2D3',
+            800: '#3A4445'
+        },
+        ...TerrawareTheme.palette
+    }
 };
-var theme = createTheme(defaultTheme);
-
-export { theme as default };
+const theme = createTheme(defaultTheme);
+export default theme;

package/utils/color.js

@@ -1,17 +1,10 @@
-import hexRgb from 'hex-rgb';
-
-const getRgbaFromHex = (hex, opacity) => {
-  const rgba = hexRgb(hex, {
-    alpha: opacity,
-    format: 'object'
-  });
-  const {
-    red,
-    green,
-    blue,
-    alpha
-  } = rgba;
-  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
+import hex_rgb from "hex-rgb";
+const getRgbaFromHex = (hex, opacity)=>{
+    const rgba = hex_rgb(hex, {
+        alpha: opacity,
+        format: 'object'
+    });
+    const { red, green, blue, alpha } = rgba;
+    return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
 };
-
 export { getRgbaFromHex };