Merge branch 'feat/nativewind-components' of github.com:gluestack/glu…

…estack-ui into feat/nativewind-components
gluestack · Feb 21, 2024 · 1ea355c · 1ea355c
2 parents d928d36 + 06ff36d
commit 1ea355c
Show file tree

Hide file tree

Showing 34 changed files with 8,505 additions and 8,165 deletions.
diff --git a/example/storybook-nativewind/.storybook/preview.js b/example/storybook-nativewind/.storybook/preview.js
@@ -43,19 +43,24 @@ export const parameters = {
           'Layout',
           ['Box', 'Center', 'Divider', 'HStack', 'VStack'],
           'Feedback',
-          ['Alert', 'Progress', 'Spinner'],
+          ['Alert', 'Progress', 'Spinner', 'Toast'],
           'Data Display',
           ['Badge'],
           'Forms',
           [
             'Button',
             'Checkbox',
+            'FormControl',
             'Link',
             'Pressable',
             'Radio',
             'Slider',
             'Switch',
           ],
+          'Overlay',
+          ['AlertDialog', 'Modal', 'Popover', 'Tooltip'],
+          'Disclosure',
+          ['Actionsheet', 'Accordion'],
           'Media And Icons',
           ['Avatar', 'Image'],
           'Others',

diff --git a/example/storybook-nativewind/src/components/Accordion/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Accordion/index.nw.stories.mdx
@@ -7,29 +7,15 @@ pageTitle: Accordion
 
 pageDescription: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
 
-showHeader: true
+showHeader: false
+
+tag: coming soon
 ---
 
 import { Meta } from '@storybook/addon-docs';
-import {
-  AppProvider,
-  CodePreview,
-  Table,
-  TableContainer,
-  InlineCode,
-  AddIcon,
-  InfoIcon,
-  Alert,
-} from '@gluestack/design-system';
-import {
-  Divider,
-  ChevronDownIcon,
-  ChevronUpIcon,
-  PlusIcon,
-  MinusIcon,
-} from '@gluestack-ui/themed';
-import { transformedCode } from '../../utils';
-
-<Meta title="with-nativewind/components/Accordion" />
-
-## hello from nativewind
+
+<Meta title="with-nativewind/components/Disclosure/Accordion" />
+
+# Accordion
+
+Coming Soon!
diff --git a/example/storybook-nativewind/src/components/Accordion/index.nw.storiesold.mdx b/example/storybook-nativewind/src/components/Accordion/index.nw.storiesold.mdx
@@ -0,0 +1,35 @@
+---
+title: Accordion | gluestack-ui | Installation, Usage, and API
+
+description: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
+
+pageTitle: Accordion
+
+pageDescription: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
+
+showHeader: true
+---
+
+import { Meta } from '@storybook/addon-docs';
+import {
+  AppProvider,
+  CodePreview,
+  Table,
+  TableContainer,
+  InlineCode,
+  AddIcon,
+  InfoIcon,
+  Alert,
+} from '@gluestack/design-system';
+import {
+  Divider,
+  ChevronDownIcon,
+  ChevronUpIcon,
+  PlusIcon,
+  MinusIcon,
+} from '@gluestack-ui/themed';
+import { transformedCode } from '../../utils';
+
+<Meta title="with-nativewind/components/Disclosure/Accordion" />
+
+## hello from nativewind
diff --git a/example/storybook-nativewind/src/components/Accordion/index.themed.stories.mdx b/example/storybook-nativewind/src/components/Accordion/index.themed.stories.mdx
@@ -7,39 +7,15 @@ pageTitle: Accordion
 
 pageDescription: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
 
-showHeader: true
+showHeader: false
+
+tag: coming soon
 ---
 
 import { Meta } from '@storybook/addon-docs';
-import {
-  Accordion,
-  AccordionItem,
-  AccordionHeader,
-  AccordionTrigger,
-  AccordionTitleText,
-  AccordionIcon,
-  AccordionContent,
-  AccordionContentText,
-} from './Accordion';
-import {
-  AppProvider,
-  CodePreview,
-  Table,
-  TableContainer,
-  InlineCode,
-  AddIcon,
-  InfoIcon,
-  Alert,
-} from '@gluestack/design-system';
-import {
-  Divider,
-  ChevronDownIcon,
-  ChevronUpIcon,
-  PlusIcon,
-  MinusIcon,
-} from '@gluestack-ui/themed';
-import { transformedCode } from '../../utils';
-
-<Meta title="with-gluestack-style/components/Accordion" />
-
-## hello from themed
+
+<Meta title="with-gluestack-style/components/Disclosure/Accordion" />
+
+# Accordion
+
+Coming Soon!
diff --git a/example/storybook-nativewind/src/components/Accordion/index.themed.storiesold.mdx b/example/storybook-nativewind/src/components/Accordion/index.themed.storiesold.mdx
@@ -0,0 +1,45 @@
+---
+title: Accordion | gluestack-ui | Installation, Usage, and API
+
+description: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
+
+pageTitle: Accordion
+
+pageDescription: The Accordion component is a versatile and interactive user interface element, designed to efficiently organize and present content in a compact space.
+
+showHeader: true
+---
+
+import { Meta } from '@storybook/addon-docs';
+import {
+  Accordion,
+  AccordionItem,
+  AccordionHeader,
+  AccordionTrigger,
+  AccordionTitleText,
+  AccordionIcon,
+  AccordionContent,
+  AccordionContentText,
+} from './Accordion';
+import {
+  AppProvider,
+  CodePreview,
+  Table,
+  TableContainer,
+  InlineCode,
+  AddIcon,
+  InfoIcon,
+  Alert,
+} from '@gluestack/design-system';
+import {
+  Divider,
+  ChevronDownIcon,
+  ChevronUpIcon,
+  PlusIcon,
+  MinusIcon,
+} from '@gluestack-ui/themed';
+import { transformedCode } from '../../utils';
+
+<Meta title="with-gluestack-style/components/Accordion" />
+
+## hello from themed