feat(button): change focused style

channel-io · Feb 28, 2023 · 36a7660 · 36a7660
1 parent 0517589
commit 36a7660
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/packages/bezier-react/src/components/Button/Button.styled.ts b/packages/bezier-react/src/components/Button/Button.styled.ts
@@ -6,7 +6,6 @@ import {
   isEmpty,
 } from 'Utils/typeUtils'
 import { Text } from 'Components/Text'
-import { focusedInputWrapperStyle } from 'Components/Forms/Inputs/mixins'
 import ButtonProps, { ButtonSize, ButtonStyleVariant, ButtonColorVariant } from './Button.types'
 
 // NOTE: ButtonSize 에 따른 버튼의 min-width, height
@@ -422,7 +421,7 @@ export const ButtonWrapper = styled.button<ButtonWrapperProps>`
   opacity: ${({ disabled }) => (disabled ? DisabledOpacity : 1)};
 
   &:focus {
-    ${focusedInputWrapperStyle};
+    outline: 3px solid var(--bgtxt-cobalt-light);
   }
 
   ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['background-color', 'box-shadow'])};