#227 moved all dom modules and utils to packages

packages/react-look/docs/Docs.md

@@ -0,0 +1,59 @@
+# Documentation
+
+**The docs reference Version 1.0**.<br>
+For legacy documentation please check [this](https://github.com/rofrischmann/react-look/tree/9a7261b16f9a06e8cd7e64773d19714fd4181219).
+
+The following documentation pages will hopefully solve all your remaining questions and clear out the usage and intention of Look.<br>
+If there's still something I forgot please let me know and don't be shy to ask. You may also create an issue so I can update the docs immediately.
+
+## Table of contents
+
+1. [Getting Started](GettingStarted.md)
+	* 1.1. [Installation](GettingStarted.md#1-installation)
+	* 1.2. [First Component](GettingStarted.md#2-first-component)
+	* 1.3. [Stateless Components](GettingStarted.md#3-stateless-components)
+	* 1.4. [Pseudo classes](GettingStarted.md#4-pseudo-classes)
+	* 1.5. [Media queries](GettingStarted.md#5-media-queries)
+	* 1.6. [Mixins & Plugins](GettingStarted.md#6-mixins--plugins)
+	* 1.7. [Fallback values](GettingStarted.md#7-fallback-values)
+	* 1.8. [Vendor prefixes](GettingStarted.md#8-vendor-prefixes)
+	* 1.9. [Server-side rendering](GettingStarted.md#9-server-side-rendering)
+	* 1.10. [DevTools](GettingStarted.md#10-devtools)
+2. [API Reference](api/)
+	* **2.1. [look](api/Look.md)**
+	* **2.2. [StyleSheet](api/StyleSheet.md)**
+		* [create](api/StyleSheet.md#createstyles)
+		* [combineStyles](api/StyleSheet.md#combinestylesstyles)
+		* [toCSS](api/StyleSheet.md#tocssstyles--scope) <img src="../../../res/deprecated-badge.png" height=15>
+		* [addCSS](api/StyleSheet.md#addcssstyles--scope)
+		* [keyframes](api/StyleSheet.md#keyframesframes--name)
+		* [font](api/StyleSheet.md#fontfontfamily-files--properties)
+	* **2.3. [LookRoot](api/LookRoot.md)**
+	* **2.4. [StyleContainer](api/StyleContainer.md)**
+3. Registry
+	* **3.1. [Plugins](Plugins.md)**
+      * [Fallback Value](plugins/FallbackValue.md)
+      * [Mixin](plugins/Mixin.md)
+      * [Prefixer](plugins/Prefixer.md)
+      * [Stateful Value](plugins/StatefulValue.md)
+      * [Stateful Selector](plugins/StatefulSelector.md)
+  * **3.1.1 [DevTools](Plugins.md#developertools)**
+        * [Friendly ClassName](plugins/FriendlyClassName.md)
+        * [Linter](plugins/Linter.md)
+        * [Style Logger](plugins/StyleLogger.md)
+	* **3.2 [Mixins](Mixins.md)**
+      * [Contains](Mixins.md#contains)
+      * [Extend](Mixins.md#extend)
+      * [Extract CSS](Mixins.md#extract-css)
+      * [Platform Queries](Mixins.md#platform-queries)
+      * [Stateful Conditions](Mixins.md#stateful-conditions)
+      * [Substr](Mixins.md#substr)
+4. [Guides](guides/)
+	* 4.1. [Upgrading Look](guides/upgradeLook.md)
+	* 4.2. [Configuring Look](guides/configureLook.md)
+	* 4.3. [Build your own: Mixin](guides/customMixin.md)
+	* 4.4. [Build your own: Plugin](guides/customPlugin.md)
+5. [FAQ](FAQ.md)
+6. Under The Hood *(incomplete)*
+	* 6.1. How does Look work?
+	* 6.2. How does StyleSheet.create work?

modules/api/dom/LookRoot.js → packages/react-look/modules/api/LookRoot.js

@@ -1,7 +1,8 @@
+import _ from 'lodash'
 import { Component, PropTypes } from 'react'
+
 import StyleContainer from './StyleContainer'
-import resolveStyles from '../../core/dom/resolver'
-import _ from 'lodash'
+import resolveStyles from '../core/resolver'
 
 const contextType = { _lookConfig: PropTypes.object }
 /**

modules/api/dom/StyleContainer.js → packages/react-look/modules/api/StyleContainer.js

@@ -1,8 +1,9 @@
 import _ from 'lodash'
-import prefixer from '../../utils/prefixer'
 import { toCSS } from 'inline-style-transformer'
-import generateHashCode from '../../utils/generateHashCode'
-import sortObject from '../../utils/sortObject'
+
+import generateHashCode from '../utils/generateHashCode'
+import sortObject from '../../../common/utils/sortObject'
+import prefixer from '../utils/prefixer'
 
 /**
  * Abstract helper to add new styles to a Map/Set

modules/api/dom/StyleSheet.js → packages/react-look/modules/api/StyleSheet.js

@@ -1,8 +1,9 @@
-import StyleContainer from './StyleContainer'
-import renderStaticStyles from '../../core/dom/renderer'
-import getFontFormat from '../../utils/getFontFormat'
 import _ from 'lodash'
 
+import StyleContainer from './StyleContainer'
+import renderStaticStyles from '../core/renderer'
+import getFontFormat from '../utils/getFontFormat'
+
 let keyframe = 0
 
 export default {

modules/core/dom/renderer.js → packages/react-look/modules/core/renderer.js

@@ -1,9 +1,10 @@
-import StyleContainer from '../../api/dom/StyleContainer'
-import sortPseudoClasses from '../../utils/sortPseudoClasses'
-import isMediaQuery from '../../utils/isMediaQuery'
-import isPseudo from '../../utils/isPseudo'
 import _ from 'lodash'
 
+import StyleContainer from '../api/StyleContainer'
+import sortPseudoClasses from '../utils/sortPseudoClasses'
+import isMediaQuery from '../utils/isMediaQuery'
+import isPseudo from '../utils/isPseudo'
+
 /**
  * Extracts all possible dynamic styles out of a style object
  * To be able to render all other (static) styles directly to CSS

modules/core/dom/resolver.js → packages/react-look/modules/core/resolver.js

@@ -1,11 +1,11 @@
-import { cloneElement } from 'react'
-import { resolvePlugins, resolveChildren, resolveProps, isLookEnhanced } from '../resolver'
-import extractCSS from '../../mixins/dom/extractCSS'
-import renderStaticStyles from './renderer'
-import StyleContainer from '../../api/dom/StyleContainer'
 import assignStyles from 'assign-styles'
 import _ from 'lodash'
+import { cloneElement } from 'react'
 
+import { resolvePlugins, resolveChildren, resolveProps, isLookEnhanced } from '../../../common/core/resolver'
+import renderStaticStyles from './renderer'
+import extractCSS from '../mixins/extractCSS'
+import StyleContainer from '../api/StyleContainer'
 
 /**
  * Resolves provided styles into style objects

modules/dom.js → packages/react-look/modules/index.js

@@ -1,30 +1,30 @@
 // Plugins
-import prefixer from './plugins/dom/prefixer'
-import staticPrefixer from './plugins/dom/staticPrefixer'
-import fallbackValue from './plugins/dom/fallbackValue'
-import statefulValue from './plugins/statefulValue'
-import statefulSelector from './plugins/dom/statefulSelector'
-import mixin from './plugins/mixin'
+import prefixer from './plugins/prefixer'
+import staticPrefixer from './plugins/staticPrefixer'
+import fallbackValue from './plugins/fallbackValue'
+import statefulValue from '../../common/plugins/statefulValue'
+import statefulSelector from './plugins/statefulSelector'
+import mixin from '../../common/plugins/mixin'
 
 // Dev tools
-import styleLogger from './plugins/styleLogger'
-import linter from './plugins/dom/linter'
-import friendlyClassName from './plugins/dom/friendlyClassName'
+import styleLogger from '../../common/plugins/styleLogger'
+import linter from './plugins/linter'
+import friendlyClassName from './plugins/friendlyClassName'
 
 // Mixins
-import { equal, unEqual, greater, less, greaterThan, lessThan } from './mixins/condition'
-import contains from './mixins/contains'
-import extend from './mixins/extend'
-import substr from './mixins/dom/substr'
-import extractCSS from './mixins/dom/extractCSS'
-import platformQuery from './mixins/dom/platformQuery'
+import { equal, unEqual, greater, less, greaterThan, lessThan } from '../../common/mixins/condition'
+import contains from '../../common/mixins/contains'
+import extend from '../../common/mixins/extend'
+import substr from './mixins/substr'
+import extractCSS from './mixins/extractCSS'
+import platformQuery from './mixins/platformQuery'
 
 // Presets
 import domPreset from './presets/react-dom'
 
-import Enhancer from './core/enhancer'
-import StyleSheet from './api/dom/StyleSheet'
-import LookRoot from './api/dom/LookRoot'
+import Enhancer from '../../common/core/enhancer'
+import StyleSheet from './api/StyleSheet'
+import LookRoot from './api/LookRoot'
 
 // Resolving annotations
 // If not passing arguments it just wraps the Component

modules/mixins/dom/platformQuery.js → packages/react-look/modules/mixins/platformQuery.js

@@ -1,4 +1,4 @@
-import prefixer from '../../utils/prefixer'
+import prefixer from '../utils/prefixer'
 
 // Allows the use of platform queries supported by browser information
 // provided by the inline-style-prefixer

modules/mixins/dom/substr.js → packages/react-look/modules/mixins/substr.js

@@ -1,7 +1,8 @@
 import { createElement } from 'react'
-import getPseudoExpression from '../../utils/getPseudoExpression'
 import _ from 'lodash'
 
+import getPseudoExpression from '../../../common/utils/getPseudoExpression'
+
 // Evaluates if a element contains a given string
 export default ({ property, value, newProps }) => {
   let children = newProps.children

modules/plugins/dom/fallbackValue.js → packages/react-look/modules/plugins/fallbackValue.js

@@ -1,7 +1,8 @@
-import camelToDashCase from '../../utils/camelToDashCase'
 import assignStyles from 'assign-styles'
 import _ from 'lodash'
 
+import camelToDashCase from '../utils/camelToDashCase'
+
 /**
  * Resolves alternative values provided as an Array
  */

modules/plugins/dom/friendlyClassName.js → packages/react-look/modules/plugins/friendlyClassName.js

@@ -1,4 +1,4 @@
-import getChildType from '../../utils/getChildType'
+import getChildType from '../../../common/utils/getChildType'
 
 const classNameTemplate = (Component, element, className) => {
   return Component.constructor.displayName + '-' + getChildType(element) + '--' + className

modules/plugins/dom/linter.js → packages/react-look/modules/plugins/linter.js

@@ -1,5 +1,6 @@
 import Linter from 'inline-style-linter'
-import getChildType from '../../utils/getChildType'
+
+import getChildType from '../../../common/utils/getChildType'
 
 export default function linter({ styles, Component, element, config: { linter } }) {
   const warnings = new Linter(linter).lint(styles)

modules/plugins/dom/prefixer.js → packages/react-look/modules/plugins/prefixer.js

@@ -1,4 +1,4 @@
-import prefixer from '../../utils/prefixer'
+import prefixer from '../utils/prefixer'
 
 /*
  * Adds vendor-prefixes to properties in need of

modules/presets/react-dom.js → packages/react-look/modules/presets/react-dom.js

@@ -1,21 +1,21 @@
 // Plugins
-import mixin from '../plugins/mixin'
-import statefulValue from '../plugins/statefulValue'
-import statefulSelector from '../plugins/dom/statefulSelector'
-import staticPrefixer from '../plugins/dom/staticPrefixer'
-import fallbackValue from '../plugins/dom/fallbackValue'
+import mixin from '../../../common/plugins/mixin'
+import statefulValue from '../../../common/plugins/statefulValue'
+import statefulSelector from '../plugins/statefulSelector'
+import staticPrefixer from '../plugins/staticPrefixer'
+import fallbackValue from '../plugins/fallbackValue'
 
 // CSS extraction
-import extractCSS from '../mixins/dom/extractCSS'
-import platformQuery from '../mixins/dom/platformQuery'
+import extractCSS from '../mixins/extractCSS'
+import platformQuery from '../mixins/platformQuery'
 
 // Conditions
-import { equal, unEqual, greater, less, greaterThan, lessThan } from '../mixins/condition'
+import { equal, unEqual, greater, less, greaterThan, lessThan } from '../../../common/mixins/condition'
 
 // Other
-import contains from '../mixins/contains'
-import substr from '../mixins/dom/substr'
-import extend from '../mixins/extend'
+import contains from '../../../common/mixins/contains'
+import substr from '../mixins/substr'
+import extend from '../../../common/mixins/extend'
 
 export default {
   plugins: [

modules/utils/prefixer.js → packages/react-look/modules/utils/prefixer.js

@@ -9,7 +9,11 @@ let prefixer
  */
 export default userAgent => {
   if (!prefixer) {
-    prefixer = new Prefixer({ userAgent: userAgent })
+    if (userAgent !== undefined) {
+      prefixer = new Prefixer({ userAgent: userAgent })
+    } else {
+      prefixer = new Prefixer()
+    }
   }
   // replace userAgent if config provides alternative one
   if (prefixer._userAgent !== userAgent && userAgent !== undefined) {