use kebab-case consistently throughout project

Author: SunburtReynolds

examples/MDX/test-mdx.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React from './node_modules/react';
 import slides from './slides.mdx';
-import Deck from '../../src/components/Deck';
-import Slide from '../../src/components/Slide';
+import Deck from '../../src/components/deck';
+import Slide from '../../src/components/slide';
 
-import { MDXProvider } from '@mdx-js/react';
+import { MDXProvider } from './node_modules/@mdx-js/react';
 
 /*
  * Note: you can add mappings here to customize how

examples/JS/TestJS.js examples/js/test-js.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import Deck from '../../src/components/Deck.js';
-import Slide from '../../src/components/Slide.js';
-import SlideElementWrapper from '../../src/components/SlideElementWrapper';
+import React from './node_modules/react';
+import Deck from '../../src/components/deck.js';
+import Slide from '../../src/components/slide.js';
+import SlideElementWrapper from '../../src/components/slide-element-wrapper';
 
 const TestJs = () => (
   <Deck loop={true}>

mdx-slides/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { render } from 'react-dom';
 import { MDXProvider } from '@mdx-js/react';
-import Deck from '../src/components/Deck';
-import Slide from '../src/components/Slide';
+import Deck from '../src/components/deck';
+import Slide from '../src/components/slide';
 
 // See the webpack config to see how this import alias is made
 import slides from 'spectacle-user-mdx';

src/components/Deck.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import useDeck, { DeckContext } from '../hooks/useDeck';
-import isComponentType from '../utils/isComponentType.js';
+import useDeck, { DeckContext } from '../hooks/use-deck';
+import isComponentType from '../utils/is-component-type.js';
 import { useTransition, animated } from 'react-spring';
 
 /**

src/components/Slide.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import useSlide, { SlideContext } from '../hooks/useSlide';
-import { DeckContext } from '../hooks/useDeck';
-import isComponentType from '../utils/isComponentType.js';
+import useSlide, { SlideContext } from '../hooks/use-slide';
+import { DeckContext } from '../hooks/use-deck';
+import isComponentType from '../utils/is-component-type.js';
 
 /**
  * Slide component wraps anything going in a slide and maintains

src/components/SlideElementWrapper.js src/components/slide-element-wrapper.js

@@ -2,15 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useSpring, animated } from 'react-spring';
 
-import { SlideContext } from '../hooks/useSlide';
+import { SlideContext } from '../hooks/use-slide';
 
 /**
  * SlideElementWrapper provides a component for animating slideElements
  * Anything wrapped inside will be affected by the transition.
  *
  * It is currently using useSpring but ideally we will be able to switch
  * to whatever react-spring hook a user desires!
- * 
+ *
  * Note: Immediate is a React-Spring property that we pass to the animations
  * essentially it skips animations.
  */

src/hooks/useDeck.js src/hooks/use-deck.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { DeckContext } from './useDeck';
+import { DeckContext } from './use-deck';
 import debounce from '../utils/debounce';
 
 /**