chore: introduce imports ordering (#5463)

packages/netlify-cms-ui-default/src/AuthenticationPage.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
+
 import Icon from './Icon';
 import { buttons, shadows } from './styles';
 import GoBackButton from './GoBackButton';

packages/netlify-cms-ui-default/src/Dropdown.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { css } from '@emotion/core';
 import styled from '@emotion/styled';
 import { Wrapper, Button as DropdownButton, Menu, MenuItem } from 'react-aria-menubutton';
+
 import { colors, buttons, components, zIndex } from './styles';
 import Icon from './Icon';
 

packages/netlify-cms-ui-default/src/FieldLabel.js

@@ -1,4 +1,5 @@
 import styled from '@emotion/styled';
+
 import { colors, colorsRaw, transitions, text } from './styles';
 
 const stateColors = {

packages/netlify-cms-ui-default/src/Icon.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
+
 import icons from './Icon/icons';
 
 const IconWrapper = styled.span`

packages/netlify-cms-ui-default/src/Icon/icons.js

@@ -1,4 +1,5 @@
 import mapValues from 'lodash/mapValues';
+
 import images from './images/_index';
 
 /**

packages/netlify-cms-ui-default/src/IconButton.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import styled from '@emotion/styled';
+
 import Icon from './Icon';
 import { buttons, colors, colorsRaw, shadows } from './styles';
 

packages/netlify-cms-ui-default/src/ListItemTopBar.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
+
 import Icon from './Icon';
 import { colors, lengths, buttons } from './styles';
 

packages/netlify-cms-ui-default/src/Loader.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import { css, keyframes } from '@emotion/core';
 import { CSSTransition } from 'react-transition-group';
+
 import { colors, zIndex } from './styles';
 
 const styles = {

packages/netlify-cms-ui-default/src/ObjectWidgetTopBar.js

@@ -2,10 +2,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import { css } from '@emotion/core';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+
 import Icon from './Icon';
 import { colors, buttons } from './styles';
 import Dropdown, { StyledDropdownButton, DropdownItem } from './Dropdown';
-import ImmutablePropTypes from 'react-immutable-proptypes';
 
 const TopBarContainer = styled.div`
   align-items: center;

packages/netlify-cms-ui-default/src/Toggle.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import { css } from '@emotion/core';
 import ReactToggled from 'react-toggled';
+
 import { colors, colorsRaw, shadows, transitions } from './styles';
 
 const ToggleContainer = styled.button`