@terraware/web-components 2.0.58 → 2.0.60

package/style-dictionary-dist/terraware.scss

@@ -0,0 +1,404 @@
+$tw-sz-btn-large-height: 48px;
+$tw-sz-btn-large-icon: 28px;
+$tw-sz-btn-large-min-width: 120px;
+$tw-sz-btn-medium-height: 40px;
+$tw-sz-btn-medium-icon: 24px;
+$tw-sz-btn-medium-min-width: 100px;
+$tw-sz-btn-small-height: 32px;
+$tw-sz-btn-small-icon: 20px;
+$tw-sz-btn-small-min-width: 80px;
+$tw-sz-btn-stroke: 2px;
+$tw-sz-btn-stroke-focus: 2px;
+$tw-sz-btn-x-large-height: 56px;
+$tw-sz-btn-x-large-icon: 32px;
+$tw-sz-btn-x-large-min-width: 140px;
+$tw-fnt-btn-label-font-family-undefined: 'Inter', sans-serif;
+$tw-fnt-btn-label-font-weight-undefined: 600;
+$tw-fnt-btn-label-large-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-large-font-size: 20px;
+$tw-fnt-btn-label-large-font-weight: 600;
+$tw-fnt-btn-label-large-line-height: 28px;
+$tw-fnt-btn-label-medium-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-medium-font-size: 16px;
+$tw-fnt-btn-label-medium-font-weight: 600;
+$tw-fnt-btn-label-medium-line-height: 24px;
+$tw-fnt-btn-label-small-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-small-font-size: 14px;
+$tw-fnt-btn-label-small-font-weight: 600;
+$tw-fnt-btn-label-small-line-height: 20px;
+$tw-fnt-btn-label-x-large-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-x-large-font-size: 24px;
+$tw-fnt-btn-label-x-large-font-weight: 600;
+$tw-fnt-btn-label-x-large-line-height: 32px;
+$tw-clr-base-black: #000000;
+$tw-clr-base-gray-025: #F9F8F7;
+$tw-clr-base-gray-050: #F1F0EC;
+$tw-clr-base-gray-075: #EBEAE4;
+$tw-clr-base-gray-100: #E3E1D9;
+$tw-clr-base-gray-200: #CBC6B7;
+$tw-clr-base-gray-300: #B2AB93;
+$tw-clr-base-gray-400: #9A9172;
+$tw-clr-base-gray-500: #7F775B;
+$tw-clr-base-gray-600: #645E48;
+$tw-clr-base-gray-700: #4B4736;
+$tw-clr-base-gray-800: #333025;
+$tw-clr-base-gray-900: #1D1B15;
+$tw-clr-base-transparent: #FFFFFF00;
+$tw-clr-base-white: #FFFFFF;
+$tw-clr-base-blue-050: #EFF1F8;
+$tw-clr-base-blue-100: #DDE1F1;
+$tw-clr-base-blue-200: #BDC4E4;
+$tw-clr-base-blue-300: #9EA9D7;
+$tw-clr-base-blue-400: #808ECA;
+$tw-clr-base-blue-500: #6172BE;
+$tw-clr-base-blue-600: #4658AA;
+$tw-clr-base-blue-700: #35437F;
+$tw-clr-base-blue-800: #242D57;
+$tw-clr-base-green-050: #E2F6EC;
+$tw-clr-base-green-100: #C2EBD6;
+$tw-clr-base-green-200: #84D6AC;
+$tw-clr-base-green-300: #41C07F;
+$tw-clr-base-green-400: #36A36B;
+$tw-clr-base-green-500: #2C8658;
+$tw-clr-base-green-600: #236A46;
+$tw-clr-base-green-700: #1A5035;
+$tw-clr-base-green-800: #123624;
+$tw-clr-base-light-green-050: #EAF3DC;
+$tw-clr-base-light-green-100: #D4E8BA;
+$tw-clr-base-light-green-200: #ACD278;
+$tw-clr-base-light-green-300: #86BA3E;
+$tw-clr-base-light-green-400: #719E34;
+$tw-clr-base-light-green-500: #5D822B;
+$tw-clr-base-light-green-600: #496622;
+$tw-clr-base-light-green-700: #384D1A;
+$tw-clr-base-light-green-800: #263411;
+$tw-clr-base-orange-050: #F8EFE5;
+$tw-clr-base-orange-100: #F1DFCB;
+$tw-clr-base-orange-200: #E3C099;
+$tw-clr-base-orange-300: #D5A167;
+$tw-clr-base-orange-400: #C78237;
+$tw-clr-base-orange-500: #A36A2D;
+$tw-clr-base-orange-600: #815424;
+$tw-clr-base-orange-700: #61401B;
+$tw-clr-base-orange-800: #422B12;
+$tw-clr-base-pink-050: #F9EDF2;
+$tw-clr-base-pink-100: #F3DCE6;
+$tw-clr-base-pink-200: #E7B9CD;
+$tw-clr-base-pink-300: #DC97B5;
+$tw-clr-base-pink-400: #D0749B;
+$tw-clr-base-pink-500: #C34D7F;
+$tw-clr-base-pink-600: #A13664;
+$tw-clr-base-pink-700: #7A294C;
+$tw-clr-base-pink-800: #531C34;
+$tw-clr-base-purple-050: #F4EFF9;
+$tw-clr-base-purple-100: #E8DEF2;
+$tw-clr-base-purple-200: #D3BEE6;
+$tw-clr-base-purple-300: #BD9FDA;
+$tw-clr-base-purple-400: #A880CE;
+$tw-clr-base-purple-500: #9360C1;
+$tw-clr-base-purple-600: #7A43AD;
+$tw-clr-base-purple-700: #5D3383;
+$tw-clr-base-purple-800: #3E2359;
+$tw-clr-base-red-050: #FAEEED;
+$tw-clr-base-red-100: #F4DBD9;
+$tw-clr-base-red-200: #EBBAB7;
+$tw-clr-base-red-300: #E19893;
+$tw-clr-base-red-400: #D7756F;
+$tw-clr-base-red-500: #CB4D45;
+$tw-clr-base-red-600: #A8362F;
+$tw-clr-base-red-700: #802923;
+$tw-clr-base-red-800: #571C18;
+$tw-clr-base-yellow-050: #F5F1DC;
+$tw-clr-base-yellow-100: #EBE2B5;
+$tw-clr-base-yellow-200: #D7C76F;
+$tw-clr-base-yellow-300: #C0AB35;
+$tw-clr-base-yellow-400: #A3912D;
+$tw-clr-base-yellow-500: #867725;
+$tw-clr-base-yellow-600: #6A5E1D;
+$tw-clr-base-yellow-700: #504716;
+$tw-clr-base-yellow-800: #36300F;
+$tw-clr-bg: #FFFFFF;
+$tw-clr-bg-active: #F1F0EC;
+$tw-clr-bg-ghost: rgba(#FFFFFF, 0);
+$tw-clr-bg-ghost-active: rgba(#B2AB93, 0.4);
+$tw-clr-bg-ghost-hover: rgba(#B2AB93, 0.2);
+$tw-clr-bg-hover: #F9F8F7;
+$tw-clr-bg-inverse: #333025;
+$tw-clr-bg-secondary: #F1F0EC;
+$tw-clr-bg-secondary-active: #E3E1D9;
+$tw-clr-bg-secondary-hover: #EBEAE4;
+$tw-clr-bg-tertiary: #CBC6B7;
+$tw-clr-bg-tertiary-active: #B2AB93;
+$tw-clr-bg-tertiary-hover: linear-gradient(rgba(#B2AB93, 0.5), rgba(#B2AB93, 0.5)), linear-gradient(#CBC6B7, #CBC6B7);
+$tw-clr-brdr: #333025;
+$tw-clr-brdr-active: mix(#4658AA, #6172BE, 50%);
+$tw-clr-brdr-focus: #4658AA;
+$tw-clr-brdr-hover: #6172BE;
+$tw-clr-brdr-secondary: #7F775B;
+$tw-clr-brdr-tertiary: #B2AB93;
+$tw-clr-icn: #333025;
+$tw-clr-icn-inverse: #FFFFFF;
+$tw-clr-icn-secondary: #7F775B;
+$tw-clr-shdw: #333025;
+$tw-clr-txt: #333025;
+$tw-clr-txt-inverse: #FFFFFF;
+$tw-clr-txt-secondary: #645E48;
+$tw-clr-txt-tertiary: #B2AB93;
+$tw-clr-bg-brand: #2C8658;
+$tw-clr-bg-brand-active: #236A46;
+$tw-clr-bg-brand-ghost: rgba(#2C8658, 0);
+$tw-clr-bg-brand-ghost-active: rgba(#2C8658, 0.2);
+$tw-clr-bg-brand-ghost-hover: rgba(#2C8658, 0.1);
+$tw-clr-bg-brand-hover: linear-gradient(rgba(#236A46, 0.5), rgba(#236A46, 0.5)), linear-gradient(#2C8658, #2C8658);
+$tw-clr-bg-brand-tertiary: #E2F6EC;
+$tw-clr-brdr-brand: #2C8658;
+$tw-clr-icn-brand: #2C8658;
+$tw-clr-icn-on-brand: #FFFFFF;
+$tw-clr-txt-brand: #2C8658;
+$tw-clr-txt-on-brand: #FFFFFF;
+$tw-clr-bg-danger: #CB4D45;
+$tw-clr-bg-danger-active: #A8362F;
+$tw-clr-bg-danger-ghost: rgba(#CB4D45, 0);
+$tw-clr-bg-danger-ghost-active: rgba(#CB4D45, 0.2);
+$tw-clr-bg-danger-ghost-hover: rgba(#CB4D45, 0.1);
+$tw-clr-bg-danger-hover: linear-gradient(rgba(#A8362F, 0.5), rgba(#A8362F, 0.5)), linear-gradient(#CB4D45, #CB4D45);
+$tw-clr-bg-danger-tertiary: #FAEEED;
+$tw-clr-brdr-danger: #CB4D45;
+$tw-clr-brdr-danger-active: #A8362F;
+$tw-clr-brdr-danger-hover: linear-gradient(rgba(#A8362F, 0.5), rgba(#A8362F, 0.5)), linear-gradient(#CB4D45, #CB4D45);
+$tw-clr-icn-danger: #CB4D45;
+$tw-clr-icn-on-danger: #FFFFFF;
+$tw-clr-txt-danger: #CB4D45;
+$tw-clr-txt-on-danger: #FFFFFF;
+$tw-clr-bg-info: #7F775B;
+$tw-clr-bg-info-tertiary: #F1F0EC;
+$tw-clr-brdr-info: #7F775B;
+$tw-clr-icn-info: #7F775B;
+$tw-clr-icn-on-info: #FFFFFF;
+$tw-clr-txt-info: #645E48;
+$tw-clr-txt-on-info: #FFFFFF;
+$tw-clr-bg-selected: #6172BE;
+$tw-clr-bg-selected-ghost: rgba(#6172BE, 0);
+$tw-clr-bg-selected-ghost-active: rgba(#6172BE, 0.2);
+$tw-clr-bg-selected-ghost-hover: rgba(#6172BE, 0.1);
+$tw-clr-brdr-selected: #6172BE;
+$tw-clr-icn-on-selected: #FFFFFF;
+$tw-clr-icn-selected: #6172BE;
+$tw-clr-txt-on-selected: #FFFFFF;
+$tw-clr-txt-selected: #6172BE;
+$tw-clr-bg-success: #5D822B;
+$tw-clr-bg-success-tertiary: #EAF3DC;
+$tw-clr-brdr-success: #5D822B;
+$tw-clr-icn-on-success: #FFFFFF;
+$tw-clr-icn-success: #5D822B;
+$tw-clr-txt-on-success: #FFFFFF;
+$tw-clr-txt-success: #5D822B;
+$tw-clr-bg-warning: #A36A2D;
+$tw-clr-bg-warning-tertiary: #F8EFE5;
+$tw-clr-brdr-warning: #A36A2D;
+$tw-clr-brdr-warning-active: #815424;
+$tw-clr-brdr-warning-hover: linear-gradient(rgba(#815424, 0.5), rgba(#815424, 0.5)), linear-gradient(#A36A2D, #A36A2D);
+$tw-clr-icn-on-warning: #FFFFFF;
+$tw-clr-icn-warning: #A36A2D;
+$tw-clr-txt-on-warning: #FFFFFF;
+$tw-clr-txt-warning: #A36A2D;
+$tw-elvtn-base-200: 0 2px 4px 0 rgba(51, 48, 37, 0.2);
+$tw-elvtn-base-400: 0 4px 8px 0 rgba(51, 48, 37, 0.2);
+$tw-elvtn-base-600: 0 8px 16px 0 rgba(51, 48, 37, 0.2);
+$tw-elvtn-base-800: 0 16px 32px 0 rgba(51, 48, 37, 0.2);
+$tw-fnt-dlg-bx-message-font-family: 'Inter', sans-serif;
+$tw-fnt-dlg-bx-message-font-size: 16px;
+$tw-fnt-dlg-bx-message-font-weight: 400;
+$tw-fnt-dlg-bx-message-line-height: 24px;
+$tw-fnt-dlg-bx-title-font-family: 'Inter', sans-serif;
+$tw-fnt-dlg-bx-title-font-size: 20px;
+$tw-fnt-dlg-bx-title-font-weight: 600;
+$tw-fnt-dlg-bx-title-line-height: 28px;
+$tw-fnt-mssg-body-font-family: 'Inter', sans-serif;
+$tw-fnt-mssg-body-font-size: 16px;
+$tw-fnt-mssg-body-font-weight: 400;
+$tw-fnt-mssg-body-line-height: 24px;
+$tw-fnt-mssg-title-font-family: 'Inter', sans-serif;
+$tw-fnt-mssg-title-font-size: 16px;
+$tw-fnt-mssg-title-font-weight: 600;
+$tw-fnt-mssg-title-line-height: 24px;
+$tw-sz-nvgtn-side-nav-item-indicator: 4px;
+$tw-sz-nvgtn-side-nav-width: 200px;
+$tw-fnt-nvgtn-side-nav-item-label-font-family: 'Inter', sans-serif;
+$tw-fnt-nvgtn-side-nav-item-label-font-size: 14px;
+$tw-fnt-nvgtn-side-nav-item-label-font-weight: 500;
+$tw-fnt-nvgtn-side-nav-item-label-line-height: 16px;
+$tw-fnt-nvgtn-side-nav-section-title-font-family: 'Inter', sans-serif;
+$tw-fnt-nvgtn-side-nav-section-title-font-size: 12px;
+$tw-fnt-nvgtn-side-nav-section-title-font-weight: 400;
+$tw-fnt-nvgtn-side-nav-section-title-line-height: 16px;
+$tw-fnt-nvgtn-side-nav-section-title-text-transform: uppercase;
+$tw-fnt-prgrss-circle-value-large-font-family: 'Inter', sans-serif;
+$tw-fnt-prgrss-circle-value-large-font-size: 48px;
+$tw-fnt-prgrss-circle-value-large-font-weight: 400;
+$tw-fnt-prgrss-circle-value-large-line-height: 60px;
+$tw-fnt-prgrss-circle-value-medium-font-family: 'Inter', sans-serif;
+$tw-fnt-prgrss-circle-value-medium-font-size: 24px;
+$tw-fnt-prgrss-circle-value-medium-font-weight: 400;
+$tw-fnt-prgrss-circle-value-medium-line-height: 32px;
+$tw-fnt-prgrss-circle-value-small-font-family: 'Inter', sans-serif;
+$tw-fnt-prgrss-circle-value-small-font-size: 12px;
+$tw-fnt-prgrss-circle-value-small-font-weight: 400;
+$tw-fnt-prgrss-circle-value-small-line-height: 16px;
+$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-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-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.js

@@ -13,8 +13,6 @@ var _styles = require("@mui/material/styles");
 
 var _TerrawareTheme = _interopRequireDefault(require("./style-dictionary-dist/TerrawareTheme"));
 
-var _TerrawareTheme2 = _interopRequireDefault(require("./style-dictionary-dist2/TerrawareTheme2"));
-
 var defaultTheme = {
   breakpoints: {
     values: {
@@ -91,6 +89,6 @@ var defaultTheme = {
   }
 };
 
-var _default = (0, _styles.createTheme)((0, _utils.deepmerge)((0, _utils.deepmerge)(defaultTheme, _TerrawareTheme.default), _TerrawareTheme2.default));
+var _default = (0, _styles.createTheme)((0, _utils.deepmerge)(defaultTheme, _TerrawareTheme.default));
 
 exports.default = _default;

package/components/Autocomplete/Autocomplete.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import '../Select/styles.scss';
-import './styles.scss';
-export declare type Option = {
-    value: any;
-    label: string;
-};
-export declare type ValueType = string | Option;
-export interface Props {
-    id: string;
-    label: string;
-    values: ValueType[];
-    onChange: (value: ValueType) => void;
-    selected: ValueType | undefined;
-    freeSolo: boolean;
-    disabled?: boolean;
-    className?: string;
-    hideClearIcon?: boolean;
-    isEqual?: (option: ValueType, value: ValueType) => void;
-    placeholder?: string;
-    errorText?: string;
-}
-export declare type DropdownItem = {
-    label: string;
-    value: string;
-};
-export default function Autocomplete({ id, label, values, onChange, selected, freeSolo, disabled, className, hideClearIcon, isEqual, placeholder, errorText, }: Props): JSX.Element;
-//# sourceMappingURL=Autocomplete.d.ts.map

package/components/Autocomplete/Autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AAGA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AAEvB,oBAAY,MAAM,GAAG;IACnB,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8ErB"}

package/components/Button/Button.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { IconName } from '../Icon/icons';
-import { Size } from '../Size';
-import './styles.scss';
-export interface Props {
-    onClick: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    label?: string;
-    type?: 'productive' | 'passive' | 'destructive';
-    priority?: 'primary' | 'secondary';
-    size?: Size;
-    disabled?: boolean;
-    icon?: IconName;
-    processing?: boolean;
-    id?: string;
-    className?: string;
-}
-export default function Button(props: Props): JSX.Element;
-//# sourceMappingURL=Button.d.ts.map

package/components/Button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,eAAe,CAAC;AAYvB,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACnC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8BxD"}

package/components/Button/button.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=button.test.d.ts.map

package/components/Button/button.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../src/components/Button/button.test.tsx"],"names":[],"mappings":""}

package/components/Checkbox.d.ts

@@ -1,36 +0,0 @@
-import { Theme } from '@mui/material';
-import React from 'react';
-export declare const CheckboxStyle: (theme: Theme) => {
-    padding: string;
-    '& .MuiSvgIcon-root': {
-        fill: import("csstype").Property.Color | undefined;
-    };
-    '&:hover > .MuiSvgIcon-root': {
-        fill: import("csstype").Property.Color | undefined;
-    };
-    '&.Mui-checked > .MuiSvgIcon-root': {
-        fill: import("csstype").Property.Color | undefined;
-        color: import("csstype").Property.Color | undefined;
-    };
-    '&.MuiCheckbox-indeterminate > .MuiSvgIcon-root': {
-        fill: import("csstype").Property.Color | undefined;
-        color: import("csstype").Property.Color | undefined;
-    };
-    '&:focus > .MuiSvgIcon-root': {
-        border: string;
-    };
-    '&.Mui-disabled': {
-        opacity: number;
-    };
-};
-export interface Props {
-    id: string;
-    name: string;
-    label: React.ReactNode;
-    value?: boolean | null;
-    onChange: (value: boolean) => void;
-    disabled?: boolean;
-    className?: string;
-}
-export default function Checkbox(props: Props): JSX.Element;
-//# sourceMappingURL=Checkbox.d.ts.map

package/components/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,EAAY,MAAM,eAAe,CAAC;AAC3F,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,eAAO,MAAM,aAAa,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;CAsBxC,CAAC;AAEH,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmC1D"}

package/components/DatePicker/DatePicker.d.ts

@@ -1,21 +0,0 @@
-import 'moment/min/locales';
-import React, { KeyboardEventHandler } from 'react';
-import './styles.scss';
-export interface Props {
-    id: string;
-    autoFocus?: boolean;
-    label: React.ReactNode;
-    value?: string | null;
-    onChange: (value?: string | null) => void;
-    'aria-label': string;
-    onKeyPress?: KeyboardEventHandler;
-    minDate?: any;
-    maxDate?: any;
-    errorText?: string;
-    helperText?: string;
-    disabled?: boolean;
-    className?: string;
-    onError?: (reason: any, value: any) => void;
-}
-export default function DatePicker(props: Props): JSX.Element;
-//# sourceMappingURL=DatePicker.d.ts.map

package/components/DatePicker/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAM9D,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgD5D"}

package/components/DialogBox/DialogBox.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-import './styles.scss';
-export interface Props {
-    title: string;
-    size: 'small' | 'medium' | 'large' | 'x-large';
-    message?: string | string[];
-    children?: ReactNode;
-    leftButton?: ReactNode;
-    rightButtons?: JSX.Element[];
-    middleButtons?: JSX.Element[];
-    onClose?: () => void;
-    open: boolean;
-    scrolled?: boolean;
-    skrim?: boolean;
-}
-export default function DialogBox(props: Props): JSX.Element | null;
-//# sourceMappingURL=DialogBox.d.ts.map

package/components/DialogBox/DialogBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogBox.d.ts","sourceRoot":"","sources":["../../../src/components/DialogBox/DialogBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,eAAe,CAAC;AAKvB,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA+DlE"}

package/components/Divisor.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface Props {
-    mt?: number;
-}
-export default function Divisor({ mt }: Props): JSX.Element;
-//# sourceMappingURL=Divisor.d.ts.map

package/components/Divisor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divisor.d.ts","sourceRoot":"","sources":["../../src/components/Divisor.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,EAAM,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAQ9D"}

package/components/Dropdown.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import { TooltipProps } from '@mui/material';
-export interface Props {
-    id: string;
-    label: string;
-    values?: DropdownItem[];
-    onChange: (value: string) => void;
-    selected: string | undefined;
-    disabled?: boolean;
-}
-export declare type DropdownItem = {
-    label: string;
-    value: string;
-};
-export declare function DropdownV1({ id, label, values, onChange, selected, disabled }: Props): JSX.Element;
-export interface DropdownProps {
-    onChange: (newValue: string) => void;
-    label?: string;
-    disabled?: boolean;
-    id?: string;
-    className?: string;
-    helperText?: string | string[];
-    placeholder?: string;
-    errorText?: string | string[];
-    warningText?: string | string[];
-    selectedValue?: string;
-    readonly?: boolean;
-    options?: DropdownItem[];
-    fullWidth?: boolean;
-    hideArrow?: boolean;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    fixedMenu?: boolean;
-    tooltipTitle?: TooltipProps['title'];
-}
-/**
- * This is a simple dropdwn that takes in a tuple { label, value }
- * for list of options.
- * The label is used for display, the value is passed back in onChange, and used to set selectedValue.
- *
- * Example:
- * <Dropdown
- *   options=[{ label: 'label', value: 'value'}, { label: 'label1': value: 'value1'} ]
- *   onChange={(value: string) => setSomeValue(value)}
- *   selectedValue={'value1'}
- * />
- */
-export default function Dropdown(props: DropdownProps): JSX.Element;
-//# sourceMappingURL=Dropdown.d.ts.map

package/components/Dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgE,YAAY,EAAE,MAAM,eAAe,CAAC;AAK3G,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBlG;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAgBlE"}

package/components/ErrorBox/ErrorBox.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import './styles.scss';
-export interface Props {
-    text: string;
-    onClick?: () => void;
-    buttonText?: string;
-    title?: string;
-    className?: string;
-}
-export default function ErrorBox(props: Props): JSX.Element;
-//# sourceMappingURL=ErrorBox.d.ts.map

package/components/ErrorBox/ErrorBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBox.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBox/ErrorBox.tsx"],"names":[],"mappings":";AAIA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoB1D"}

package/components/Icon/Icon.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Size } from '../Size';
-import { IconName } from './icons';
-import './styles.scss';
-export interface Props {
-    name: IconName;
-    size?: Size;
-    className?: string;
-}
-export default function Icon({ size, name, className }: Props): JSX.Element;
-//# sourceMappingURL=Icon.d.ts.map