feat: fix sheet() and add storeis

.storybook/sheet.stories.js

@@ -3,28 +3,28 @@ import {storiesOf} from '@storybook/react';
 const {action} = require('@storybook/addon-actions');
 const {linkTo} = require('@storybook/addon-links');
 const {create} = require('../lib');
-const {addonSheet} = require('../addon/sheet');
+const {addon} = require('../addon/sheet');
 
 const renderer = create(h);
-addonSheet(renderer);
+addon(renderer);
 const {sheet} = renderer;
 
 const styles = sheet({
     tomato: {
-        bd: '1px solid tomato',
+        border: '1px solid tomato',
     },
     yellow: {
-        bd: '1px solid yellow',
+        border: '1px solid yellow',
     },
 }, 'hello');
 
 
 const styles2 = renderer.sheet({
     tomato: {
-        bd: '1px solid tomato',
+        border: '1px solid tomato',
     },
     yellow: {
-        bd: '1px solid yellow',
+        border: '1px solid yellow',
     },
 });
 

.storybook/styled.stories.js

@@ -3,10 +3,10 @@ import {storiesOf} from '@storybook/react';
 const {action} = require('@storybook/addon-actions');
 const {linkTo} = require('@storybook/addon-links');
 const {create} = require('../lib');
-const {addonStyled} = require('../addon/styled');
+const {addon} = require('../addon/styled');
 
 const renderer = create(h);
-addonStyled(renderer);
+addon(renderer);
 const {styled} = renderer;
 
 const RedBorder = styled('div', {

addon/sheet.js

@@ -2,15 +2,15 @@
 
 var hash = require('../lib/hash').hash;
 
-exports.addonSheet = function (renderer) {
+exports.addon = function (renderer) {
     renderer.sheet = function (map, block) {
         var result = {};
 
         if (!block) {
             block = hash(map);
         }
 
-        function onElementModifiler (elementModifier) {
+        var onElementModifier = function (elementModifier) {
             var styles = map[elementModifier];
 
             Object.defineProperty(result, elementModifier, {
@@ -25,10 +25,10 @@ exports.addonSheet = function (renderer) {
                     return classNames;
                 },
             });
-        }
+        };
 
         for (var elementModifier in map) {
-            onElementModifiler(elementModifier);
+            onElementModifier(elementModifier);
         }
 
         return result;

addon/styled.js

@@ -1,6 +1,6 @@
 'use strict';
 
-exports.addonStyled = function (renderer) {
+exports.addon = function (renderer) {
     renderer.styled = function (fn, styles, dynamicTemplate, block) {
         var jsxComponent = renderer.jsx(fn, styles, block);
 

lib/index.js

@@ -12,7 +12,8 @@ exports.create = function (h) {
         raw: '',
         cns: {},
         pfx: '_',
-        cnt: 0
+        cnt: 0,
+        hash: hash,
     };
 
     var putRaw;