Text input component #30

Open
stne3960 wants to merge 26 commits from text_input into main
Showing only changes of commit cb74baacee - Show all commits

View File

@ -159,50 +159,82 @@
--color-su-primary: #002f5f; --color-su-primary: #002f5f;
--color-su-primary-80: #33587f; --color-su-primary-80: #33587f;
--bottom-nav-height: 4.5rem; --bottom-nav-height: 4.5rem;
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: 'TheSans', system-ui, Avenir, Helvetica, Arial, sans-serif;
background-color: #ffffff; background-color: #ffffff;
color: #000000; color: #000000;
} }
/* Text styles - Body */ /* Text styles - Body */
.body-light-sm { .body-light-sm {
<<<<<<< HEAD
font-family: "TheSans Light", "TheSans", system-ui, sans-serif; font-family: "TheSans Light", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans Light', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 14px; font-size: 14px;
} }
.body-normal-md { .body-normal-md {
<<<<<<< HEAD
font-family: "TheSans SemiLight", "TheSans", system-ui, sans-serif; font-family: "TheSans SemiLight", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans SemiLight', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 16px; font-size: 16px;
} }
.body-normal-lg { .body-normal-lg {
<<<<<<< HEAD
font-family: "TheSans SemiLight", "TheSans", system-ui, sans-serif; font-family: "TheSans SemiLight", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans SemiLight', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 18px; font-size: 18px;
} }
.body-semibold-md { .body-semibold-md {
<<<<<<< HEAD
font-family: "TheSans Plain", "TheSans", system-ui, sans-serif; font-family: "TheSans Plain", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans Plain', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 16px; font-size: 16px;
} }
.body-semibold-lg { .body-semibold-lg {
<<<<<<< HEAD
font-family: "TheSans Plain", "TheSans", system-ui, sans-serif; font-family: "TheSans Plain", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans Plain', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 18px; font-size: 18px;
} }
.body-bold-md { .body-bold-md {
<<<<<<< HEAD
font-family: "TheSans SemiBold", "TheSans", system-ui, sans-serif; font-family: "TheSans SemiBold", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans SemiBold', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 16px; font-size: 16px;
} }
.body-bold-lg { .body-bold-lg {
<<<<<<< HEAD
font-family: "TheSans SemiBold", "TheSans", system-ui, sans-serif; font-family: "TheSans SemiBold", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans SemiBold', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 18px; font-size: 18px;
} }
/* Text styles - Heading */ /* Text styles - Heading */
.heading-semibold-lg { .heading-semibold-lg {
<<<<<<< HEAD
font-family: "TheSans SemiBold", "TheSans", system-ui, sans-serif; font-family: "TheSans SemiBold", "TheSans", system-ui, sans-serif;
=======
font-family: 'TheSans SemiBold', 'TheSans', system-ui, sans-serif;
>>>>>>> 91e7d0f (Add font family and text styles)
font-size: 32px; font-size: 32px;
} }