feat: style docs updates

gluestack · Dec 6, 2023 · cf16f5c · cf16f5c
1 parent b47611b
commit cf16f5c
Showing 1 changed file with 37 additions and 92 deletions.
diff --git a/example/storybook/.storybook/preview.style.js b/example/storybook/.storybook/preview.style.js
@@ -19,109 +19,54 @@ export const parameters = {
       method: '',
       order: [
         'Overview',
-        ['Introduction', 'All Components'],
+        ['Introduction', 'Performance', 'API'],
         'Getting Started',
         [
           'Installation',
-          'Incremental Adoption',
-          'VS Code Extensions',
-          'Figma UI Kit',
-        ],
-        'Core Concepts',
-        ['Themed Library', 'Unstyled Library', 'Accessibility', 'Universal'],
-        'Performance',
-        ['Overview', 'Benchmarks'],
-        'Theme Configuration',
-        [
-          'Theme',
-          ['Default Tokens', 'Default Components'],
-          'Customizing Theme',
+          'Install in Expo',
+          'Install in Next.js',
+          'styled()',
+          'StyledProvider',
+          'TypeScript',
         ],
-        'Styling',
+        'api',
         [
-          'Overview',
-          'Utility and SX Props',
-          'State',
-          'Color Mode',
-          'Responsive',
-          'Descendants',
-          'Platform Specific',
+          'State Based Styles',
+          'ColorMode Based Styles',
+          'Platform Based Styles',
+          'Responsive Styles',
+          'Descendants Styles',
           'Variants',
+          'Overriding Styles (sx)',
+          'Overriding Styles (Utility Props)',
+          'Property Resolver',
+          'Props Passing',
+          'Utility Functions',
+          'AsForwarder',
         ],
-        'Components',
-        [
-          'Provider',
-          ['GluestackUIProvider'],
-          'Typography',
-          ['Heading', 'Text'],
-          'Layout',
-          ['Box', 'Center', 'Divider', 'Stack', 'HStack', 'VStack'],
-          'Feedback',
-          ['Alert', 'Progress', 'Spinner', 'Toast'],
-          'Data Display',
-          ['Badge', 'Table'],
-          'Forms',
-          [
-            'Button',
-            'Checkbox',
-            'FormControl',
-            'Input',
-            'Link',
-            'Pressable',
-            'Radio',
-            'Select',
-            'Slider',
-            'Switch',
-            'Tabs',
-            'Textarea',
-          ],
-          'Overlay',
-          ['AlertDialog', 'Menu', 'Modal', 'Popover', 'Tooltip'],
-          'Disclosure',
-          ['Actionsheet', 'Accordion', 'Tabs'],
-          'Media And Icons',
-          ['Avatar', 'Icon', 'Image'],
-          'Others',
-          ['Fab'],
-        ],
-        'React Native Components',
-        [
-          'FlatList',
-          'ScrollView',
-          'View',
-          'KeyboardAvoidingView',
-          'SectionList',
-          'StatusBar',
-        ],
-        'Hooks',
+
+        'plugins',
         [
-          'React Native ARIA',
-          'useToken',
-          'useBreakpointValue',
-          'useMedia',
-          'useColorMode',
+          'Intro to Plugins',
+          'Fonts Plugin',
+          'Animation Plugin',
+          'CSS Variables Plugin',
         ],
-        'Production Optimizations',
-        ['With a Babel Plugin'],
-        'Guides',
+        'hooks',
+        ['useBreakPointValue', 'useMedia', 'useColorMode', 'useToken'],
+        'configuration',
         [
-          'Install in Next.js',
-          'Install in Expo',
-          'Install in React Native',
-          'Building Design Systems',
+          'Theme Tokens',
+          'Themes',
+          'Breakpoints',
+          'Global Style',
+          'Customizing Components',
+          'SSR',
         ],
-        'Configuration',
-        ['Server-Side Rendering', 'React Server Components'],
-        'Advanced',
-        ['Fonts', 'Animations'],
-        'Recipes',
-        ['Card', 'LinearGradient'],
-        'Resources',
-        ['Todo-List', 'Dashboard App'],
-        'Migration',
-        ['NativeBase to gluestack-ui'],
-        'More',
-        ['Roadmap', 'Changelog', 'Contribution Guidelines', 'FAQs'],
+        'advanced',
+        ['Architecture', 'Specificity', 'Babel Plugins'],
+        'more',
+        ['Roadmap', 'Changelog'],
       ],
     },
   },