💄 - style: update input and select to incoorporate new styling

maykinmedia · Apr 15, 2024 · 09243b7 · 09243b7
1 parent 7919175
commit 09243b7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/components/form/input/input.scss b/src/components/form/input/input.scss
@@ -3,7 +3,7 @@
   align-items: center;
   background: var(--typography-color-background);
   border: 1px solid var(--form-color-border);
-  border-radius: var(--border-radius-l);
+  border-radius: var(--border-radius-s);
   box-sizing: border-box;
   color: var(--typography-color-body);
   font-family: var(--typography-font-family-body);
@@ -21,7 +21,6 @@
   }
 
   &[type="checkbox"] {
-    border-radius: 2px;
     cursor: pointer;
     height: 16px;
     max-width: 16px;

diff --git a/src/components/form/select/select.scss b/src/components/form/select/select.scss
@@ -2,7 +2,7 @@
   align-items: center;
   background: var(--typography-color-background);
   border: 1px solid var(--form-color-border);
-  border-radius: var(--border-radius-l);
+  border-radius: var(--border-radius-s);
   box-sizing: border-box;
   color: var(--typography-color-body);
   cursor: pointer;
@@ -62,7 +62,7 @@
   &__dropdown {
     background: var(--typography-color-background);
     border: 1px solid var(--form-color-border);
-    border-radius: var(--border-radius-l);
+    border-radius: var(--border-radius-s);
     box-sizing: border-box;
     min-width: 100%;
     padding: var(--spacing-v) 0;

diff --git a/src/style/tokens/base.scss b/src/style/tokens/base.scss
@@ -98,7 +98,7 @@
   --button-color-text-transparent-active: var(--button-color-text-transparent);
 
   /* FORM */
-  --form-color-border: #636363;
+  --form-color-border: #b1b1b1;
 
   /* PAGE */
   --page-color-background: #f0f2fa; // #ecf1ff; (-50% saturation)