move /tab to /tabs/tab

ui/src/components/tabs/readme.md

@@ -9,7 +9,7 @@ const Base = require('../base');
 const Row = require('../row');
 const Column = require('../column');
 const Tabs = require('./index');
-const Tab = require('../tab');
+const Tab = require('./tab');
 const styles = require('./style.css');
 
 nmodule.exports = ReactDOM.renderToString(

ui/src/components/tabs/tab/readme.md

@@ -9,7 +9,7 @@ const Base = require('../base');
 const Container = require('../container');
 const Row = require('../row');
 const Column = require('../column');
-const Tabs = require('../tabs');
+const Tabs = require('../');
 const Tab = require('./index');
 const styles = require('./style.css');
 

ui/src/components/tabs/tab/style.css

@@ -1,7 +1,7 @@
-@import "../../shared/mixins.css";
+@import "../../../shared/mixins.css";
 
-~boxes: "../../shared/constants.js";
-~colors: "../../shared/constants.js";
+~boxes: "../../../shared/constants.js";
+~colors: "../../../shared/constants.js";
 
 :root {
   --border-unchecked: ~boxes.border.unchecked;

ui/src/index.js

@@ -7,7 +7,7 @@ module.exports = {
   Column: require('./components/column'),
   Container: require('./components/container'),
   Row: require('./components/row'),
-  Tab: require('./components/tab'),
+  Tab: require('./components/tabs/tab'),
   Tabs: require('./components/tabs'),
   Toggle: require('./components/toggle'),
   Notificaton: require('./components/notification'),