fix: use correct token for selected input background (#67)

montezume · web-flow · commit bad899261e62 · 2018-09-17T10:42:06.000+02:00
diff --git a/src/components/inputs/localized-multiline-text-input/localized-multiline-text-input.mod.css b/src/components/inputs/localized-multiline-text-input/localized-multiline-text-input.mod.css
@@ -104,7 +104,7 @@
 .pristine:active,
 .pristine:focus {
   border-color: var(--token-border-color-input-focus);
-  background: var(--token-background-color-input-focus);
+  background: var(--token-background-color-input-pristine);
   color: var(--token-font-color-default);
 }
 
diff --git a/src/components/inputs/localized-text-input/localized-text-input.mod.css b/src/components/inputs/localized-text-input/localized-text-input.mod.css
@@ -104,6 +104,6 @@
 .pristine:active,
 .pristine:focus {
   border-color: var(--token-border-color-input-focus);
-  background: var(--token-background-color-input-focus);
+  background: var(--token-background-color-input-pristine);
   color: var(--token-font-color-default);
 }
diff --git a/src/components/inputs/money-input/money-input.mod.css b/src/components/inputs/money-input/money-input.mod.css
@@ -68,7 +68,7 @@
 .amount-default:active,
 .amount-default:focus {
   border-color: var(--token-border-color-input-focus);
-  background: var(--token-background-color-input-focus);
+  background: var(--token-background-color-input-pristine);
   color: var(--token-font-color-default);
 }
 
diff --git a/src/components/inputs/number-input/number-input.mod.css b/src/components/inputs/number-input/number-input.mod.css
@@ -74,6 +74,6 @@
 .pristine:active,
 .pristine:focus {
   border-color: var(--token-border-color-input-focus);
-  background: var(--token-background-color-input-focus);
+  background: var(--token-background-color-input-pristine);
   color: var(--token-font-color-default);
 }
diff --git a/src/components/inputs/password-input/password-input.mod.css b/src/components/inputs/password-input/password-input.mod.css
@@ -75,6 +75,6 @@
 .pristine:active,
 .pristine:focus {
   border-color: var(--token-border-color-input-focus);
-  background: var(--token-background-color-input-focus);
+  background: var(--token-background-color-input-pristine);
   color: var(--token-font-color-default);
 }
diff --git a/src/components/inputs/text-input/text-input.mod.css b/src/components/inputs/text-input/text-input.mod.css
@@ -75,6 +75,6 @@
 .pristine:active,
 .pristine:focus {
   border-color: var(--token-border-color-input-focus);
-  background: var(--token-background-color-input-focus);
+  background: var(--token-background-color-input-pristine);
   color: var(--token-font-color-default);
 }

Original file line number	Diff line number	Diff line change
`@@ -104,7 +104,7 @@`
`104`	`104`	`.pristine:active,`
`105`	`105`	`.pristine:focus {`
`106`	`106`	`border-color: var(--token-border-color-input-focus);`
`107`		`- background: var(--token-background-color-input-focus);`
	`107`	`+ background: var(--token-background-color-input-pristine);`
`108`	`108`	`color: var(--token-font-color-default);`
`109`	`109`	`}`
`110`	`110`
Original file line number	Diff line number	Diff line change
`@@ -104,6 +104,6 @@`
`104`	`104`	`.pristine:active,`
`105`	`105`	`.pristine:focus {`
`106`	`106`	`border-color: var(--token-border-color-input-focus);`
`107`		`- background: var(--token-background-color-input-focus);`
	`107`	`+ background: var(--token-background-color-input-pristine);`
`108`	`108`	`color: var(--token-font-color-default);`
`109`	`109`	`}`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@`
`68`	`68`	`.amount-default:active,`
`69`	`69`	`.amount-default:focus {`
`70`	`70`	`border-color: var(--token-border-color-input-focus);`
`71`		`- background: var(--token-background-color-input-focus);`
	`71`	`+ background: var(--token-background-color-input-pristine);`
`72`	`72`	`color: var(--token-font-color-default);`
`73`	`73`	`}`
`74`	`74`
Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,6 @@`
`74`	`74`	`.pristine:active,`
`75`	`75`	`.pristine:focus {`
`76`	`76`	`border-color: var(--token-border-color-input-focus);`
`77`		`- background: var(--token-background-color-input-focus);`
	`77`	`+ background: var(--token-background-color-input-pristine);`
`78`	`78`	`color: var(--token-font-color-default);`
`79`	`79`	`}`
Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,6 @@`
`75`	`75`	`.pristine:active,`
`76`	`76`	`.pristine:focus {`
`77`	`77`	`border-color: var(--token-border-color-input-focus);`
`78`		`- background: var(--token-background-color-input-focus);`
	`78`	`+ background: var(--token-background-color-input-pristine);`
`79`	`79`	`color: var(--token-font-color-default);`
`80`	`80`	`}`