fix: alert close icon focus

GeekyAnts · Mar 30, 2022 · acad5b2 · acad5b2
1 parent 4b2b6a8
commit acad5b2
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 0 deletions.
diff --git a/example/storybook/stories/components/composites/Alert/action.tsx b/example/storybook/stories/components/composites/Alert/action.tsx
@@ -36,6 +36,7 @@ export function Example() {
               </HStack>
               <IconButton
                 variant="unstyled"
+                _focus={{ borderWidth: 0 }}
                 icon={<CloseIcon size="3" color="coolGray.600" />}
                 onPress={() => setShow(false)}
               />

diff --git a/example/storybook/stories/components/composites/Alert/basic.tsx b/example/storybook/stories/components/composites/Alert/basic.tsx
@@ -29,6 +29,7 @@ export const Example = () => {
             </HStack>
             <IconButton
               variant="unstyled"
+              _focus={{ borderWidth: 0 }}
               icon={<CloseIcon size="3" color="coolGray.600" />}
             />
           </HStack>

diff --git a/example/storybook/stories/components/composites/Alert/colorScheme.tsx b/example/storybook/stories/components/composites/Alert/colorScheme.tsx
@@ -30,6 +30,7 @@ export function Example() {
               </HStack>
               <IconButton
                 variant="unstyled"
+                _focus={{ borderWidth: 0 }}
                 icon={<CloseIcon size="3" color="coolGray.600" />}
               />
             </HStack>

diff --git a/example/storybook/stories/components/composites/Alert/composition.tsx b/example/storybook/stories/components/composites/Alert/composition.tsx
@@ -34,6 +34,7 @@ export function Example() {
               </HStack>
               <IconButton
                 variant="unstyled"
+                _focus={{ borderWidth: 0 }}
                 icon={<CloseIcon size="3" color="coolGray.600" />}
               />
             </HStack>

diff --git a/example/storybook/stories/components/composites/Alert/status.tsx b/example/storybook/stories/components/composites/Alert/status.tsx
@@ -45,6 +45,7 @@ export function Example() {
                   </HStack>
                   <IconButton
                     variant="unstyled"
+                    _focus={{ borderWidth: 0 }}
                     icon={<CloseIcon size="3" color="coolGray.600" />}
                   />
                 </HStack>

diff --git a/example/storybook/stories/components/composites/Alert/usage.tsx b/example/storybook/stories/components/composites/Alert/usage.tsx
@@ -28,6 +28,7 @@ export function Example() {
             </HStack>
             <IconButton
               variant="unstyled"
+              _focus={{ borderWidth: 0 }}
               icon={<CloseIcon size="3" color="coolGray.600" />}
             />
           </HStack>