fix: reverted floating-label to be transparent again (#1831)

eBay · Aug 8, 2022 · e943833 · e943833
1 parent 2e3572b
commit e943833
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/dist/floating-label/floating-label.css b/dist/floating-label/floating-label.css
@@ -8,8 +8,8 @@ div.floating-label {
   display: block;
 }
 label.floating-label__label {
-  background-color: var(--floating-label-background-color, var(--color-background-secondary));
   color: var(--floating-label-color, var(--color-foreground-primary));
+  background-color: transparent;
   display: inline-block;
   left: 16px;
   overflow: hidden;
@@ -24,7 +24,6 @@ label.floating-label__label {
   z-index: 1;
 }
 label.floating-label__label--focus {
-  background-color: var(--floating-label-focus-background-color, var(--color-background-primary));
   color: var(--color-background-inverse);
 }
 .floating-label--large label.floating-label__label {
@@ -41,7 +40,6 @@ label.floating-label__label--animate {
   transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), bottom 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
 }
 label.floating-label__label--disabled {
-  background-color: var(--floating-label-disabled-background-color, var(--color-background-secondary));
   color: var(--floating-label-disabled-color, var(--color-foreground-disabled));
 }
 label.floating-label__label--invalid {

diff --git a/src/less/floating-label/floating-label.less b/src/less/floating-label/floating-label.less
@@ -14,8 +14,9 @@ div.floating-label {
 }
 
 label.floating-label__label {
-    .background-color-token(floating-label-background-color, color-background-secondary);
     .color-token(floating-label-color, color-foreground-primary);
+
+    background-color: transparent;
     display: inline-block;
     left: 16px;
     overflow: hidden;
@@ -31,7 +32,6 @@ label.floating-label__label {
 }
 
 label.floating-label__label--focus {
-    .background-color-token(floating-label-focus-background-color, color-background-primary);
     color: var(--color-background-inverse);
 }
 
@@ -54,7 +54,6 @@ label.floating-label__label--animate {
 }
 
 label.floating-label__label--disabled {
-    .background-color-token(floating-label-disabled-background-color, color-background-secondary);
     .color-token(floating-label-disabled-color, color-foreground-disabled);
 }