fix: fix atoms addon

Author: streamich

.storybook/atoms.stories.js

@@ -0,0 +1,19 @@
+import {createElement as h} from 'react';
+import {storiesOf} from '@storybook/react';
+const {action} = require('@storybook/addon-actions');
+const {linkTo} = require('@storybook/addon-links');
+const {create} = require('../lib');
+const {addon} = require('../addon/atoms');
+
+const renderer = create(h);
+addon(renderer);
+const {rule} = renderer;
+
+const className = rule({
+    bd: '1px solid red'
+}, 'atoms');
+
+storiesOf('Atoms', module)
+    .add('Default', () =>
+        h('div', {className}, 'Red')
+    )

addon/atoms.js

@@ -50,8 +50,8 @@ var atoms = {
 };
 
 exports.addon = function (renderer) {
-    var originalKey = renderer.key;
-    renderer.key = function (key, value) {
-        return originalKey(atoms[key] || key, value);
+    var originalDecl = renderer.decl;
+    renderer.decl = function (key, value) {
+        return originalDecl(atoms[key] || key, value);
     };
 };

lib/index.js

@@ -60,7 +60,7 @@ exports.create = function (h) {
     var fromCache = function (styles) {
         if (!styles) return '';
 
-        var key = hash(styles);
+        var key = renderer.hash(styles);
 
         if (!cache[key]) {
             cache[key] = renderer.rule(styles, key);
@@ -71,7 +71,7 @@ exports.create = function (h) {
 
     renderer.rule = function(styles, block) {
         if (!block) {
-            block = hash(styles);
+            block = renderer.hash(styles);
         }
 
         if (isClient) {