update stories

mkosir · Jan 17, 2020 · 2daa112 · 2daa112
1 parent 35c8539
commit 2daa112
Show file tree

Hide file tree

Showing 40 changed files with 79 additions and 79 deletions.
diff --git a/stories/Buttons/Buttons.storytab.scss → stories/Buttons/Buttons.doctab.scss b/stories/Buttons/Buttons.storytab.scss → stories/Buttons/Buttons.doctab.scss
diff --git a/stories/Buttons/Buttons.storytab.tsx → stories/Buttons/Buttons.doctab.tsx b/stories/Buttons/Buttons.storytab.tsx → stories/Buttons/Buttons.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Buttons.storytab.scss';
+import './Buttons.doctab.scss';
 
 const Buttons = () => {
   const { buttons } = useMightyMouse();

diff --git a/stories/Buttons/_Buttons.tsx b/stories/Buttons/_Buttons.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './Buttons.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './Buttons.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Buttons.storytab.scss';
+import './Buttons.doctab.scss';
 
 const Buttons = () => {
   const { buttons } = useMightyMouse();
@@ -57,9 +57,9 @@ const style = `.buttons {
 `;
 
 const _Buttons = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _Buttons;
diff --git a/stories/Cursor/Cursor.storytab.scss → stories/Cursor/Cursor.doctab.scss b/stories/Cursor/Cursor.storytab.scss → stories/Cursor/Cursor.doctab.scss
diff --git a/stories/Cursor/Cursor.storytab.tsx → stories/Cursor/Cursor.doctab.tsx b/stories/Cursor/Cursor.storytab.tsx → stories/Cursor/Cursor.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Cursor.storytab.scss';
+import './Cursor.doctab.scss';
 import imgCheese from './img/cheese.png';
 
 const Cursor = () => {

diff --git a/stories/Cursor/_Cursor.tsx b/stories/Cursor/_Cursor.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './Cursor.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './Cursor.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Cursor.storytab.scss';
+import './Cursor.doctab.scss';
 import imgCheese from './img/cheese.png';
 
 const Cursor = () => {
@@ -45,9 +45,9 @@ const style = `.cursor {
 `;
 
 const _Cursor = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _Cursor;
diff --git a/stories/Default/Default.storytab.scss → stories/Default/Default.doctab.scss b/stories/Default/Default.storytab.scss → stories/Default/Default.doctab.scss
diff --git a/stories/Default/Default.storytab.tsx → stories/Default/Default.doctab.tsx b/stories/Default/Default.storytab.tsx → stories/Default/Default.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Default.storytab.scss';
+import './Default.doctab.scss';
 
 const Default = () => {
   const {

diff --git a/stories/Default/_Default.tsx b/stories/Default/_Default.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './Default.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './Default.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Default.storytab.scss';
+import './Default.doctab.scss';
 
 const Default = () => {
   const {
@@ -51,9 +51,9 @@ const style = `.default {
 `;
 
 const _Default = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _Default;
diff --git a/stories/EyesFollow/EyesFollow.storytab.scss → stories/EyesFollow/EyesFollow.doctab.scss b/stories/EyesFollow/EyesFollow.storytab.scss → stories/EyesFollow/EyesFollow.doctab.scss
diff --git a/stories/EyesFollow/EyesFollow.storytab.tsx → stories/EyesFollow/EyesFollow.doctab.tsx b/stories/EyesFollow/EyesFollow.storytab.tsx → stories/EyesFollow/EyesFollow.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './EyesFollow.storytab.scss';
+import './EyesFollow.doctab.scss';
 
 const EyesFollow = () => {
   const {

diff --git a/stories/EyesFollow/_EyesFollow.tsx b/stories/EyesFollow/_EyesFollow.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './EyesFollow.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './EyesFollow.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './EyesFollow.storytab.scss';
+import './EyesFollow.doctab.scss';
 
 const EyesFollow = () => {
   const {
@@ -75,9 +75,9 @@ const style = `.eyes-follow {
 `;
 
 const _EyesFollow = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _EyesFollow;
diff --git a/...FollowTired/EyesFollowTired.storytab.scss → ...esFollowTired/EyesFollowTired.doctab.scss b/...FollowTired/EyesFollowTired.storytab.scss → ...esFollowTired/EyesFollowTired.doctab.scss
diff --git a/...sFollowTired/EyesFollowTired.storytab.tsx → ...yesFollowTired/EyesFollowTired.doctab.tsx b/...sFollowTired/EyesFollowTired.storytab.tsx → ...yesFollowTired/EyesFollowTired.doctab.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 
 import useMightyMouse from '../../src';
-import './EyesFollowTired.storytab.scss';
+import './EyesFollowTired.doctab.scss';
 
 const EyesFollowTired = () => {
   const [tiredness, setTiredness] = useState(0);

diff --git a/stories/EyesFollowTired/_EyesFollowTired.tsx b/stories/EyesFollowTired/_EyesFollowTired.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './EyesFollowTired.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './EyesFollowTired.doctab';
 
 const code = `import React, { useState } from 'react';
 
 import useMightyMouse from '../../src';
-import './EyesFollowTired.storytab.scss';
+import './EyesFollowTired.doctab.scss';
 
 const EyesFollowTired = () => {
   const [tiredness, setTiredness] = useState(0);
@@ -151,9 +151,9 @@ const style = `.eyes-follow-tired {
 `;
 
 const _EyesFollowTired = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _EyesFollowTired;
diff --git a/stories/Flashlight/Flashlight.storytab.scss → stories/Flashlight/Flashlight.doctab.scss b/stories/Flashlight/Flashlight.storytab.scss → stories/Flashlight/Flashlight.doctab.scss
diff --git a/stories/Flashlight/Flashlight.storytab.tsx → stories/Flashlight/Flashlight.doctab.tsx b/stories/Flashlight/Flashlight.storytab.tsx → stories/Flashlight/Flashlight.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Flashlight.storytab.scss';
+import './Flashlight.doctab.scss';
 import imgFlashlight from './img/flashlight.png';
 
 const Flashlight = () => {

diff --git a/stories/Flashlight/_Flashlight.tsx b/stories/Flashlight/_Flashlight.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './Flashlight.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './Flashlight.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Flashlight.storytab.scss';
+import './Flashlight.doctab.scss';
 import imgFlashlight from './img/flashlight.png';
 
 const Flashlight = () => {
@@ -66,9 +66,9 @@ const style = `.flashlight {
 `;
 
 const _Flashlight = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _Flashlight;
diff --git a/stories/Keyboard/Keyboard.storytab.scss → stories/Keyboard/Keyboard.doctab.scss b/stories/Keyboard/Keyboard.storytab.scss → stories/Keyboard/Keyboard.doctab.scss
diff --git a/stories/Keyboard/Keyboard.storytab.tsx → stories/Keyboard/Keyboard.doctab.tsx b/stories/Keyboard/Keyboard.storytab.tsx → stories/Keyboard/Keyboard.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Keyboard.storytab.scss';
+import './Keyboard.doctab.scss';
 
 const Keyboard = () => {
   const { keyboard } = useMightyMouse();

diff --git a/stories/Keyboard/_Keyboard.tsx b/stories/Keyboard/_Keyboard.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './Keyboard.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './Keyboard.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Keyboard.storytab.scss';
+import './Keyboard.doctab.scss';
 
 const Keyboard = () => {
   const { keyboard } = useMightyMouse();
@@ -55,9 +55,9 @@ const style = `.keyboard {
 `;
 
 const _Keyboard = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _Keyboard;
diff --git a/stories/MouseAngle/MouseAngle.storytab.scss → stories/MouseAngle/MouseAngle.doctab.scss b/stories/MouseAngle/MouseAngle.storytab.scss → stories/MouseAngle/MouseAngle.doctab.scss
diff --git a/stories/MouseAngle/MouseAngle.storytab.tsx → stories/MouseAngle/MouseAngle.doctab.tsx b/stories/MouseAngle/MouseAngle.storytab.tsx → stories/MouseAngle/MouseAngle.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './MouseAngle.storytab.scss';
+import './MouseAngle.doctab.scss';
 
 const MouseAngle = () => {
   const {

diff --git a/stories/MouseAngle/_MouseAngle.tsx b/stories/MouseAngle/_MouseAngle.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './MouseAngle.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './MouseAngle.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './MouseAngle.storytab.scss';
+import './MouseAngle.doctab.scss';
 
 const MouseAngle = () => {
   const {
@@ -70,9 +70,9 @@ const style = `.mouse-angle {
 `;
 
 const _MouseAngle = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _MouseAngle;
diff --git a/...ies/MouseCheese/MouseCheese.storytab.scss → stories/MouseCheese/MouseCheese.doctab.scss b/...ies/MouseCheese/MouseCheese.storytab.scss → stories/MouseCheese/MouseCheese.doctab.scss
diff --git a/stories/MouseCheese/MouseCheese.storytab.tsx → stories/MouseCheese/MouseCheese.doctab.tsx b/stories/MouseCheese/MouseCheese.storytab.tsx → stories/MouseCheese/MouseCheese.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './MouseCheese.storytab.scss';
+import './MouseCheese.doctab.scss';
 import imgCheese from './img/cheese.png';
 
 const MouseCheese = () => {

diff --git a/stories/MouseCheese/_MouseCheese.tsx b/stories/MouseCheese/_MouseCheese.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './MouseCheese.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './MouseCheese.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './MouseCheese.storytab.scss';
+import './MouseCheese.doctab.scss';
 import imgCheese from './img/cheese.png';
 
 const MouseCheese = () => {
@@ -301,9 +301,9 @@ const style = `.mouse-cheese {
 `;
 
 const _MouseCheese = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _MouseCheese;
diff --git a/stories/MouseHover/MouseHover.storytab.scss → stories/MouseHover/MouseHover.doctab.scss b/stories/MouseHover/MouseHover.storytab.scss → stories/MouseHover/MouseHover.doctab.scss
diff --git a/stories/MouseHover/MouseHover.storytab.tsx → stories/MouseHover/MouseHover.doctab.tsx b/stories/MouseHover/MouseHover.storytab.tsx → stories/MouseHover/MouseHover.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './MouseHover.storytab.scss';
+import './MouseHover.doctab.scss';
 import imgCheese from './img/cheese.png';
 
 const MouseHover = () => {

diff --git a/stories/MouseHover/_MouseHover.tsx b/stories/MouseHover/_MouseHover.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import StoryTabTemplate from 'story-tab-react';
-import Demo from './MouseHover.storytab';
+import DocTabTemplate from 'react-doc-tab-template';
+import Demo from './MouseHover.doctab';
 
 const code = `import React from 'react';
 
 import useMightyMouse from '../../src';
-import './MouseHover.storytab.scss';
+import './MouseHover.doctab.scss';
 import imgCheese from './img/cheese.png';
 
 const MouseHover = () => {
@@ -58,9 +58,9 @@ const style = `.mouse-hover {
 `;
 
 const _MouseHover = () => (
-  <StoryTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
+  <DocTabTemplate code={code} style={style} codeExt="tsx" styleExt="scss">
     <Demo />
-  </StoryTabTemplate>
+  </DocTabTemplate>
 );
 
 export default _MouseHover;
diff --git a/stories/Positions/Positions.storytab.scss → stories/Positions/Positions.doctab.scss b/stories/Positions/Positions.storytab.scss → stories/Positions/Positions.doctab.scss
diff --git a/stories/Positions/Positions.storytab.tsx → stories/Positions/Positions.doctab.tsx b/stories/Positions/Positions.storytab.tsx → stories/Positions/Positions.doctab.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import useMightyMouse from '../../src';
-import './Positions.storytab.scss';
+import './Positions.doctab.scss';
 
 const Positions = () => {
   const {