Breaking changes to speed up initialization.

Don't create styles striing or init components when creating Typography object

Fixes #22

Author: KyleAMathews

src/components/TypographyStyle.coffee

@@ -13,5 +13,5 @@ module.exports = (styles) ->
       React.DOM.style({
         id: "typography.js"
         dangerouslySetInnerHTML:
-          __html: styles
+          __html: styles()
       })

src/index.coffee

@@ -2,12 +2,23 @@ React = require 'react'
 objectAssign = require('object-assign')
 VerticalRhythm = require 'compass-vertical-rhythm'
 ms = require 'modularscale'
-isArray = require 'is-array'
 isObject = require 'isobject'
 copy = require 'shallow-copy'
 
 createStyles = require('./utils/createStyles')
 
+createStylesString = (options) ->
+  # Create styles for base theme + each subtheme.
+  vr = VerticalRhythm(options)
+  styles = createStyles(vr, options)
+
+  if options.subThemes? and isObject(options.subThemes)
+    for name, theme of options.subThemes
+      vr = VerticalRhythm(theme)
+      styles += createStyles(vr, theme, name, options)
+
+  return styles
+
 module.exports = test = (options) ->
   defaults =
     baseFontSize: '18px'
@@ -39,32 +50,22 @@ module.exports = test = (options) ->
     for name, theme of options.subThemes
       options.subThemes[name] = objectAssign(copy(options), theme, rhythmUnit: 'px')
 
-  unless isArray options.modularScales
-    options.modularScales = [options.modularScales]
-
-  # Create styles for base theme + each subtheme.
   vr = VerticalRhythm(options)
-  styles = createStyles(vr, options)
-
-  if options.subThemes? and isObject(options.subThemes)
-    for name, theme of options.subThemes
-      vr = VerticalRhythm(theme)
-      styles += createStyles(vr, theme, name, options)
 
   return {
     options: options
-    GoogleFont: require('./components/GoogleFont')(options)
-    TypographyStyle: require('./components/TypographyStyle')(styles)
+    GoogleFont: -> require('./components/GoogleFont')(options)
+    TypographyStyle: -> require('./components/TypographyStyle')(-> createStylesString(options))
     rhythm: vr.rhythm
-    styles: styles
+    createStyles: -> createStylesString(options)
     fontSizeToPx: vr.adjustFontSizeTo
     fontSizeToMS: (scaler) ->
       baseFont = options.baseFontSize.slice(0, -2)
       newFontSize = ms(scaler, options.modularScales[0]) * baseFont + "px"
       vr.adjustFontSizeTo(newFontSize)
     injectStyles: ->
       node = document.createElement('style')
-      node.innerHTML = styles
+      node.innerHTML = createStylesString()
       document.head.appendChild(node)
   }
 
@@ -74,4 +75,4 @@ module.exports = test = (options) ->
     #blog:
       #baseFontSize: '18px'
       #bodyFontFamily: 'Open Sans'
-#}).styles
+#}).createStyles()