feat: Set explicit white background on text fields (#1200)

Amsterdam · Apr 17, 2024 · e22d48e · e22d48e
1 parent 5f0b68d
commit e22d48e
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 0 deletions.
diff --git a/packages/css/src/components/search-field/search-field.scss b/packages/css/src/components/search-field/search-field.scss
@@ -17,6 +17,7 @@
 }
 
 .ams-search-field__input {
+  background-color: var(--ams-search-field-input-background-color);
   box-shadow: var(--ams-search-field-input-box-shadow);
   color: var(--ams-search-field-input-color);
   font-family: var(--ams-search-field-input-font-family);

diff --git a/packages/css/src/components/text-area/text-area.scss b/packages/css/src/components/text-area/text-area.scss
@@ -11,6 +11,7 @@
 }
 
 .ams-text-area {
+  background-color: var(--ams-text-area-background-color);
   border: 0;
   box-shadow: var(--ams-text-area-box-shadow);
   color: var(--ams-text-area-color);

diff --git a/packages/css/src/components/text-input/text-input.scss b/packages/css/src/components/text-input/text-input.scss
@@ -11,6 +11,7 @@
 }
 
 .ams-text-input {
+  background-color: var(--ams-text-input-background-color);
   border: 0;
   box-shadow: var(--ams-text-input-box-shadow);
   color: var(--ams-text-input-color);

diff --git a/proprietary/tokens/src/components/ams/search-field.tokens.json b/proprietary/tokens/src/components/ams/search-field.tokens.json
@@ -12,6 +12,7 @@
         "padding-inline": { "value": "{ams.space.inside.xs}" }
       },
       "input": {
+        "background-color": { "value": "{ams.color.primary-white}" },
         "box-shadow": {
           "value": "inset 0 0 0 {ams.border.width.sm} {ams.color.primary-black}"
         },

diff --git a/proprietary/tokens/src/components/ams/text-area.tokens.json b/proprietary/tokens/src/components/ams/text-area.tokens.json
@@ -1,6 +1,7 @@
 {
   "ams": {
     "text-area": {
+      "background-color": { "value": "{ams.color.primary-white}" },
       "box-shadow": { "value": "inset 0 0 0 {ams.border.width.sm} {ams.color.primary-black}" },
       "color": { "value": "{ams.color.primary-black}" },
       "font-family": { "value": "{ams.text.font-family}" },

diff --git a/proprietary/tokens/src/components/ams/text-input.tokens.json b/proprietary/tokens/src/components/ams/text-input.tokens.json
@@ -1,6 +1,7 @@
 {
   "ams": {
     "text-input": {
+      "background-color": { "value": "{ams.color.primary-white}" },
       "box-shadow": { "value": "inset 0 0 0 {ams.border.width.sm} {ams.color.primary-black}" },
       "color": { "value": "{ams.color.primary-black}" },
       "font-family": { "value": "{ams.text.font-family}" },