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

Fix/v2 docs
gluestack · Jul 16, 2024 · f9231f3 · f9231f3
2 parents 8ca819e + e0bb6a5
commit f9231f3
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 7 deletions.
diff --git a/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx b/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>

diff --git a/example/storybook-nativewind/src/components/Toast/index.nw.stories.mdx b/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"

diff --git a/example/storybook-nativewind/src/core-components/nativewind/gluestack-ui-provider/config.ts b/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',

diff --git a/example/storybook-nativewind/src/core-components/nativewind/toast/index.tsx b/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',

diff --git a/example/storybook-nativewind/src/extra-components/nativewind/Demos/AccordionDemo.tsx b/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>

diff --git a/img/gluestack-banner.png b/img/gluestack-banner.png