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

eBay · Dec 16, 2024 · b817c49 · b817c49
1 parent a859c31
commit b817c49
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
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 {