Update styleguide appearance

Author: onurkerimov

demo/styles.css

@@ -11,6 +11,6 @@ body {
   box-shadow: 1px 1px 81px rgba(41,60,74,.18);
 }
 
-.rsg--toolbar-17 {
+.rsg--toolbar-17, .rsg--wrapper-16 {
   display: none;
-}
+}

styleguide.config.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const isDEV = process.env.NODE_ENV === 'development';
-const moduleSource = isDEV ? 'src' : 'dist';
+const moduleSource = isDEV ? 'src' : 'src';
 
 module.exports = {
   //ignore: ['**/*.test.js', '**/DateInput/*', '**/DayCell/*', '**/Month/*', '**/InputRangeField/*'],
@@ -93,23 +93,31 @@ module.exports = {
       ],
     },
   },
-
+  pagePerSection: false,
   sections: [
     {
-      name: 'Introduction',
+      name: 'Getting Started',
       content: 'demo/README.md',
+      sectionDepth: 0,
+    },
+    {
+      name: 'Components',
       sections: [
         {
           components: () => ['src/components/DateRangePicker/index.js'],
+          usageMode: 'hide',
         },
         {
           components: () => ['src/components/DateRange/index.js'],
         },
         {
           components: () => ['src/components/Calendar/index.js'],
         },
+        {
+          components: () => ['src/components/DefinedRange/index.js'],
+        },
       ],
-      sectionDepth: 1,
+      sectionDepth: 0,
     },
   ],
 };