Merge pull request #4888 from GeekyAnts/fix/alert-example

fix: changed close icon color

Author: surajahmed

example/storybook/stories/components/composites/Alert/action.tsx

@@ -37,7 +37,8 @@ export function Example() {
               <IconButton
                 variant="unstyled"
                 _focus={{ borderWidth: 0 }}
-                icon={<CloseIcon size="3" color="coolGray.600" />}
+                icon={<CloseIcon size="3" />}
+                _icon={{ color: 'coolGray.600' }}
                 onPress={() => setShow(false)}
               />
             </HStack>

example/storybook/stories/components/composites/Alert/basic.tsx

@@ -30,7 +30,8 @@ export const Example = () => {
             <IconButton
               variant="unstyled"
               _focus={{ borderWidth: 0 }}
-              icon={<CloseIcon size="3" color="coolGray.600" />}
+              icon={<CloseIcon size="3" />}
+              _icon={{ color: 'coolGray.600' }}
             />
           </HStack>
           <Box pl="6" _text={{ color: 'coolGray.600' }}>

example/storybook/stories/components/composites/Alert/colorScheme.tsx

@@ -31,7 +31,8 @@ export function Example() {
               <IconButton
                 variant="unstyled"
                 _focus={{ borderWidth: 0 }}
-                icon={<CloseIcon size="3" color="coolGray.600" />}
+                icon={<CloseIcon size="3" />}
+                _icon={{ color: 'coolGray.600' }}
               />
             </HStack>
             <Box pl="6" _text={{ color: 'coolGray.600' }}>

example/storybook/stories/components/composites/Alert/composition.tsx

@@ -35,7 +35,8 @@ export function Example() {
               <IconButton
                 variant="unstyled"
                 _focus={{ borderWidth: 0 }}
-                icon={<CloseIcon size="3" color="coolGray.600" />}
+                icon={<CloseIcon size="3" />}
+                _icon={{ color: 'coolGray.600' }}
               />
             </HStack>
             <Box pl="6" _dark={{ _text: { color: 'coolGray.600' } }}>

example/storybook/stories/components/composites/Alert/status.tsx

@@ -46,7 +46,8 @@ export function Example() {
                   <IconButton
                     variant="unstyled"
                     _focus={{ borderWidth: 0 }}
-                    icon={<CloseIcon size="3" color="coolGray.600" />}
+                    icon={<CloseIcon size="3" />}
+                    _icon={{ color: 'coolGray.600' }}
                   />
                 </HStack>
               </VStack>

example/storybook/stories/components/composites/Alert/usage.tsx

@@ -29,7 +29,8 @@ export function Example() {
             <IconButton
               variant="unstyled"
               _focus={{ borderWidth: 0 }}
-              icon={<CloseIcon size="3" color="coolGray.600" />}
+              icon={<CloseIcon size="3" />}
+              _icon={{ color: 'coolGray.600' }}
             />
           </HStack>
           <Box pl="6" _text={{ color: 'coolGray.600' }}>