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

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'
+  }
 };
-const style_dictionary_dist_TerrawareTheme = TerrawareTheme;
-export default style_dictionary_dist_TerrawareTheme;
+
+export { TerrawareTheme as default };

package/theme.js

@@ -1,80 +1,82 @@
-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
+  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'
         }
+      }
+    }
+  },
+  palette: {
+    primary: {
+      main: '#0067C8'
     },
-    typography: {
-        fontFamily: 'Inter'
+    secondary: {
+      main: '#D40002'
     },
-    components: {
-        MuiCssBaseline: {
-            styleOverrides: {
-                '*::-webkit-scrollbar': {
-                    WebkitAppearance: 'none',
-                    width: '4px',
-                    height: '7px',
-                    backgroundColor: '#B2AB9340'
-                },
-                '*::-webkit-scrollbar-thumb': {
-                    borderRadius: '4px',
-                    backgroundColor: '#6C757D'
-                },
-                body: {
-                    color: '#3a4445'
-                }
-            }
-        }
+    state: {
+      5: '#CD5B38'
     },
-    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
-    }
+    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
+  }
 };
-const theme = createTheme(defaultTheme);
-export default theme;
+var theme = createTheme(defaultTheme);
+
+export { theme as default };

package/utils/color.js

@@ -1,10 +1,17 @@
-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})`;
+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})`;
 };
+
 export { getRgbaFromHex };