Merge pull request #3000 from Autodesk/fix/input-focus-hover-state-order

fix: focus styles take precedent over hover styles
Autodesk · Aug 30, 2023 · 05e7a13 · 05e7a13
2 parents ca833ad + 4943f79
commit 05e7a13
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/input/src/presenters/InputHaloPresenter.stylesheet.js b/packages/input/src/presenters/InputHaloPresenter.stylesheet.js
@@ -38,12 +38,12 @@ function borderBottomStyles(
     ...(error
       ? { borderBottomColor: themeData["input.error.borderBottomColor"] }
       : {}),
-    ...(hasFocus
-      ? { borderBottomColor: themeData["input.line.focus.borderBottomColor"] }
-      : {}),
     ...(hasHover
       ? { borderBottomColor: themeData["input.box.hover.borderBottomColor"] }
       : {}),
+    ...(hasFocus
+      ? { borderBottomColor: themeData["input.line.focus.borderBottomColor"] }
+      : {}),
   };
 }
 
@@ -70,8 +70,8 @@ function haloStyles({ isDisabled, hasFocus, hasHover }, themeData) {
 
   return {
     ...defaults,
-    ...(hasFocus ? focusStyles : {}),
     ...(hasHover ? hoverStyles : {}),
+    ...(hasFocus ? focusStyles : {}),
   };
 }