New Docs - cleanup sidebar

Author: ethanshar

docs/foundation/assets.md

@@ -1,8 +1,9 @@
 ---
-index: 6
-path: "/foundation/assets"
+sidebar_position: 3
+sidebar_label: Assets
 title: "Assets"
 ---
+
 Assets are a big part of the whole UI system, whether it's an icon, placeholder or an illustration, we use them everywhere.  
 Load groups of assets and easily render them with the _Image_ component.
 

docs/foundation/colors.md

@@ -1,10 +1,10 @@
 ---
-sidebar_position: 7
-path: "/foundation/colors"
+sidebar_position: 2
+sidebar_label: Colors
 title: "Colors"
 ---
 
-#### loadColors
+### loadColors
 Load a set of colors to be used in the app.  
 These colors will be accessible through the Colors class and as modifiers.
 usage:
@@ -27,7 +27,7 @@ import {View, Text, Colors} from 'react-native-ui-lib';
 <View>
 ```
 
-#### loadSchemes
+### loadSchemes
 Load a set of scheme colors to support dark/light mode.  
 This feature works hand in hand with our modifiers 
 
@@ -58,7 +58,7 @@ Colors.loadSchemes({
 </View>
 ```
 
-#### rgba
+### rgba
 usage:
 ```js
 import {Colors} from 'react-native-ui-lib';
@@ -67,7 +67,7 @@ Colors.rgba('#ff2442', 0.05); // 'rgb(255, 36, 66, 0.05)'
 Colors.rgba(44, 224, 112, 0.2); // 'rgb(44, 224, 112, 0.2)'
 ```
 
-#### getColorTint
+### getColorTint
 usage:
 ```js
 import {Colors} from 'react-native-ui-lib';
@@ -76,7 +76,7 @@ Colors.getColorTint(Colors.green30, 70); // will return the value of Colors.gree
 Colors.getColorTint('#ff2442', 50); // will return the 5th tint in an autogenerate 8-tints palette based on '#ff2442'
 ```
 
-#### isDark
+### isDark
 returns `true` if a color is considered dark (bright colors will return `false`)
 ```js
 import {Colors} from 'react-native-ui-lib';

docs/foundation/modifiers.md

@@ -1,8 +1,9 @@
 ---
-index: 5
-path: "/foundation/modifiers"
+sidebar_position: 4
+sidebar_label: Modifiers
 title: "Modifiers"
 ---
+
 As you have probably noticed already, we translate our style presets into modifiers.  
 **Modifiers** help you create a stunning UI easily and quickly.
 

docs/foundation/style.md

@@ -1,8 +1,9 @@
 ---
-sidebar_position: 4
-path: "/foundation/style"
+sidebar_position: 1
+sidebar_label: Style
 title: "Style"
 ---
+
 The base foundation of each UI component is its style.
 We use basic style presets to define the rules and the style guide we follow.
 

docs/foundation/theme-manager.md

@@ -1,8 +1,9 @@
 ---
-index: 7
-path: "/foundation/theme-manager"
-title: "Theme Manager"
+sidebar_position: 5
+sidebar_label: ThemeManager
+title: "ThemeManager"
 ---
+
 Use `ThemeManager` to set default global behavior for your app.
 
 #### setComponentTheme

docs/getting-started/setup.md

@@ -1,8 +1,8 @@
 ---
-index: 1
 sidebar_position: 1
-path: "/getting-started/setup"
+sidebar_label: Setup
 title: "Setup"
+# path: "/getting-started/setup"
 ---
 
 ## Before You Start: UILib Packages

docs/getting-started/usage.md

@@ -1,8 +1,8 @@
 ---
-index: 2
 sidebar_position: 2
-path: "/getting-started/usage"
+sidebar_label: Usage
 title: "Usage"
+# path: "/getting-started/usage"
 ---
 This is a quick example of how to use our basic components, modifiers and presets to generate a good looking screen.  
 For detailed information please go over the other sections: [Style](../foundation/style.md), [Modifiers](../foundation/modifiers.md), Components...

docs/getting-started/v5.md

@@ -1,8 +1,8 @@
 ---
-index: 3
 sidebar_position: 3
-path: "/getting-started/v5"
-title: "v4 -> v5"
+sidebar_label: Migrating v4 -> v5
+title: "Migrating v4 -> v5"
+# path: "/getting-started/v5"
 ---
 ## `[email protected]`
 

docs/getting-started/v6.md

@@ -1,7 +1,8 @@
 ---
-index: 3.5
-path: "/getting-started/v6"
-title: "v5 -> v6"
+sidebar_position: 4
+sidebar_label: Migrating v5 -> v6
+title: "Migrating v5 -> v6"
+# path: "/getting-started/v6"
 ---
 ## `[email protected]`
 

docuilib/docusaurus.config.js

@@ -16,7 +16,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
     projectName: 'react-native-ui-lib', // Usually your repo name.
     customFields: {
       expoSnackLink: 'https://snack.expo.io/@ethanshar/rnuilib_snack?platform=ios&supportedPlatforms=ios,android',
-      stars: '3.8',
+      stars: '3.8'
     },
     plugins: ['docusaurus-plugin-sass'],
     presets: [

docuilib/sidebars.js

@@ -27,22 +27,29 @@ module.exports = {
     {
       type: 'category',
       label: 'Getting Started',
-      items: ['getting-started/setup', 'getting-started/usage', 'getting-started/v5', 'getting-started/v6']
+      collapsed: false,
+      items: [
+        {
+          type: 'autogenerated',
+          dirName: `getting-started`
+        }
+      ]
     },
     {
       type: 'category',
       label: 'Foundation',
+      collapsed: false,
       items: [
-        'foundation/style',
-        'foundation/modifiers',
-        'foundation/assets',
-        'foundation/theme-manager',
-        'foundation/colors'
+        {
+          type: 'autogenerated',
+          dirName: `foundation`
+        }
       ]
     },
     {
       type: 'category',
       label: 'Components',
+      collapsible: false,
       items: ['Basic', 'Form', 'Overlays', 'Layout', 'Lists', 'Native', 'Incubator'].map(category => {
         return {
           type: 'category',