Sharing global styles

app/scenes/Document/Document.js

@@ -7,7 +7,7 @@ import { observer, inject } from 'mobx-react';
 import { withRouter, Prompt } from 'react-router';
 import keydown from 'react-keydown';
 import Flex from 'components/Flex';
-import { color, layout } from 'styles/constants';
+import { color, layout } from 'shared/styles/constants';
 import {
   collectionUrl,
   updateDocumentUrl,

app/scenes/Document/components/DocumentMove/DocumentMove.js

@@ -8,7 +8,7 @@ import { Search } from 'js-search';
 import ArrowKeyNavigation from 'boundless-arrow-key-navigation';
 import _ from 'lodash';
 import styled from 'styled-components';
-import { size } from 'styles/constants';
+import { size } from 'shared/styles/constants';
 
 import Modal from 'components/Modal';
 import Input from 'components/Input';

app/scenes/Document/components/DocumentMove/components/PathToDocument.js

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react';
 import invariant from 'invariant';
 import _ from 'lodash';
 import styled from 'styled-components';
-import { color } from 'styles/constants';
+import { color } from 'shared/styles/constants';
 
 import Flex from 'components/Flex';
 import GoToIcon from 'components/Icon/GoToIcon';

app/scenes/Document/components/LoadingPlaceholder/LoadingPlaceholder.js

@@ -2,8 +2,8 @@
 import React from 'react';
 import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
 import styled from 'styled-components';
-import { pulsate } from 'styles/animations';
-import { color } from 'styles/constants';
+import { pulsate } from 'shared/styles/animations';
+import { color } from 'shared/styles/constants';
 import Flex from 'components/Flex';
 
 import { randomInteger } from 'utils/random';

app/scenes/Search/components/SearchField.js

@@ -2,7 +2,7 @@
 import React, { Component } from 'react';
 import SearchIcon from 'components/Icon/SearchIcon';
 import Flex from 'components/Flex';
-import { color } from 'styles/constants';
+import { color } from 'shared/styles/constants';
 import styled from 'styled-components';
 
 class SearchField extends Component {

app/scenes/Search/components/SearchField/index.js

@@ -1,3 +0,0 @@
-// @flow
-import SearchField from './SearchField';
-export default SearchField;

app/scenes/Settings/Settings.js

@@ -5,7 +5,7 @@ import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 import ApiKeyRow from './components/ApiKeyRow';
 import SettingsStore from './SettingsStore';
-import { color } from 'styles/constants';
+import { color } from 'shared/styles/constants';
 
 import Flex from 'components/Flex';
 import Button from 'components/Button';

app/scenes/Settings/components/ApiKeyRow.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
 import styled from 'styled-components';
-import { color } from 'styles/constants';
+import { color } from 'shared/styles/constants';
 
 type Props = {
   id: string,

app/scenes/Settings/components/ApiKeyRow/index.js

@@ -1,3 +0,0 @@
-// @flow
-import ApiKeyRow from './ApiKeyRow';
-export default ApiKeyRow;