Add alias for ui and remove SASS support

website/src/App.js

@@ -3,7 +3,7 @@ import { Login, Logout, ResetPassword, ForgotPassword, ConfirmEmail, ProtectedRo
 import { Home } from './Home'
 import { Profile } from './Profile'
 import { Users } from './Users'
-import { Column, Row, Image, Text, Icon, Box } from './ui'
+import { Column, Row, Image, Text, Icon, Box } from 'ui'
 import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
 import logoImage from 'images/logo.png'
 import { versionInfo } from './version'

website/src/Auth/ForgotPassword.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { regExpPattern } from 'regexp-pattern'
-import { Text, Column } from '../ui'
+import { Text, Column } from 'ui'
 import { MessageDialog, WaitDialog } from '../Dialog'
 import { Validator, ValidatedInput, ValidatedButton } from '../Validated'
 import { api } from '../helpers'

website/src/Auth/Login.js

@@ -4,7 +4,7 @@ import { regExpPattern } from 'regexp-pattern'
 import { api } from '../helpers'
 import { Validator, ValidatedInput, ValidatedCheckbox, ValidatedButton } from '../Validated'
 import { WaitDialog, MessageDialog } from '../Dialog'
-import { Image, Link, Text, Column } from '../ui'
+import { Image, Link, Text, Column } from 'ui'
 import headerLogo from 'images/deighton.png'
 
 export class Login extends React.Component {

website/src/Auth/ResetPassword.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Text, Column } from '../ui'
+import { Text, Column } from 'ui'
 import { Validator, ValidatedInput, ValidatedButton } from '../Validated'
 import { MessageDialog, WaitDialog } from '../Dialog'
 import { api } from '../helpers'

website/src/Dialog/ChangeEmailDialog.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { autoBind } from 'auto-bind2'
-import { Modal, Button, Icon, Column, Text } from '../ui'
+import { Modal, Button, Icon, Column, Text } from 'ui'
 import { ValidatedInput, ValidatedButton, Validator } from '../Validated'
 import { regExpPattern } from 'regexp-pattern'
 

website/src/Dialog/ChangePasswordDialog.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { autoBind } from 'auto-bind2'
-import { Modal, Button, Icon, Column, Row, Text } from '../ui'
+import { Modal, Button, Icon, Column, Row, Text } from 'ui'
 import { ValidatedInput, ValidatedActionsButton, Validator } from '../Validated'
 
 export class ChangePasswordDialog extends React.Component {

website/src/Dialog/MessageDialog.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Modal, Button, Icon, Column, Text } from '../ui'
+import { Modal, Button, Icon, Column, Text } from 'ui'
 
 export class MessageDialog extends React.Component {
   static propTypes = {

website/src/Dialog/WaitDialog.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Dimmer, Loader, Text } from '../ui'
+import { Dimmer, Loader, Text } from 'ui'
 
 export class WaitDialog extends React.Component {
   static propTypes = {

website/src/Dialog/YesNoMessageDialog.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Modal, Button, Column, Text, Icon } from '../ui'
+import { Modal, Button, Column, Text, Icon } from 'ui'
 
 export class YesNoMessageDialog extends React.Component {
   static propTypes = {

website/src/Profile/ProfileForm.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Column, Button } from '../ui'
+import { Column, Button } from 'ui'
 import { regExpPattern } from 'regexp-pattern'
 import { Validator, ValidatedInput, ValidatedButton } from '../Validated'
 

website/src/Users/UserForm.js

@@ -5,7 +5,7 @@ import { regExpPattern } from 'regexp-pattern'
 import { ValidatedEmailIcon } from './ValidatedEmailIcon'
 import { Constants, api } from '../helpers'
 import { Validator, ValidatedInput, ValidatedButton, ValidatedCheckbox } from '../Validated'
-import { Column } from '../ui'
+import { Column } from 'ui'
 
 export class UserForm extends React.Component {
   static propTypes = {

website/src/Users/UserList.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Dropdown, List, Icon, Button, Image } from '../ui'
+import { Dropdown, List, Icon, Button, Image } from 'ui'
 import { Constants, api } from '../helpers'
 import './UserList.scss'
 

website/src/Users/Users.js

@@ -4,7 +4,7 @@ import { UserList } from './UserList'
 import { UserForm } from './UserForm'
 import { UserFormPlaceholder } from './UserFormPlaceholder'
 import { api } from '../helpers'
-import { Row } from '../ui'
+import { Row } from 'ui'
 import { YesNoMessageDialog, MessageDialog, ChangeEmailDialog, WaitDialog } from '../Dialog'
 
 export class Users extends React.Component {

website/src/Users/ValidatedEmailIcon.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Label, Button, Icon } from '../ui'
+import { Label, Button, Icon } from 'ui'
 import './ValidatedEmailIcon.scss'
 
 // This is a validated component with a value that cannot change itself and is specialized

website/src/Validated/ValidatedActionsButton.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Button } from '../ui'
+import { Button } from 'ui'
 
 export class ValidatedActionsButton extends React.Component {
   static propTypes = {

website/src/Validated/ValidatedButton.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Button } from '../ui'
+import { Button } from 'ui'
 
 export class ValidatedButton extends React.Component {
   static propTypes = {

website/src/Validated/ValidatedCheckbox.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Checkbox, Label } from '../ui'
+import { Checkbox, Label } from 'ui'
 
 // This is an example of a validated component with a value that can change itself, that cannot ever be invalid.
 

website/src/Validated/ValidatedDropdown.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Dropdown, Text } from '../ui'
+import { Dropdown, Text } from 'ui'
 
 export class ValidatedDropdown extends React.Component {
   static propTypes = {

website/src/Validated/ValidatedInput.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Input, Label, Text } from '../ui'
+import { Input, Label, Text } from 'ui'
 
 // This is an example of a validated component with a value that changes itself
 

website/src/ui/Modal.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import style from './Modal.style'
 import Radium from 'radium'
-import { Dimmer } from '../ui'
+import { Dimmer } from 'ui'
 
 class Modal extends Component {
   static propTypes = {