use kebab-case consistently throughout project

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 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}>

examples/MDX/test-mdx.js → examples/mdx/test-mdx.js

@@ -1,7 +1,7 @@
 import React from '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';
 

mdx-slide-loader.js

@@ -126,7 +126,7 @@ ${inlineModules
   /*
   Step 10:
   * Finally, declare the default export as an array of the slide components.
-  * See /examples/MDX/TestMDX.js for how to import and use the generated slide
+  * See /examples/mdx/test-mdx.js for how to import and use the generated slide
   * components.
   */
   const footer = `export const slideCount = ${slides.length};\n\n

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 → 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/SlideElementWrapper.js → src/components/slide-element-wrapper.js

@@ -2,7 +2,7 @@ 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

src/components/Slide.js → 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/hooks/useSlide.js → src/hooks/use-slide.js

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