@terraware/web-components 1.0.2 → 1.0.5

package/style-dictionary-dist/textfield_variables.scss

@@ -0,0 +1,297 @@
+$tw-clr-dvdr-fill: #A9B7B8;
+$tw-clr-icon-fill-critical: #FE0003;
+$tw-clr-icon-fill-passive: #708284;
+$tw-clr-icon-fill-productive: #007DF2;
+$tw-clr-icon-fill-success: #308F5F;
+$tw-clr-icon-fill-text: #3A4445;
+$tw-clr-icon-fill-text-inv: #FFFFFF;
+$tw-clr-icon-fill-warning: #BD6931;
+$tw-clr-base-black: #000000;
+$tw-clr-base-gray-025: #F9FAFA;
+$tw-clr-base-gray-050: #F2F4F5;
+$tw-clr-base-gray-075: #EDF0F1;
+$tw-clr-base-gray-100: #E5EAEA;
+$tw-clr-base-gray-200: #CAD2D3;
+$tw-clr-base-gray-300: #A9B7B8;
+$tw-clr-base-gray-400: #859799;
+$tw-clr-base-gray-500: #708284;
+$tw-clr-base-gray-600: #5C6B6C;
+$tw-clr-base-gray-700: #4B5758;
+$tw-clr-base-gray-800: #3A4445;
+$tw-clr-base-gray-900: #2B3233;
+$tw-clr-base-transparent: #FFFFFF00;
+$tw-clr-base-white: #FFFFFF;
+$tw-clr-base-blue-primary: #0067C8;
+$tw-clr-base-green-primary: #308F5F;
+$tw-clr-base-orange-primary: #DE7935;
+$tw-clr-base-teal-primary: #30C6D1;
+$tw-clr-base-blue-050: #F0F4FF;
+$tw-clr-base-blue-100: #E2E9FF;
+$tw-clr-base-blue-200: #BED0FF;
+$tw-clr-base-blue-300: #92B4FF;
+$tw-clr-base-blue-400: #4E92FF;
+$tw-clr-base-blue-500: #007DF2;
+$tw-clr-base-blue-600: #0067C8;
+$tw-clr-base-blue-700: #0053A5;
+$tw-clr-base-blue-800: #004184;
+$tw-clr-base-green-050: #D6FDE5;
+$tw-clr-base-green-100: #A6FCCA;
+$tw-clr-base-green-200: #53EA9F;
+$tw-clr-base-green-300: #46CB89;
+$tw-clr-base-green-400: #38A76F;
+$tw-clr-base-green-500: #308F5F;
+$tw-clr-base-green-600: #27764E;
+$tw-clr-base-green-700: #1F6040;
+$tw-clr-base-green-800: #164B34;
+$tw-clr-base-orange-050: #FEF2EE;
+$tw-clr-base-orange-100: #FCE5DE;
+$tw-clr-base-orange-200: #FAC4B1;
+$tw-clr-base-orange-300: #F89E74;
+$tw-clr-base-orange-400: #DE7935;
+$tw-clr-base-orange-500: #BD6931;
+$tw-clr-base-orange-600: #9A572B;
+$tw-clr-base-orange-700: #7E4622;
+$tw-clr-base-orange-800: #643719;
+$tw-clr-base-pink-050: #FFF1F4;
+$tw-clr-base-pink-100: #FFE2E9;
+$tw-clr-base-pink-200: #FFBFD0;
+$tw-clr-base-pink-300: #FF94B4;
+$tw-clr-base-pink-400: #FF5294;
+$tw-clr-base-pink-500: #F6007F;
+$tw-clr-base-pink-600: #CD0069;
+$tw-clr-base-pink-700: #A80055;
+$tw-clr-base-pink-800: #860043;
+$tw-clr-base-purple-050: #F6F2FE;
+$tw-clr-base-purple-100: #EEE6FD;
+$tw-clr-base-purple-200: #DBC8FC;
+$tw-clr-base-purple-300: #C7A4FA;
+$tw-clr-base-purple-400: #B178F7;
+$tw-clr-base-purple-500: #A456F5;
+$tw-clr-base-purple-600: #9525EE;
+$tw-clr-base-purple-700: #7A1CC3;
+$tw-clr-base-purple-800: #61159D;
+$tw-clr-base-red-050: #FFF1F1;
+$tw-clr-base-red-100: #FFE3E3;
+$tw-clr-base-red-200: #FFC1C1;
+$tw-clr-base-red-300: #FF9797;
+$tw-clr-base-red-400: #FF5A5B;
+$tw-clr-base-red-500: #FE0003;
+$tw-clr-base-red-600: #D40002;
+$tw-clr-base-red-700: #AD0001;
+$tw-clr-base-red-800: #8B0001;
+$tw-clr-base-teal-050: #D8FAFE;
+$tw-clr-base-teal-100: #ADF6FE;
+$tw-clr-base-teal-200: #39E5F1;
+$tw-clr-base-teal-300: #30C6D1;
+$tw-clr-base-teal-400: #2EA2AB;
+$tw-clr-base-teal-500: #288B93;
+$tw-clr-base-teal-600: #1F7278;
+$tw-clr-base-teal-700: #175D62;
+$tw-clr-base-teal-800: #114A4E;
+$tw-clr-base-yellow-050: #FEF3E1;
+$tw-clr-base-yellow-100: #FDE7C3;
+$tw-clr-base-yellow-200: #FBCA47;
+$tw-clr-base-yellow-300: #DAAF38;
+$tw-clr-base-yellow-400: #B38F2C;
+$tw-clr-base-yellow-500: #9A7B25;
+$tw-clr-base-yellow-600: #7F641C;
+$tw-clr-base-yellow-700: #685215;
+$tw-clr-base-yellow-800: #52400F;
+$tw-clr-base-semantic-critical: #FE0003;
+$tw-clr-base-semantic-critical-bg: #FFF1F1;
+$tw-clr-base-semantic-critical-text: #D40002;
+$tw-clr-base-semantic-passive: #708284;
+$tw-clr-base-semantic-passive-bg: #F2F4F5;
+$tw-clr-base-semantic-passive-text: #5C6B6C;
+$tw-clr-base-semantic-productive: #007DF2;
+$tw-clr-base-semantic-productive-bg: #F0F4FF;
+$tw-clr-base-semantic-productive-text: #0067C8;
+$tw-clr-base-semantic-success: #308F5F;
+$tw-clr-base-semantic-success-bg: #D6FDE5;
+$tw-clr-base-semantic-success-text: #27764E;
+$tw-clr-base-semantic-warning: #BD6931;
+$tw-clr-base-semantic-warning-bg: #FEF2EE;
+$tw-clr-base-semantic-warning-text: #9A572B;
+$tw-clr-text-fill: #3A4445;
+$tw-clr-text-fill-inv: #FFFFFF;
+$tw-clr-text-fill-productive: #0067C8;
+$tw-opcty-base-000: 0;
+$tw-opcty-base-010: 0.1;
+$tw-opcty-base-020: 0.2;
+$tw-opcty-base-030: 0.3;
+$tw-opcty-base-040: 0.4;
+$tw-opcty-base-050: 0.5;
+$tw-opcty-base-060: 0.6;
+$tw-opcty-base-070: 0.7;
+$tw-opcty-base-080: 0.8;
+$tw-opcty-base-090: 0.9;
+$tw-opcty-base-100: 1;
+$tw-opcty-semantic-off: 0.5;
+$tw-spc-base-large: 32px;
+$tw-spc-base-medium: 24px;
+$tw-spc-base-none: 0;
+$tw-spc-base-small: 16px;
+$tw-spc-base-x-large: 48px;
+$tw-spc-base-x-small: 8px;
+$tw-spc-base-xx-large: 64px;
+$tw-spc-base-xx-small: 4px;
+$tw-sz-base-large: 32px;
+$tw-sz-base-medium: 24px;
+$tw-sz-base-none: 0;
+$tw-sz-base-small: 16px;
+$tw-sz-base-x-large: 48px;
+$tw-sz-base-x-small: 8px;
+$tw-sz-base-xx-large: 64px;
+$tw-sz-base-xx-small: 4px;
+$tw-sz-dvdr-stroke: 1px;
+$tw-sz-icon-large: 32px;
+$tw-sz-icon-medium: 24px;
+$tw-sz-icon-small: 16px;
+$tw-sz-icon-x-large: 48px;
+$tw-fnt-base-body-01-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-01-regular-font-size: 20px;
+$tw-fnt-base-body-01-regular-font-weight: 400;
+$tw-fnt-base-body-01-regular-line-height: 28px;
+$tw-fnt-base-body-02-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-02-regular-font-size: 16px;
+$tw-fnt-base-body-02-regular-font-weight: 400;
+$tw-fnt-base-body-02-regular-line-height: 24px;
+$tw-fnt-base-body-03-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-03-regular-font-size: 14px;
+$tw-fnt-base-body-03-regular-font-weight: 400;
+$tw-fnt-base-body-03-regular-line-height: 20px;
+$tw-fnt-base-body-04-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-04-regular-font-size: 12px;
+$tw-fnt-base-body-04-regular-font-weight: 400;
+$tw-fnt-base-body-04-regular-line-height: 16px;
+$tw-fnt-base-display-01-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-01-bold-font-size: 84px;
+$tw-fnt-base-display-01-bold-font-weight: 700;
+$tw-fnt-base-display-01-bold-line-height: 108px;
+$tw-fnt-base-display-02-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-02-bold-font-size: 72px;
+$tw-fnt-base-display-02-bold-font-weight: 700;
+$tw-fnt-base-display-02-bold-line-height: 92px;
+$tw-fnt-base-display-03-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-03-bold-font-size: 60px;
+$tw-fnt-base-display-03-bold-font-weight: 700;
+$tw-fnt-base-display-03-bold-line-height: 76px;
+$tw-fnt-base-display-04-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-04-bold-font-size: 48px;
+$tw-fnt-base-display-04-bold-font-weight: 700;
+$tw-fnt-base-display-04-bold-line-height: 60px;
+$tw-fnt-base-headline-01-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-01-semi-bold-font-size: 48px;
+$tw-fnt-base-headline-01-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-01-semi-bold-line-height: 60px;
+$tw-fnt-base-headline-02-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-02-semi-bold-font-size: 40px;
+$tw-fnt-base-headline-02-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-02-semi-bold-line-height: 52px;
+$tw-fnt-base-headline-03-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-03-semi-bold-font-size: 34px;
+$tw-fnt-base-headline-03-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-03-semi-bold-line-height: 44px;
+$tw-fnt-base-headline-04-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-04-semi-bold-font-size: 28px;
+$tw-fnt-base-headline-04-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-04-semi-bold-line-height: 36px;
+$tw-fnt-base-headline-05-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-05-semi-bold-font-size: 24px;
+$tw-fnt-base-headline-05-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-05-semi-bold-line-height: 32px;
+$tw-fnt-base-headline-06-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-06-semi-bold-font-size: 20px;
+$tw-fnt-base-headline-06-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-06-semi-bold-line-height: 28px;
+$tw-fnt-base-font-family: 'Inter', sans-serif;
+$tw-fnt-base-font-size-body-01: 20px;
+$tw-fnt-base-font-size-body-02: 16px;
+$tw-fnt-base-font-size-body-03: 14px;
+$tw-fnt-base-font-size-body-04: 12px;
+$tw-fnt-base-font-size-display-01: 84px;
+$tw-fnt-base-font-size-display-02: 72px;
+$tw-fnt-base-font-size-display-03: 60px;
+$tw-fnt-base-font-size-display-04: 48px;
+$tw-fnt-base-font-size-headline-01: 48px;
+$tw-fnt-base-font-size-headline-02: 40px;
+$tw-fnt-base-font-size-headline-03: 34px;
+$tw-fnt-base-font-size-headline-04: 28px;
+$tw-fnt-base-font-size-headline-05: 24px;
+$tw-fnt-base-font-size-headline-06: 20px;
+$tw-fnt-base-font-weight: 400;
+$tw-fnt-base-font-weight-bold: 700;
+$tw-fnt-base-font-weight-medium: 500;
+$tw-fnt-base-font-weight-semi-bold: 600;
+$tw-fnt-base-line-height-body-01: 28px;
+$tw-fnt-base-line-height-body-02: 24px;
+$tw-fnt-base-line-height-body-03: 20px;
+$tw-fnt-base-line-height-body-04: 16px;
+$tw-fnt-base-line-height-display-01: 108px;
+$tw-fnt-base-line-height-display-02: 92px;
+$tw-fnt-base-line-height-display-03: 76px;
+$tw-fnt-base-line-height-display-04: 60px;
+$tw-fnt-base-line-height-headline-01: 60px;
+$tw-fnt-base-line-height-headline-02: 52px;
+$tw-fnt-base-line-height-headline-03: 44px;
+$tw-fnt-base-line-height-headline-04: 36px;
+$tw-fnt-base-line-height-headline-05: 32px;
+$tw-fnt-base-line-height-headline-06: 28px;
+$tw-clr-frm-fld-error-text: #D40002;
+$tw-clr-frm-fld-help-text: #5C6B6C;
+$tw-clr-frm-fld-label: #5C6B6C;
+$tw-clr-frm-fld-placeholder: #A9B7B8;
+$tw-clr-frm-fld-radio-button-checkbox-fill-checked: #0067C8;
+$tw-clr-frm-fld-radio-button-checkbox-selection-label: #3A4445;
+$tw-clr-frm-fld-select-menu-fill: #FFFFFF;
+$tw-clr-frm-fld-select-menu-item-fill-active: #0067C833;
+$tw-clr-frm-fld-select-menu-item-fill-hover: #0067C81A;
+$tw-clr-frm-fld-select-menu-item-fill-selected: #0067C8;
+$tw-clr-frm-fld-select-menu-stroke: #708284;
+$tw-clr-frm-fld-select-value-selected: #FFFFFF;
+$tw-clr-frm-fld-text-input-fill: #FFFFFF;
+$tw-clr-frm-fld-text-input-fill-error: #FFF1F1;
+$tw-clr-frm-fld-text-input-fill-read-only: #F2F4F5;
+$tw-clr-frm-fld-text-input-fill-warning: #FEF2EE;
+$tw-clr-frm-fld-text-input-stroke: #708284;
+$tw-clr-frm-fld-text-input-stroke-error: #FE0003;
+$tw-clr-frm-fld-text-input-stroke-hover: #0067C8;
+$tw-clr-frm-fld-text-input-stroke-warning: #BD6931;
+$tw-clr-frm-fld-value: #3A4445;
+$tw-clr-frm-fld-warning-text: #9A572B;
+$tw-rds-frm-fld-text-input: 4px;
+$tw-sz-frm-fld-text-input-stroke: 1px;
+$tw-sz-frm-fld-text-input-stroke-active: 2px;
+$tw-sz-frm-fld-textarea-input-height: 24px * 2.5;
+$tw-fnt-frm-fld-error-text-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-error-text-font-size: 14px;
+$tw-fnt-frm-fld-error-text-font-weight: 500;
+$tw-fnt-frm-fld-error-text-line-height: 20px;
+$tw-fnt-frm-fld-help-text-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-help-text-font-size: 14px;
+$tw-fnt-frm-fld-help-text-font-weight: 400;
+$tw-fnt-frm-fld-help-text-line-height: 20px;
+$tw-fnt-frm-fld-label-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-label-font-size: 14px;
+$tw-fnt-frm-fld-label-font-weight: 400;
+$tw-fnt-frm-fld-label-line-height: 20px;
+$tw-fnt-frm-fld-radio-button-checkbox-selection-label-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-radio-button-checkbox-selection-label-font-size: 16px;
+$tw-fnt-frm-fld-radio-button-checkbox-selection-label-font-weight: 500;
+$tw-fnt-frm-fld-radio-button-checkbox-selection-label-line-height: 24px;
+$tw-fnt-frm-fld-select-value-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-select-value-font-size: 16px;
+$tw-fnt-frm-fld-select-value-font-weight: 500;
+$tw-fnt-frm-fld-select-value-line-height: 24px;
+$tw-fnt-frm-fld-text-placeholder-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-text-placeholder-font-size: 16px;
+$tw-fnt-frm-fld-text-placeholder-font-weight: 500;
+$tw-fnt-frm-fld-text-placeholder-line-height: 24px;
+$tw-fnt-frm-fld-text-value-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-text-value-font-size: 16px;
+$tw-fnt-frm-fld-text-value-font-weight: 500;
+$tw-fnt-frm-fld-text-value-line-height: 24px;
+$tw-fnt-frm-fld-warning-text-font-family: 'Inter', sans-serif;
+$tw-fnt-frm-fld-warning-text-font-size: 14px;
+$tw-fnt-frm-fld-warning-text-font-weight: 500;
+$tw-fnt-frm-fld-warning-text-line-height: 20px;

package/theme.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+declare module '@mui/material/styles/createPalette' {
+    interface Palette {
+        neutral: Palette['grey'];
+        state: {
+            5: React.CSSProperties['color'];
+        };
+        accent: {
+            1: React.CSSProperties['color'];
+            2: React.CSSProperties['color'];
+            3: React.CSSProperties['color'];
+            4: React.CSSProperties['color'];
+        };
+        blue: {
+            600: React.CSSProperties['color'];
+        };
+        red: {
+            50: React.CSSProperties['color'];
+            600: React.CSSProperties['color'];
+        };
+        green: {
+            50: React.CSSProperties['color'];
+            600: React.CSSProperties['color'];
+        };
+        gray: {
+            200: React.CSSProperties['color'];
+            800: React.CSSProperties['color'];
+        };
+    }
+    interface PaletteOptions {
+        neutral: PaletteOptions['grey'];
+        state: {
+            5: React.CSSProperties['color'];
+        };
+        accent: {
+            1: React.CSSProperties['color'];
+            2: React.CSSProperties['color'];
+            3: React.CSSProperties['color'];
+            4: React.CSSProperties['color'];
+        };
+        blue: {
+            600: React.CSSProperties['color'];
+        };
+        red: {
+            50: React.CSSProperties['color'];
+            600: React.CSSProperties['color'];
+        };
+        green: {
+            50: React.CSSProperties['color'];
+            600: React.CSSProperties['color'];
+        };
+        gray: {
+            200: React.CSSProperties['color'];
+            800: React.CSSProperties['color'];
+        };
+    }
+}
+declare const _default: import("@mui/material/styles").Theme;
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":";AAEA,OAAO,QAAQ,oCAAoC,CAAC;IAClD,UAAU,OAAO;QACf,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,EAAE;YACL,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACjC,CAAC;QACF,MAAM,EAAE;YACN,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACjC,CAAC;QACF,IAAI,EAAE;YACJ,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;QACF,GAAG,EAAE;YACH,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACjC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;QACF,KAAK,EAAE;YACL,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACjC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;QACF,IAAI,EAAE;YACJ,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAClC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;KACH;IACD,UAAU,cAAc;QACtB,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QAChC,KAAK,EAAE;YACL,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACjC,CAAC;QACF,MAAM,EAAE;YACN,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACjC,CAAC;QACF,IAAI,EAAE;YACJ,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;QACF,GAAG,EAAE;YACH,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACjC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;QACF,KAAK,EAAE;YACL,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACjC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;QACF,IAAI,EAAE;YACJ,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAClC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC,CAAC;KACH;CACF;;AAED,wBAgEG"}

package/theme.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styles = require("@mui/material/styles");
+
+var _default = (0, _styles.createTheme)({
+  typography: {
+    fontFamily: 'Inter'
+  },
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: {
+        '*::-webkit-scrollbar': {
+          WebkitAppearance: 'none',
+          width: '7px',
+          height: '7px'
+        },
+        '*::-webkit-scrollbar-thumb': {
+          borderRadius: '4px',
+          backgroundColor: '#6C757D'
+        },
+        body: {
+          color: '#3a4445'
+        }
+      }
+    }
+  },
+  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'
+    }
+  }
+});
+
+exports.default = _default;

package/utils/date.d.ts

@@ -0,0 +1,3 @@
+declare const getDateDisplayValue: (date: string | number) => string;
+export default getDateDisplayValue;
+//# sourceMappingURL=date.d.ts.map

package/utils/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,SAAU,MAAM,GAAG,MAAM,WAA+C,CAAC;AAClG,eAAe,mBAAmB,CAAC"}

package/utils/date.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var getDateDisplayValue = function getDateDisplayValue(date) {
+  return new Date(date).toISOString().split('T')[0];
+};
+
+var _default = getDateDisplayValue;
+exports.default = _default;

package/utils/index.d.ts

@@ -0,0 +1,6 @@
+import getDateDisplayValue from './date';
+import isWhitespaces from './text';
+import preventDefaultEvent from './preventDefaultEvent';
+import useDeviceInfo from './useDeviceInfo';
+export { getDateDisplayValue, isWhitespaces, preventDefaultEvent, useDeviceInfo, };
+//# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,QAAQ,CAAC;AACzC,OAAO,aAAa,MAAM,QAAQ,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,CAAC"}

package/utils/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getDateDisplayValue", {
+  enumerable: true,
+  get: function get() {
+    return _date.default;
+  }
+});
+Object.defineProperty(exports, "isWhitespaces", {
+  enumerable: true,
+  get: function get() {
+    return _text.default;
+  }
+});
+Object.defineProperty(exports, "preventDefaultEvent", {
+  enumerable: true,
+  get: function get() {
+    return _preventDefaultEvent.default;
+  }
+});
+Object.defineProperty(exports, "useDeviceInfo", {
+  enumerable: true,
+  get: function get() {
+    return _useDeviceInfo.default;
+  }
+});
+
+var _date = _interopRequireDefault(require("./date"));
+
+var _text = _interopRequireDefault(require("./text"));
+
+var _preventDefaultEvent = _interopRequireDefault(require("./preventDefaultEvent"));
+
+var _useDeviceInfo = _interopRequireDefault(require("./useDeviceInfo"));

package/utils/preventDefaultEvent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const preventDefault: (event: React.SyntheticEvent) => void;
+export default preventDefault;
+//# sourceMappingURL=preventDefaultEvent.d.ts.map

package/utils/preventDefaultEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preventDefaultEvent.d.ts","sourceRoot":"","sources":["../../src/utils/preventDefaultEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,cAAc,UAAW,MAAM,cAAc,KAAG,IAA8B,CAAC;AAErF,eAAe,cAAc,CAAC"}

package/utils/preventDefaultEvent.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var preventDefault = function preventDefault(event) {
+  return event.preventDefault();
+};
+
+var _default = preventDefault;
+exports.default = _default;

package/utils/text.d.ts

@@ -0,0 +1,3 @@
+declare const isWhitespaces: (str: string) => RegExpMatchArray | null;
+export default isWhitespaces;
+//# sourceMappingURL=text.d.ts.map

package/utils/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/utils/text.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa,QAAS,MAAM,4BAAuB,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/utils/text.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var isWhitespaces = function isWhitespaces(str) {
+  return str.match(/^\s+$/);
+};
+
+var _default = isWhitespaces;
+exports.default = _default;

package/utils/useDeviceInfo.d.ts

@@ -0,0 +1,42 @@
+export declare type DeviceType = 'desktop' | 'tablet' | 'mobile';
+export declare type DeviceOrientation = 'portrait' | 'landscape';
+/**
+ * Device widths categorized for our purposes.
+ * Device widths
+ * desktop width > 1023
+ * tablet width = 1023 - 768
+ * mobile width = < 768
+ */
+declare type DeviceChangeCallback = () => void;
+declare type DeviceInfoProps = {
+    onChange?: DeviceChangeCallback;
+};
+/**
+ * This function returns properties on device type.
+ *
+ * {
+ *   type: 'desktop' | 'tablet' | 'mobile',
+ *   orientation: 'portrait' | 'landscape',
+ *   isDesktop: <boolean>,
+ *   isTablet: <boolean>,
+ *   isMobile: <boolean>,
+ *   isRetina: <boolean>,
+ * }
+ *
+ * Clients can use whichever properties they see fit.
+ *
+ * This function also acceps a callback function to be called
+ * if there's a change in any of our interested device properties.
+ */
+declare const useDeviceInfo: ({ onChange }?: DeviceInfoProps) => {
+    type: DeviceType;
+    orientation: DeviceOrientation;
+    isRetina: boolean;
+    isDesktop: boolean;
+    isTablet: boolean;
+    isMobile: boolean;
+    isPortrait: boolean;
+    isLandscape: boolean;
+};
+export default useDeviceInfo;
+//# sourceMappingURL=useDeviceInfo.d.ts.map

package/utils/useDeviceInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceInfo.d.ts","sourceRoot":"","sources":["../../src/utils/useDeviceInfo.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzD,oBAAY,iBAAiB,GAAG,UAAU,GAAG,WAAW,CAAC;AAEzD;;;;;;GAMG;AAEH,aAAK,oBAAoB,GAAG,MAAM,IAAI,CAAC;AAEvC,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AAEH,QAAA,MAAM,aAAa,kBAAkB,eAAe;;;;;;;;;CA+CnD,CAAC;AAEF,eAAe,aAAa,CAAC"}