From 4ea8f5aca610a97c73898c8d13173da079a2c776 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?O=C4=9Fuz=20=C3=96LKE?=
 <70342517+olkeoguz@users.noreply.github.com>
Date: Tue, 13 Sep 2022 11:32:56 +0300
Subject: [PATCH] feat(button): refactor hover state for text button (#234)

* style(button): redesign hover state for text button

* style(button): change naming for text hover bg color
---
 src/components/button/bl-button.css | 6 ++----
 src/components/input/bl-input.css   | 8 ++++----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/button/bl-button.css b/src/components/button/bl-button.css
index 51a4a8ab..bdd6eed9 100644
--- a/src/components/button/bl-button.css
+++ b/src/components/button/bl-button.css
@@ -5,6 +5,7 @@
 
   --bl-button-main-color: var(--bl-color-primary);
   --bl-button-main-hover-color: var(--bl-color-primary-hover);
+  --bl-button-text-hover-color: var(--bl-color-secondary-background);
   --bl-button-content-color: var(--bl-color-primary-background);
   --bl-button-bg-color: var(--bl-button-main-color);
   --bl-button-border-color: var(--bl-button-main-color);
@@ -111,10 +112,6 @@
   --bl-button-bg-color: transparent;
 }
 
-:host([kind='text']) .button {
-  text-decoration: underline;
-}
-
 :host([kind='outline']) {
   --bl-button-bg-color: transparent;
   --bl-button-content-color: var(--bl-button-main-color);
@@ -127,4 +124,5 @@
 
 :host([kind='text']:hover:not([disabled])) {
   --bl-button-content-color: var(--bl-button-main-hover-color);
+  --bl-button-bg-color: var(--bl-button-text-hover-color);
 }
diff --git a/src/components/input/bl-input.css b/src/components/input/bl-input.css
index 28e1dc91..61abe0b1 100644
--- a/src/components/input/bl-input.css
+++ b/src/components/input/bl-input.css
@@ -37,14 +37,14 @@ input:focus {
   --bl-input-border-color: var(--bl-color-primary);
 }
 
-:host([label-fixed]) bl-icon {
-  top: calc(var(--bl-input-padding-vertical) + var(--bl-size-m));
-}
-
 input:focus ~ bl-icon {
   --bl-input-icon-color: var(--bl-color-primary);
 }
 
+:host([label-fixed]) bl-icon {
+  top: calc(var(--bl-input-padding-vertical) + var(--bl-size-m));
+}
+
 :host ::placeholder {
   color: var(--bl-color-content-tertiary);
 }