Merge pull request #2318 from gluestack/fix/v2-docs

Fix/v2 docs

Author: surajahmed

example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx

@@ -780,7 +780,7 @@ Form Action Buttons can also be utilized in conjunction with FormControl.
           </FormControl>
                <FormControl>
             <Button action='negative' className='ml-4'>
-              <ButtonText className="text-white">
+              <ButtonText className="text-white group-hover/button:text-white group-active/button:text-white">
                 Delete
               </ButtonText>
             </Button>

example/storybook-nativewind/src/components/Toast/index.nw.stories.mdx

@@ -440,8 +440,7 @@ The Examples section provides visual representations of the different variants o
                     <HStack space="md">
                       <Icon
                         as={HelpCircleIcon}
-                        className="stroke-typography-0"
-                        size="lg"
+                        className="stroke-error-500 mt-0.5"
                       />
                       <VStack space="xs">
                         <ToastTitle className="font-semibold text-error-500">Error!</ToastTitle>
@@ -710,7 +709,7 @@ The Examples section provides visual representations of the different variants o
                         <Icon
                           as={Send}
                           size="xl"
-                          className="fill-blue-500 stroke-none"
+                          className="fill-typography-100 stroke-none"
                         />
                         <Divider
                           orientation="vertical"

example/storybook-nativewind/src/core-components/nativewind/gluestack-ui-provider/config.ts

@@ -205,7 +205,7 @@ export const config = {
     '--color-error-400': '230 53 53',
     '--color-error-500': '239 68 68',
     '--color-error-600': '248 113 113',
-    '--color-error-700': '230 53 52',
+    '--color-error-700': '252 165 165',
     '--color-error-800': '254 202 202',
     '--color-error-900': '254 226 226',
     '--color-error-950': '254 233 233',

example/storybook-nativewind/src/core-components/nativewind/toast/index.tsx

@@ -31,7 +31,7 @@ const toastStyle = tva({
   base: 'p-4 m-1 rounded-md gap-1 web:pointer-events-auto shadow-hard-5 border-outline-100',
   variants: {
     action: {
-      error: 'bg-error-700',
+      error: 'bg-error-800',
       warning: 'bg-warning-700',
       success: 'bg-success-700',
       info: 'bg-info-700',

example/storybook-nativewind/src/extra-components/nativewind/Demos/AccordionDemo.tsx

@@ -17,7 +17,7 @@ const AccordionDemo = () => {
   const accRef = React.useRef(null);
   return (
     <ScrollView contentContainerStyle={{ maxHeight: 50 }}>
-      <Accordion mt="$5">
+      <Accordion className="border border-outline-200">
         <AccordionItem value="a">
           <AccordionHeader>
             <AccordionTrigger>