feat(utils/sui-tokens): first attempt

components/atom/helpText/src/index.scss

@@ -1,4 +1,3 @@
-@import '~@s-ui/theme/lib/settings';
 @import '~@s-ui/theme/lib/index';
 
 @import './styles/settings.scss';

components/atom/tag/demo/index.js

@@ -4,9 +4,9 @@ import ArticleActionable from './articles/ArticleActionable.js'
 import ArticleDesign from './articles/ArticleDesign.js'
 import ArticleIcons from './articles/ArticleIcons.js'
 import ArticleIsFitted from './articles/ArticleIsFitted.js'
+import ArticleResponsive from './articles/ArticleResponsive.js'
 import ArticleSize from './articles/ArticleSize.js'
 import ArticleTypes from './articles/ArticleTypes.js'
-import ArticleResponsive from './articles/ArticleResponsive.js'
 import {CLASS_SECTION, closeIcon, icon} from './settings.js'
 
 import './index.scss'

components/atom/validationText/src/index.scss

@@ -1,4 +1,3 @@
-@import '~@s-ui/theme/lib/settings';
 @import '~@s-ui/theme/lib/index';
 
 @import './styles/settings.scss';

components/molecule/photoUploader/src/ThumbCard/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types'
 
 import AtomIcon, {ATOM_ICON_SIZES} from '@s-ui/react-atom-icon'
 
+import {DEFAULT_VIEW_TYPE, VIEW_TYPE} from './../config.js'
 import {
   ACTION_THUMB_CARD_CLASS_NAME,
   BUTTON_THUMB_CARD_CLASS_NAME,
@@ -12,8 +13,6 @@ import {
   THUMB_CARD_CLASS_NAME
 } from './config.js'
 
-import {DEFAULT_VIEW_TYPE, VIEW_TYPE} from './../config.js'
-
 const ThumbCard = ({
   iconSize = ATOM_ICON_SIZES.small,
   callbackDeleteItem,

components/molecule/photoUploader/src/index.js

@@ -24,12 +24,12 @@ import {
   DEFAULT_MAX_IMAGE_HEIGHT,
   DEFAULT_MAX_IMAGE_WIDTH,
   DEFAULT_NOTIFICATION_ERROR,
+  DEFAULT_VIEW_TYPE,
   DRAG_STATE_STATUS_REJECTED,
   DROPZONE_CLASS_NAME,
   REJECT_FILES_REASONS,
   ROTATION_DIRECTION,
-  VIEW_TYPE,
-  DEFAULT_VIEW_TYPE
+  VIEW_TYPE
 } from './config.js'
 import {filterValidFiles, loadInitialPhotos, prepareFiles} from './fileTools.js'
 

components/molecule/select/src/components/SingleSelection.js

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types'
 
 import AtomInput, {inputTypes} from '@s-ui/react-atom-input'
 import MoleculeDropdownList from '@s-ui/react-molecule-dropdown-list'
-import {CLASS_SEARCH_CONTAINER} from './config.js'
 
 import {
-  useDropdown,
+  SELECT_DROPDOWN_LIST_SIZES as dropdownListSizes,
   SELECT_INPUT_SIZES as inputSizes,
-  SELECT_DROPDOWN_LIST_SIZES as dropdownListSizes
+  useDropdown
 } from '../config.js'
+import {CLASS_SEARCH_CONTAINER} from './config.js'
 import MoleculeInputSelect from './MoleculeInputSelect.js'
 import Search from './Search.js'
 

components/molecule/select/src/index.js

@@ -23,10 +23,10 @@ import {
   ENABLED_KEYS,
   getClassName,
   getOptionData,
-  SELECT_STATES,
-  SELECTION_KEYS,
+  SELECT_DROPDOWN_LIST_SIZES,
   SELECT_INPUT_SIZES,
-  SELECT_DROPDOWN_LIST_SIZES
+  SELECT_STATES,
+  SELECTION_KEYS
 } from './config.js'
 
 const useFunctionalRef = () => useReducer((_s, node) => node, null)

components/molecule/selectPopover/src/components/SelectIcon.js

@@ -1,5 +1,7 @@
 import PropTypes from 'prop-types'
+
 import AtomButton, {atomButtonDesigns, atomButtonShapes, atomButtonSizes} from '@s-ui/react-atom-button'
+
 import {BASE_CLASS} from '../config.js'
 
 const NO_OP = () => {}

components/molecule/selectPopover/src/index.js

@@ -5,9 +5,9 @@ import PropTypes from 'prop-types'
 
 import usePortal from '@s-ui/react-hook-use-portal'
 
+import SelectIcon from './components/SelectIcon.js'
 import {BASE_CLASS, getPlacement, OVERLAY_TYPES, PLACEMENTS, SHAPES, SIZES} from './config.js'
 import RenderActions from './RenderActions.js'
-import SelectIcon from './components/SelectIcon.js'
 
 function usePrevious(value) {
   const ref = useRef()

components/molecule/selectPopover/test/index.test.js

@@ -9,14 +9,14 @@ import ReactDOM from 'react-dom'
 
 import chai, {expect} from 'chai'
 import chaiDOM from 'chai-dom'
+import sinon from 'sinon'
 
 import {fireEvent} from '@testing-library/react'
 
-import sinon from 'sinon'
+import IconClose from '../../../atom/popover/demo/Icons/IconClose.js'
 import json from '../package.json'
 import {PLACEMENTS} from '../src/config.js'
 import * as pkg from '../src/index.js'
-import IconClose from '../../../atom/popover/demo/Icons/IconClose.js'
 
 chai.use(chaiDOM)
 

components/molecule/stepper/src/Step/DefaultStep.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 
 import {naturalNumber} from '../prop-types.js'
 import {ALIGNMENT, DESIGN} from '../settings.js'
-import {BASE_CLASS_STEP_LABEL, BASE_CLASS_STEP_ICON, getIcon, getLabel} from './settings.js'
+import {BASE_CLASS_STEP_ICON, BASE_CLASS_STEP_LABEL, getIcon, getLabel} from './settings.js'
 
 const DefaultStep = ({
   alignment,