@bufferapp/components - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

Button/index.jsx

@@ -8,2 +8,3 @@ import React, { PropTypes } from 'react';
   children,
+  fillContainer,
   large,
@@ -23,2 +24,3 @@ onClick,
     warning,
+    'fill-container': fillContainer,
   });
@@ -38,2 +40,3 @@ return (
   borderless: PropTypes.bool,
+  fillContainer: PropTypes.bool,
   large: PropTypes.bool,
@@ -40,0 +43,0 @@ onClick: PropTypes.func,

Button/story.jsx

@@ -48,2 +48,7 @@ import React from 'react';
   ))
+  .add('fillContainer', () => (
+    <div style={{ boxSizing: 'border-box' }}>
+      <Button fillContainer>Max WIDTH</Button>
+    </div>
+  ))
   .add('onClick event', () => (
@@ -50,0 +55,0 @@ <Button

coverage/coverage-final.json

@@ -1,3 +0,3 @@
-{"/Users/hharnisch/Documents/Buffer/buffer-components/Button/index.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Button/index.jsx","statementMap":{"0":{"start":{"line":5,"column":15},"end":{"line":31,"column":1}},"1":{"start":{"line":15,"column":18},"end":{"line":22,"column":4}},"2":{"start":{"line":23,"column":2},"end":{"line":30,"column":4}},"3":{"start":{"line":33,"column":0},"end":{"line":42,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":15},"end":{"line":5,"column":16}},"loc":{"start":{"line":14,"column":6},"end":{"line":31,"column":1}}}},"branchMap":{},"s":{"0":1,"1":15,"2":15,"3":1},"f":{"0":15},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"7e03a650b7ab2d22255fbc5d4eb9e9eab3a44065"}
-,"/Users/hharnisch/Documents/Buffer/buffer-components/Button/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Button/story.jsx","statementMap":{"0":{"start":{"line":8,"column":0},"end":{"line":54,"column":5}},"1":{"start":{"line":10,"column":4},"end":{"line":10,"column":32}},"2":{"start":{"line":13,"column":4},"end":{"line":13,"column":43}},"3":{"start":{"line":16,"column":4},"end":{"line":31,"column":10}},"4":{"start":{"line":34,"column":4},"end":{"line":34,"column":38}},"5":{"start":{"line":37,"column":4},"end":{"line":37,"column":42}},"6":{"start":{"line":40,"column":4},"end":{"line":40,"column":38}},"7":{"start":{"line":43,"column":4},"end":{"line":43,"column":41}},"8":{"start":{"line":46,"column":4},"end":{"line":46,"column":40}},"9":{"start":{"line":49,"column":4},"end":{"line":53,"column":13}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":9,"column":18},"end":{"line":9,"column":19}},"loc":{"start":{"line":10,"column":4},"end":{"line":10,"column":32}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":12,"column":21},"end":{"line":12,"column":22}},"loc":{"start":{"line":13,"column":4},"end":{"line":13,"column":43}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":15,"column":19},"end":{"line":15,"column":20}},"loc":{"start":{"line":16,"column":4},"end":{"line":31,"column":10}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":33,"column":16},"end":{"line":33,"column":17}},"loc":{"start":{"line":34,"column":4},"end":{"line":34,"column":38}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":36,"column":20},"end":{"line":36,"column":21}},"loc":{"start":{"line":37,"column":4},"end":{"line":37,"column":42}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":39,"column":16},"end":{"line":39,"column":17}},"loc":{"start":{"line":40,"column":4},"end":{"line":40,"column":38}}},"6":{"name":"(anonymous_6)","decl":{"start":{"line":42,"column":19},"end":{"line":42,"column":20}},"loc":{"start":{"line":43,"column":4},"end":{"line":43,"column":41}}},"7":{"name":"(anonymous_7)","decl":{"start":{"line":45,"column":18},"end":{"line":45,"column":19}},"loc":{"start":{"line":46,"column":4},"end":{"line":46,"column":40}}},"8":{"name":"(anonymous_8)","decl":{"start":{"line":48,"column":24},"end":{"line":48,"column":25}},"loc":{"start":{"line":49,"column":4},"end":{"line":53,"column":13}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1},"f":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"ffa3f144ee9b98945c637029aac1d82537466a29"}
+{"/Users/hharnisch/Documents/Buffer/buffer-components/Button/index.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Button/index.jsx","statementMap":{"0":{"start":{"line":5,"column":15},"end":{"line":33,"column":1}},"1":{"start":{"line":16,"column":18},"end":{"line":24,"column":4}},"2":{"start":{"line":25,"column":2},"end":{"line":32,"column":4}},"3":{"start":{"line":35,"column":0},"end":{"line":45,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":15},"end":{"line":5,"column":16}},"loc":{"start":{"line":15,"column":6},"end":{"line":33,"column":1}}}},"branchMap":{},"s":{"0":1,"1":16,"2":16,"3":1},"f":{"0":16},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"a243f42a58ed00e7c77040d3d006d40f11288e12"}
+,"/Users/hharnisch/Documents/Buffer/buffer-components/Button/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Button/story.jsx","statementMap":{"0":{"start":{"line":8,"column":0},"end":{"line":59,"column":5}},"1":{"start":{"line":10,"column":4},"end":{"line":10,"column":32}},"2":{"start":{"line":13,"column":4},"end":{"line":13,"column":43}},"3":{"start":{"line":16,"column":4},"end":{"line":31,"column":10}},"4":{"start":{"line":34,"column":4},"end":{"line":34,"column":38}},"5":{"start":{"line":37,"column":4},"end":{"line":37,"column":42}},"6":{"start":{"line":40,"column":4},"end":{"line":40,"column":38}},"7":{"start":{"line":43,"column":4},"end":{"line":43,"column":41}},"8":{"start":{"line":46,"column":4},"end":{"line":46,"column":40}},"9":{"start":{"line":49,"column":4},"end":{"line":51,"column":10}},"10":{"start":{"line":54,"column":4},"end":{"line":58,"column":13}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":9,"column":18},"end":{"line":9,"column":19}},"loc":{"start":{"line":10,"column":4},"end":{"line":10,"column":32}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":12,"column":21},"end":{"line":12,"column":22}},"loc":{"start":{"line":13,"column":4},"end":{"line":13,"column":43}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":15,"column":19},"end":{"line":15,"column":20}},"loc":{"start":{"line":16,"column":4},"end":{"line":31,"column":10}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":33,"column":16},"end":{"line":33,"column":17}},"loc":{"start":{"line":34,"column":4},"end":{"line":34,"column":38}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":36,"column":20},"end":{"line":36,"column":21}},"loc":{"start":{"line":37,"column":4},"end":{"line":37,"column":42}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":39,"column":16},"end":{"line":39,"column":17}},"loc":{"start":{"line":40,"column":4},"end":{"line":40,"column":38}}},"6":{"name":"(anonymous_6)","decl":{"start":{"line":42,"column":19},"end":{"line":42,"column":20}},"loc":{"start":{"line":43,"column":4},"end":{"line":43,"column":41}}},"7":{"name":"(anonymous_7)","decl":{"start":{"line":45,"column":18},"end":{"line":45,"column":19}},"loc":{"start":{"line":46,"column":4},"end":{"line":46,"column":40}}},"8":{"name":"(anonymous_8)","decl":{"start":{"line":48,"column":24},"end":{"line":48,"column":25}},"loc":{"start":{"line":49,"column":4},"end":{"line":51,"column":10}}},"9":{"name":"(anonymous_9)","decl":{"start":{"line":53,"column":24},"end":{"line":53,"column":25}},"loc":{"start":{"line":54,"column":4},"end":{"line":58,"column":13}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1},"f":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"7d7ebdb8b2ba75c0683d42bd7fab0c575ac10606"}
 ,"/Users/hharnisch/Documents/Buffer/buffer-components/Card/index.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Card/index.jsx","statementMap":{"0":{"start":{"line":5,"column":13},"end":{"line":25,"column":1}},"1":{"start":{"line":13,"column":18},"end":{"line":19,"column":4}},"2":{"start":{"line":20,"column":2},"end":{"line":24,"column":4}},"3":{"start":{"line":27,"column":0},"end":{"line":34,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":13},"end":{"line":5,"column":14}},"loc":{"start":{"line":12,"column":6},"end":{"line":25,"column":1}}}},"branchMap":{},"s":{"0":1,"1":6,"2":6,"3":1},"f":{"0":6},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"bac6e959bdde76a05cb285025c0b9b35e04e03a5"}
@@ -7,4 +7,4 @@ ,"/Users/hharnisch/Documents/Buffer/buffer-components/Card/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Card/story.jsx","statementMap":{"0":{"start":{"line":5,"column":0},"end":{"line":23,"column":5}},"1":{"start":{"line":7,"column":4},"end":{"line":7,"column":145}},"2":{"start":{"line":10,"column":4},"end":{"line":10,"column":159}},"3":{"start":{"line":13,"column":4},"end":{"line":13,"column":46}},"4":{"start":{"line":16,"column":4},"end":{"line":16,"column":152}},"5":{"start":{"line":19,"column":4},"end":{"line":19,"column":154}},"6":{"start":{"line":22,"column":4},"end":{"line":22,"column":155}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":18},"end":{"line":6,"column":19}},"loc":{"start":{"line":7,"column":4},"end":{"line":7,"column":145}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":9,"column":24},"end":{"line":9,"column":25}},"loc":{"start":{"line":10,"column":4},"end":{"line":10,"column":159}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":12,"column":16},"end":{"line":12,"column":17}},"loc":{"start":{"line":13,"column":4},"end":{"line":13,"column":46}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":15,"column":17},"end":{"line":15,"column":18}},"loc":{"start":{"line":16,"column":4},"end":{"line":16,"column":152}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":18,"column":19},"end":{"line":18,"column":20}},"loc":{"start":{"line":19,"column":4},"end":{"line":19,"column":154}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":21,"column":20},"end":{"line":21,"column":21}},"loc":{"start":{"line":22,"column":4},"end":{"line":22,"column":155}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1},"f":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"84ad1f49a3db5a93f0396f9b7db07564c378c38d"}
 ,"/Users/hharnisch/Documents/Buffer/buffer-components/Icon/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Icon/story.jsx","statementMap":{"0":{"start":{"line":5,"column":0},"end":{"line":27,"column":5}},"1":{"start":{"line":7,"column":4},"end":{"line":9,"column":6}},"2":{"start":{"line":12,"column":4},"end":{"line":14,"column":6}},"3":{"start":{"line":17,"column":4},"end":{"line":20,"column":6}},"4":{"start":{"line":23,"column":4},"end":{"line":26,"column":6}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":17},"end":{"line":6,"column":18}},"loc":{"start":{"line":7,"column":4},"end":{"line":9,"column":6}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":11,"column":25},"end":{"line":11,"column":26}},"loc":{"start":{"line":12,"column":4},"end":{"line":14,"column":6}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":16,"column":16},"end":{"line":16,"column":17}},"loc":{"start":{"line":17,"column":4},"end":{"line":20,"column":6}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":22,"column":16},"end":{"line":22,"column":17}},"loc":{"start":{"line":23,"column":4},"end":{"line":26,"column":6}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1,"3":1,"4":1},"f":{"0":1,"1":1,"2":1,"3":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"f084087a466044935544e1aa571ee51eda69914a"}
-,"/Users/hharnisch/Documents/Buffer/buffer-components/Image/index.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Image/index.jsx","statementMap":{"0":{"start":{"line":6,"column":14},"end":{"line":21,"column":1}},"1":{"start":{"line":7,"column":18},"end":{"line":10,"column":4}},"2":{"start":{"line":12,"column":2},"end":{"line":20,"column":4}},"3":{"start":{"line":24,"column":0},"end":{"line":30,"column":2}},"4":{"start":{"line":32,"column":0},"end":{"line":34,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":14},"end":{"line":6,"column":15}},"loc":{"start":{"line":6,"column":55},"end":{"line":21,"column":1}}}},"branchMap":{},"s":{"0":1,"1":5,"2":5,"3":1,"4":1},"f":{"0":5},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"22eb1075ce22202e89841fe460edea97fd99c9da"}
-,"/Users/hharnisch/Documents/Buffer/buffer-components/Image/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Image/story.jsx","statementMap":{"0":{"start":{"line":5,"column":0},"end":{"line":33,"column":5}},"1":{"start":{"line":7,"column":4},"end":{"line":7,"column":57}},"2":{"start":{"line":10,"column":4},"end":{"line":13,"column":6}},"3":{"start":{"line":16,"column":4},"end":{"line":20,"column":6}},"4":{"start":{"line":23,"column":4},"end":{"line":26,"column":6}},"5":{"start":{"line":29,"column":4},"end":{"line":32,"column":6}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":18},"end":{"line":6,"column":19}},"loc":{"start":{"line":7,"column":4},"end":{"line":7,"column":57}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":9,"column":17},"end":{"line":9,"column":18}},"loc":{"start":{"line":10,"column":4},"end":{"line":13,"column":6}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":15,"column":24},"end":{"line":15,"column":25}},"loc":{"start":{"line":16,"column":4},"end":{"line":20,"column":6}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":22,"column":25},"end":{"line":22,"column":26}},"loc":{"start":{"line":23,"column":4},"end":{"line":26,"column":6}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":28,"column":26},"end":{"line":28,"column":27}},"loc":{"start":{"line":29,"column":4},"end":{"line":32,"column":6}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1},"f":{"0":1,"1":1,"2":1,"3":1,"4":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"393370f6dc13997e6afc8be7da60bddb4b40158c"}
+,"/Users/hharnisch/Documents/Buffer/buffer-components/Image/index.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Image/index.jsx","statementMap":{"0":{"start":{"line":6,"column":14},"end":{"line":25,"column":1}},"1":{"start":{"line":7,"column":18},"end":{"line":10,"column":4}},"2":{"start":{"line":12,"column":22},"end":{"line":15,"column":3}},"3":{"start":{"line":17,"column":2},"end":{"line":24,"column":4}},"4":{"start":{"line":28,"column":0},"end":{"line":40,"column":2}},"5":{"start":{"line":42,"column":0},"end":{"line":44,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":14},"end":{"line":6,"column":15}},"loc":{"start":{"line":6,"column":55},"end":{"line":25,"column":1}}}},"branchMap":{},"s":{"0":1,"1":6,"2":6,"3":6,"4":1,"5":1},"f":{"0":6},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"c739958521cad6eb42a5c85e07be0d4abcf3f8c0"}
+,"/Users/hharnisch/Documents/Buffer/buffer-components/Image/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Image/story.jsx","statementMap":{"0":{"start":{"line":5,"column":0},"end":{"line":40,"column":5}},"1":{"start":{"line":7,"column":4},"end":{"line":7,"column":57}},"2":{"start":{"line":10,"column":4},"end":{"line":13,"column":6}},"3":{"start":{"line":16,"column":4},"end":{"line":20,"column":6}},"4":{"start":{"line":23,"column":4},"end":{"line":27,"column":6}},"5":{"start":{"line":30,"column":4},"end":{"line":33,"column":6}},"6":{"start":{"line":36,"column":4},"end":{"line":39,"column":6}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":18},"end":{"line":6,"column":19}},"loc":{"start":{"line":7,"column":4},"end":{"line":7,"column":57}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":9,"column":17},"end":{"line":9,"column":18}},"loc":{"start":{"line":10,"column":4},"end":{"line":13,"column":6}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":15,"column":24},"end":{"line":15,"column":25}},"loc":{"start":{"line":16,"column":4},"end":{"line":20,"column":6}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":22,"column":24},"end":{"line":22,"column":25}},"loc":{"start":{"line":23,"column":4},"end":{"line":27,"column":6}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":29,"column":25},"end":{"line":29,"column":26}},"loc":{"start":{"line":30,"column":4},"end":{"line":33,"column":6}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":35,"column":26},"end":{"line":35,"column":27}},"loc":{"start":{"line":36,"column":4},"end":{"line":39,"column":6}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1},"f":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"e84a80c625a1f7a803c474e80de71329047be157"}
 ,"/Users/hharnisch/Documents/Buffer/buffer-components/Link/index.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Link/index.jsx","statementMap":{"0":{"start":{"line":4,"column":13},"end":{"line":4,"column":90}},"1":{"start":{"line":4,"column":37},"end":{"line":4,"column":90}},"2":{"start":{"line":6,"column":0},"end":{"line":9,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":13},"end":{"line":4,"column":14}},"loc":{"start":{"line":4,"column":37},"end":{"line":4,"column":90}}}},"branchMap":{},"s":{"0":1,"1":5,"2":1},"f":{"0":5},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"1ea1bac6d35ca271f749ab9f69cefe3c808df696"}
@@ -22,3 +22,3 @@ ,"/Users/hharnisch/Documents/Buffer/buffer-components/Link/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Link/story.jsx","statementMap":{"0":{"start":{"line":5,"column":0},"end":{"line":12,"column":5}},"1":{"start":{"line":7,"column":4},"end":{"line":11,"column":10}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":18},"end":{"line":6,"column":19}},"loc":{"start":{"line":7,"column":4},"end":{"line":11,"column":10}}}},"branchMap":{},"s":{"0":1,"1":1},"f":{"0":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"17d8ca75e1a5df9da6966df4deb77507948344fd"}
 ,"/Users/hharnisch/Documents/Buffer/buffer-components/Video/story.jsx": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/Video/story.jsx","statementMap":{"0":{"start":{"line":5,"column":0},"end":{"line":63,"column":5}},"1":{"start":{"line":7,"column":4},"end":{"line":14,"column":6}},"2":{"start":{"line":17,"column":4},"end":{"line":25,"column":6}},"3":{"start":{"line":28,"column":4},"end":{"line":36,"column":6}},"4":{"start":{"line":39,"column":4},"end":{"line":48,"column":6}},"5":{"start":{"line":51,"column":4},"end":{"line":59,"column":6}},"6":{"start":{"line":62,"column":4},"end":{"line":62,"column":13}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":18},"end":{"line":6,"column":19}},"loc":{"start":{"line":7,"column":4},"end":{"line":14,"column":6}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":16,"column":22},"end":{"line":16,"column":23}},"loc":{"start":{"line":17,"column":4},"end":{"line":25,"column":6}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":27,"column":17},"end":{"line":27,"column":18}},"loc":{"start":{"line":28,"column":4},"end":{"line":36,"column":6}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":38,"column":26},"end":{"line":38,"column":27}},"loc":{"start":{"line":39,"column":4},"end":{"line":48,"column":6}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":50,"column":25},"end":{"line":50,"column":26}},"loc":{"start":{"line":51,"column":4},"end":{"line":59,"column":6}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":61,"column":19},"end":{"line":61,"column":20}},"loc":{"start":{"line":62,"column":4},"end":{"line":62,"column":13}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1},"f":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"cd5bfd162b270d543cdda04314e162b96e69af56"}
-,"/Users/hharnisch/Documents/Buffer/buffer-components/lib/utils.js": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/lib/utils.js","statementMap":{"0":{"start":{"line":2,"column":26},"end":{"line":20,"column":1}},"1":{"start":{"line":3,"column":20},"end":{"line":18,"column":8}},"2":{"start":{"line":4,"column":20},"end":{"line":4,"column":30}},"3":{"start":{"line":5,"column":4},"end":{"line":16,"column":5}},"4":{"start":{"line":6,"column":6},"end":{"line":6,"column":24}},"5":{"start":{"line":7,"column":11},"end":{"line":16,"column":5}},"6":{"start":{"line":8,"column":6},"end":{"line":8,"column":36}},"7":{"start":{"line":9,"column":11},"end":{"line":16,"column":5}},"8":{"start":{"line":10,"column":6},"end":{"line":15,"column":9}},"9":{"start":{"line":12,"column":8},"end":{"line":14,"column":9}},"10":{"start":{"line":13,"column":10},"end":{"line":13,"column":28}},"11":{"start":{"line":17,"column":4},"end":{"line":17,"column":19}},"12":{"start":{"line":19,"column":2},"end":{"line":19,"column":67}},"13":{"start":{"line":19,"column":44},"end":{"line":19,"column":55}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":2,"column":26},"end":{"line":2,"column":27}},"loc":{"start":{"line":2,"column":47},"end":{"line":20,"column":1}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":3,"column":32},"end":{"line":3,"column":33}},"loc":{"start":{"line":3,"column":50},"end":{"line":18,"column":3}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":10,"column":31},"end":{"line":10,"column":32}},"loc":{"start":{"line":10,"column":40},"end":{"line":15,"column":7}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":19,"column":37},"end":{"line":19,"column":38}},"loc":{"start":{"line":19,"column":44},"end":{"line":19,"column":55}}}},"branchMap":{"0":{"loc":{"start":{"line":5,"column":4},"end":{"line":16,"column":5}},"type":"if","locations":[{"start":{"line":5,"column":4},"end":{"line":16,"column":5}},{"start":{"line":5,"column":4},"end":{"line":16,"column":5}}]},"1":{"loc":{"start":{"line":5,"column":8},"end":{"line":5,"column":52}},"type":"binary-expr","locations":[{"start":{"line":5,"column":8},"end":{"line":5,"column":28}},{"start":{"line":5,"column":32},"end":{"line":5,"column":52}}]},"2":{"loc":{"start":{"line":7,"column":11},"end":{"line":16,"column":5}},"type":"if","locations":[{"start":{"line":7,"column":11},"end":{"line":16,"column":5}},{"start":{"line":7,"column":11},"end":{"line":16,"column":5}}]},"3":{"loc":{"start":{"line":9,"column":11},"end":{"line":16,"column":5}},"type":"if","locations":[{"start":{"line":9,"column":11},"end":{"line":16,"column":5}},{"start":{"line":9,"column":11},"end":{"line":16,"column":5}}]},"4":{"loc":{"start":{"line":12,"column":8},"end":{"line":14,"column":9}},"type":"if","locations":[{"start":{"line":12,"column":8},"end":{"line":14,"column":9}},{"start":{"line":12,"column":8},"end":{"line":14,"column":9}}]},"5":{"loc":{"start":{"line":12,"column":12},"end":{"line":12,"column":58}},"type":"binary-expr","locations":[{"start":{"line":12,"column":12},"end":{"line":12,"column":46}},{"start":{"line":12,"column":50},"end":{"line":12,"column":58}}]}},"s":{"0":2,"1":63,"2":107,"3":107,"4":37,"5":70,"6":2,"7":68,"8":57,"9":212,"10":33,"11":107,"12":63,"13":73},"f":{"0":63,"1":107,"2":212,"3":73},"b":{"0":[37,70],"1":[107,72],"2":[2,68],"3":[57,11],"4":[33,179],"5":[212,212]},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"8d9092737b96915b0fd678b13b5c8cfb5b1e72f8"}
+,"/Users/hharnisch/Documents/Buffer/buffer-components/lib/utils.js": {"path":"/Users/hharnisch/Documents/Buffer/buffer-components/lib/utils.js","statementMap":{"0":{"start":{"line":2,"column":26},"end":{"line":20,"column":1}},"1":{"start":{"line":3,"column":20},"end":{"line":18,"column":8}},"2":{"start":{"line":4,"column":20},"end":{"line":4,"column":30}},"3":{"start":{"line":5,"column":4},"end":{"line":16,"column":5}},"4":{"start":{"line":6,"column":6},"end":{"line":6,"column":24}},"5":{"start":{"line":7,"column":11},"end":{"line":16,"column":5}},"6":{"start":{"line":8,"column":6},"end":{"line":8,"column":36}},"7":{"start":{"line":9,"column":11},"end":{"line":16,"column":5}},"8":{"start":{"line":10,"column":6},"end":{"line":15,"column":9}},"9":{"start":{"line":12,"column":8},"end":{"line":14,"column":9}},"10":{"start":{"line":13,"column":10},"end":{"line":13,"column":28}},"11":{"start":{"line":17,"column":4},"end":{"line":17,"column":19}},"12":{"start":{"line":19,"column":2},"end":{"line":19,"column":67}},"13":{"start":{"line":19,"column":44},"end":{"line":19,"column":55}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":2,"column":26},"end":{"line":2,"column":27}},"loc":{"start":{"line":2,"column":47},"end":{"line":20,"column":1}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":3,"column":32},"end":{"line":3,"column":33}},"loc":{"start":{"line":3,"column":50},"end":{"line":18,"column":3}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":10,"column":31},"end":{"line":10,"column":32}},"loc":{"start":{"line":10,"column":40},"end":{"line":15,"column":7}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":19,"column":37},"end":{"line":19,"column":38}},"loc":{"start":{"line":19,"column":44},"end":{"line":19,"column":55}}}},"branchMap":{"0":{"loc":{"start":{"line":5,"column":4},"end":{"line":16,"column":5}},"type":"if","locations":[{"start":{"line":5,"column":4},"end":{"line":16,"column":5}},{"start":{"line":5,"column":4},"end":{"line":16,"column":5}}]},"1":{"loc":{"start":{"line":5,"column":8},"end":{"line":5,"column":52}},"type":"binary-expr","locations":[{"start":{"line":5,"column":8},"end":{"line":5,"column":28}},{"start":{"line":5,"column":32},"end":{"line":5,"column":52}}]},"2":{"loc":{"start":{"line":7,"column":11},"end":{"line":16,"column":5}},"type":"if","locations":[{"start":{"line":7,"column":11},"end":{"line":16,"column":5}},{"start":{"line":7,"column":11},"end":{"line":16,"column":5}}]},"3":{"loc":{"start":{"line":9,"column":11},"end":{"line":16,"column":5}},"type":"if","locations":[{"start":{"line":9,"column":11},"end":{"line":16,"column":5}},{"start":{"line":9,"column":11},"end":{"line":16,"column":5}}]},"4":{"loc":{"start":{"line":12,"column":8},"end":{"line":14,"column":9}},"type":"if","locations":[{"start":{"line":12,"column":8},"end":{"line":14,"column":9}},{"start":{"line":12,"column":8},"end":{"line":14,"column":9}}]},"5":{"loc":{"start":{"line":12,"column":12},"end":{"line":12,"column":58}},"type":"binary-expr","locations":[{"start":{"line":12,"column":12},"end":{"line":12,"column":46}},{"start":{"line":12,"column":50},"end":{"line":12,"column":58}}]}},"s":{"0":2,"1":65,"2":110,"3":110,"4":37,"5":73,"6":2,"7":71,"8":59,"9":236,"10":34,"11":110,"12":65,"13":74},"f":{"0":65,"1":110,"2":236,"3":74},"b":{"0":[37,73],"1":[110,75],"2":[2,71],"3":[59,12],"4":[34,202],"5":[236,236]},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"8d9092737b96915b0fd678b13b5c8cfb5b1e72f8"}
 }

Image/index.jsx

@@ -12,2 +12,7 @@ import React, { PropTypes } from 'react';
 
+  const inlineStyle = {
+    height,
+    width,
+  };
+
   return (
@@ -18,4 +23,3 @@ <img
       className={classes}
-      width={width}
-      height={height}
+      style={inlineStyle}
     />
@@ -29,5 +33,11 @@ );
   border: PropTypes.oneOf(['circle', 'rounded']),
-  height: PropTypes.string,
+  height: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ]),
   src: PropTypes.string.isRequired,
-  width: PropTypes.string,
+  width: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ]),
 };
@@ -34,0 +44,0 @@

Image/story.jsx

@@ -12,3 +12,3 @@ import React from 'react';
       src={'http://lorempixel.com/400/400/cats/'}
-      width={"100%"}
+      width={'100%'}
     />
@@ -19,6 +19,13 @@ ))
       src={'http://lorempixel.com/400/400/cats/'}
-      width={"40px"}
-      height={"40px"}
+      width={'40px'}
+      height={'40px'}
     />
   ))
+  .add('W=10em H=10em', () => (
+    <Image
+      src={'http://lorempixel.com/400/400/cats/'}
+      width={'10em'}
+      height={'10em'}
+    />
+  ))
   .add('border: circle', () => (
@@ -25,0 +32,0 @@ <Image

package.json

 {
   "name": "@bufferapp/components",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "A shared set of UI Components",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

336057

increased by1.19%

Lines of code

1653

increased by1.79%

No dependency changes