feat(docs): add search capability

CHANGELOG.md

@@ -26,6 +26,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ### Documentation
 - Fix code in changing component variables section of theming examples @lucivpav ([#1626](https://github.com/stardust-ui/react/pull/1626))
+- Add search capability @lucivpav ([#1682](https://github.com/stardust-ui/react/pull/1682))
 
 <!--------------------------------[ v0.35.0 ]------------------------------- -->
 ## [v0.35.0](https://github.com/stardust-ui/react/tree/v0.35.0) (2019-07-26)

docs/src/components/DocsLayout.tsx

@@ -68,7 +68,7 @@ class DocsLayout extends React.Component<any, any> {
 
   renderChildren() {
     const { children, render } = this.props
-    const sidebarWidth = '270px'
+    const sidebarWidth = '270'
 
     const treeSectionStyle = {
       fontWeight: 700,
@@ -83,7 +83,7 @@ class DocsLayout extends React.Component<any, any> {
       textDecoration: 'none',
       fontSize: '0.85714286em',
       fontWeight: 400,
-      color: '#ffffff80',
+      color: 'white',
 
       '& .active': {
         fontWeight: 'bold',
@@ -124,9 +124,9 @@ class DocsLayout extends React.Component<any, any> {
             },
           })}
         >
-          <Sidebar width={sidebarWidth} />
+          <Sidebar width={sidebarWidth} treeItemStyle={treeItemStyle} />
         </Provider>
-        <div role="main" style={{ marginLeft: sidebarWidth }}>
+        <div role="main" style={{ marginLeft: `${sidebarWidth}px` }}>
           {render ? render() : children}
         </div>
       </>