(react) add Select component

Finally our powerful Select component is available to make great forms!
This commit is contained in:
Nathan Vasse
2023-05-05 16:04:50 +02:00
committed by NathanVss
parent 270484c0e7
commit 2ff5fc5d29
21 changed files with 2441 additions and 158 deletions

View File

@@ -96,6 +96,23 @@
--c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
--c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--c--theme--transitions--duration: 250ms;
--c--components--forms-select--border-color: #E7E8EA;
--c--components--forms-select--border-color--focus: #0556BF;
--c--components--forms-select--border-color--hover: #9EA3AA;
--c--components--forms-select--border-radius: 8px;
--c--components--forms-select--border-radius--focus: 2px;
--c--components--forms-select--border-radius--hover: 2px;
--c--components--forms-select--border-style: solid;
--c--components--forms-select--border-width: 2px;
--c--components--forms-select--color: #303C4B;
--c--components--forms-select--font-size: 1rem;
--c--components--forms-select--height: 3.5rem;
--c--components--forms-select--item-background-color--hover: #F3F4F4;
--c--components--forms-select--item-background-color--selected: #EBF2FC;
--c--components--forms-select--item-color: #303C4B;
--c--components--forms-select--item-font-size: 1rem;
--c--components--forms-select--background-color: white;
--c--components--forms-select--menu-background-color: white;
--c--components--forms-radio--border-color: #E7E8EA;
--c--components--forms-radio--accent-color: #419A14;
--c--components--forms-input--font-weight: 400;