fix: button imports

gluestack · Mar 1, 2024 · 6b709b5 · 6b709b5
1 parent f8dd15d
commit 6b709b5
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 7 deletions.
diff --git a/example/storybook-nativewind/src/components/Button/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Button/index.nw.stories.mdx
@@ -17,7 +17,21 @@ import { Meta } from '@storybook/addon-docs';
 import {
   Button,
   ButtonText,
-  ButtonSpinner, ButtonIcon
+  ButtonSpinner, 
+  ButtonIcon,
+  Icon,
+  ArrowUpIcon,
+  InfoIcon,
+  AddIcon,
+  Box,
+  VStack,
+  Heading,
+  Text,
+  Input,
+  InputField,
+  Center,
+  ArrowLeftIcon,
+  EditIcon
 } from '../../components-example/nativewind';
 import { transformedCode } from '../../utils';
 import {
@@ -27,7 +41,6 @@ import {
   TableContainer,
   InlineCode,
 } from '@gluestack/design-system';
-import { EditIcon } from "@gluestack-ui/themed"
 import Wrapper from '../../components-example/nativewind/Wrapper';
 import { CollapsibleCode } from '@gluestack/design-system';
 
@@ -503,17 +516,31 @@ A button with a link combines the interactive behavior of a button component wit
           <ButtonText className='font-medium text-sm text-typography-900' >
             Back to top
           </ButtonText>
-          <ButtonIcon as={ArrowUpIcon} className='h-3 w-3 color-background-900 ml-1' />
+          <ButtonIcon as={ArrowUpIcon}
+           className=
+           'h-
+           3 
+           w-
+           3 
+           color-
+           background-900 ml-1' />
         </Button>
       `,
       transformCode: (code) => {
         return transformedCode(code);
       },
-      scope: { Button, ButtonText, ButtonIcon, Wrapper, Icon, ArrowUpIcon },
-      argsType: {},
+      scope: { Button, ButtonText, ButtonIcon, Wrapper, Icon, ArrowUpIcon 
+      },
+
+      argsType:
+       {},
+
     }}
+
   />
-</AppProvider>
+
+</A
+ppProvider>
 
 #### Button With Icon
 

diff --git a/example/storybook-nativewind/src/components/Button/index.themed.stories.mdx b/example/storybook-nativewind/src/components/Button/index.themed.stories.mdx
@@ -14,7 +14,21 @@ import { Meta } from '@storybook/addon-docs';
 
 <Meta title="with-gluestack-style/components/Forms/Button" />
 
-import { Button, ButtonText, ButtonIcon } from '../../components-example/themed';
+import { Button, ButtonText, ButtonIcon, 
+  Icon,
+  ArrowUpIcon,
+  InfoIcon,
+  AddIcon,
+  Box,
+  VStack,
+  Heading,
+  Text,
+  Input,
+  InputField,
+  Center,
+  ArrowLeftIcon,
+  ButtonSpinner,
+  EditIcon } from '../../components-example/themed';
 import { transformedCode } from '../../utils';
 import {
   AppProvider,