fix: realign text and icons on non-bordered inputs #333

AlaskaAirlines · Sep 30, 2024 · 82006bc · 82006bc
1 parent dac8a44
commit 82006bc
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 19 deletions.
diff --git a/src/styles/input.scss b/src/styles/input.scss
@@ -8,7 +8,7 @@ input {
   min-height: calc(var(--ds-size-700, $ds-size-700) + var(--ds-size-25, $ds-size-25));
   max-height: calc(var(--ds-size-700, $ds-size-700) + var(--ds-size-25, $ds-size-25));
 
-  padding: var(--ds-size-400, $ds-size-400) 0 var(--ds-size-100, $ds-size-100);
+  padding: var(--ds-size-400, $ds-size-400) 0 var(--ds-size-50, $ds-size-50);
 
   white-space: nowrap;
   overflow: hidden;

diff --git a/src/styles/label.scss b/src/styles/label.scss
@@ -50,23 +50,7 @@ label {
   font-size: var(--ds-text-body-size-xs, $ds-text-body-size-xs);
 }
 
-:host(:not([bordered])) {
-  .wrapper {
-    &:focus-within {
-      label {
-        @include active-label;
-      }
-    }
-  }
-
-  label {
-    &.withValue {
-      @include active-label;
-    }
-  }
-}
-
-:host([bordered]) {
+:host {
   .wrapper {
     &:focus-within {
       label {

diff --git a/src/styles/notificationIcons.scss b/src/styles/notificationIcons.scss
@@ -75,7 +75,7 @@
   .typeIcon,
   .notificationIcons {
     align-items: flex-end;
-    padding-bottom: var(--ds-size-100, $ds-size-100);
+    padding-bottom: var(--ds-size-50, $ds-size-50);
   }
 }