fix(components): fix primarybutton and alt primarybutton styling issue

koji · koji · commit a76664590cf4 · 2025-12-05T21:43:56.000-05:00
fix primarybutton and alt primarybutton styling issue close AUTH-2559
diff --git a/components/src/atoms/buttons/AltPrimaryButton.tsx b/components/src/atoms/buttons/AltPrimaryButton.tsx
@@ -16,18 +16,17 @@ export const AltPrimaryButton = styled(Btn)`
 
   ${styleProps}
 
-  &:focus {
+  &:hover {
+    box-shadow: 0 0 0;
     background-color: ${COLORS.grey35};
-    box-shadow: none;
   }
 
   &:active {
     background-color: ${COLORS.grey40};
   }
 
-  &:hover {
-    box-shadow: 0 0 0;
-    background-color: ${COLORS.grey35};
+  &:active:hover {
+    background-color: ${COLORS.grey40};
   }
 
   &:disabled {
diff --git a/components/src/atoms/buttons/PrimaryButton.tsx b/components/src/atoms/buttons/PrimaryButton.tsx
@@ -18,8 +18,7 @@ export const PrimaryButton = styled(Btn)`
 
   ${styleProps}
 
-  &:hover,
-  &:focus {
+  &:hover {
     background-color: ${COLORS.blue55};
     box-shadow: none;
   }

Original file line number	Diff line number	Diff line change
@@ -16,18 +16,17 @@ export const AltPrimaryButton = styled(Btn)`
`16`	`16`
`17`	`17`	`${styleProps}`
`18`	`18`
`19`		`- &:focus {`
	`19`	`+ &:hover {`
	`20`	`+ box-shadow: 0 0 0;`
`20`	`21`	`background-color: ${COLORS.grey35};`
`21`		`- box-shadow: none;`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`&:active {`
`25`	`25`	`background-color: ${COLORS.grey40};`
`26`	`26`	`}`
`27`	`27`
`28`		`- &:hover {`
`29`		`- box-shadow: 0 0 0;`
`30`		`- background-color: ${COLORS.grey35};`
	`28`	`+ &:active:hover {`
	`29`	`+ background-color: ${COLORS.grey40};`
`31`	`30`	`}`
`32`	`31`
`33`	`32`	`&:disabled {`
Original file line number	Diff line number	Diff line change
@@ -18,8 +18,7 @@ export const PrimaryButton = styled(Btn)`
`18`	`18`
`19`	`19`	`${styleProps}`
`20`	`20`
`21`		`- &:hover,`
`22`		`- &:focus {`
	`21`	`+ &:hover {`
`23`	`22`	`background-color: ${COLORS.blue55};`
`24`	`23`	`box-shadow: none;`
`25`	`24`	`}`