feat(floating-label): updated unselected color of label (#2506)

agliga · web-flow · commit b817c49dae4c · 2024-12-16T10:40:36.000-08:00
diff --git a/.changeset/green-falcons-thank.md b/.changeset/green-falcons-thank.md
@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(floating-label): updated unselected color of label
diff --git a/dist/floating-label/floating-label.css b/dist/floating-label/floating-label.css
@@ -12,7 +12,7 @@ div.floating-label {
 
 label.floating-label__label {
     background-color: initial;
-    color: var(--floating-label-color, var(--color-foreground-primary));
+    color: var(--floating-label-color, var(--color-foreground-secondary));
     display: inline-block;
     left: 16px;
     overflow: hidden;
@@ -38,7 +38,7 @@ label.floating-label__label {
 }
 
 label.floating-label__label--focus {
-    color: var(--color-background-inverse);
+    color: var(--floating-label-focus-color, var(--color-foreground-primary));
 }
 
 .floating-label--opaque label.floating-label__label--focus {
diff --git a/src/sass/floating-label/floating-label.scss b/src/sass/floating-label/floating-label.scss
@@ -14,7 +14,7 @@ div.floating-label {
 }
 
 label.floating-label__label {
-    @include color-token(floating-label-color, color-foreground-primary);
+    @include color-token(floating-label-color, color-foreground-secondary);
 
     background-color: transparent;
     display: inline-block;
@@ -43,7 +43,7 @@ label.floating-label__label {
 }
 
 label.floating-label__label--focus {
-    color: var(--color-background-inverse);
+    @include color-token(floating-label-focus-color, color-foreground-primary);
 }
 
 .floating-label--opaque label.floating-label__label--focus {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@ebay/skin": minor
 +---
++
 +feat(floating-label): updated unselected color of label
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ div.floating-label {`
`12`	`12`
`13`	`13`	`label.floating-label__label {`
`14`	`14`	`background-color: initial;`
`15`		`- color: var(--floating-label-color, var(--color-foreground-primary));`
	`15`	`+ color: var(--floating-label-color, var(--color-foreground-secondary));`
`16`	`16`	`display: inline-block;`
`17`	`17`	`left: 16px;`
`18`	`18`	`overflow: hidden;`
`@@ -38,7 +38,7 @@ label.floating-label__label {`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`label.floating-label__label--focus {`
`41`		`- color: var(--color-background-inverse);`
	`41`	`+ color: var(--floating-label-focus-color, var(--color-foreground-primary));`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.floating-label--opaque label.floating-label__label--focus {`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ div.floating-label {`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`label.floating-label__label {`
`17`		`- @include color-token(floating-label-color, color-foreground-primary);`
	`17`	`+ @include color-token(floating-label-color, color-foreground-secondary);`
`18`	`18`
`19`	`19`	`background-color: transparent;`
`20`	`20`	`display: inline-block;`
`@@ -43,7 +43,7 @@ label.floating-label__label {`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`label.floating-label__label--focus {`
`46`		`- color: var(--color-background-inverse);`
	`46`	`+ @include color-token(floating-label-focus-color, color-foreground-primary);`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`.floating-label--opaque label.floating-label__label--focus {`