Fix CommonJS constant import

INPUT and NAVIGATION

Author: interactivellama

components/input/__docs__/storybook-stories.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { storiesOf, action } from '@storybook/react';
 
-import { FORMS_INPUT } from '../../../utilities/constants';
+import { INPUT } from '../../../utilities/constants';
 import Button from '../../button';
 import IconSettings from '../../icon-settings';
 import Input from '../';
@@ -38,7 +38,7 @@ const searchIconClickable = (
 	/>
 );
 
-storiesOf(FORMS_INPUT, module)
+storiesOf(INPUT, module)
 	.addDecorator((getStory) => (
 		<div className="slds-p-around--medium">{getStory()}</div>
 	))

components/input/index.jsx

@@ -34,7 +34,7 @@ import Label from '../utilities/label';
 // This component's `checkProps` which issues warnings to developers about properties when in development mode (similar to React's built in development tools)
 import checkProps from './check-props';
 
-import { FORMS_INPUT } from '../../utilities/constants';
+import { INPUT } from '../../utilities/constants';
 
 const defaultProps = {
 	assistiveText: {
@@ -47,7 +47,7 @@ const defaultProps = {
  * The HTML `input` with a label and error messaging.
  */
 const Input = createReactClass({
-	displayName: FORMS_INPUT,
+	displayName: INPUT,
 
 	propTypes: {
 		/**

components/navigation/index.jsx

@@ -4,9 +4,9 @@
 // Alias
 import VerticalNavigation from '../vertical-navigation';
 import componentHasMoved from '../../utilities/warning/component-has-moved';
-import { NAVIGATION } from '../../utilities/constants';
+import { VERTICAL_NAVIGATION } from '../../utilities/constants';
 
-componentHasMoved(NAVIGATION, {
+componentHasMoved(VERTICAL_NAVIGATION, {
 	oldFileLocation: 'components/navigation',
 	newFileLocation: 'components/vertical-navigation',
 });

utilities/constants.js

@@ -35,7 +35,7 @@ export const DIALOG = 'SLDSDialog';
 export const FILTER = 'SLDSFilter';
 export const FORMS_CHECKBOX = 'SLDSCheckbox';
 export const FORMS_INLINE_EDIT = 'SLDSInlineEdit';
-export const FORMS_INPUT = 'SLDSInput';
+export const INPUT = 'SLDSInput';
 export const FORMS_TEXTAREA = 'SLDSTextarea';
 export const FORMS_SEARCH = 'SLDSSearch';
 export const GLOBAL_HEADER = 'SLDSGlobalHeader';