@bufferapp/components - npm Package Compare versions

Comparing version 0.4.8 to 0.4.9

CHANGELOG.md

 # Changelog
 
+## 0.4.9 (April 6, 2017)
+
+- Add `Popover` component
+
 ## 0.4.8 (April 6, 2017)
@@ -18,3 +22,3 @@
 
-- Add `newTabIcon` config to `Icon` 
+- Add `newTabIcon` config to `Icon`
 
@@ -21,0 +25,0 @@ ## 0.4.4 (March 24, 2017)

index.js

@@ -14,2 +14,3 @@ // if you need a component export it here
 export Overlay from './Overlay';
+export Popover from './Popover';
 export Text from './Text';

Overlay/index.jsx

 import React, { PropTypes } from 'react';
 import styles from './style.css';
 
-const Overlay = ({ onClick }) =>
+const Overlay = ({ onClick, transparent }) =>
   // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-  <div className={styles.overlay} onClick={onClick} />;
+  <div
+    className={styles.overlay}
+    onClick={onClick}
+    style={{
+      opacity: transparent ? 0 : 1,
+    }}
+  />;
 
 Overlay.propTypes = {
   onClick: PropTypes.func,
+  transparent: PropTypes.bool,
 };
 
 export default Overlay;

Overlay/story.jsx

@@ -14,2 +14,8 @@ import React from 'react';
     </div>
+  ))
+  .add('transparent=true', () => (
+    <div style={{ textAlign: 'center' }}>
+      <Image src={'http://lorempixel.com/400/400/cats/'} />
+      <Overlay onClick={action('overlay-click')} transparent />
+    </div>
   ));

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

1174091

increased by1.44%

Number of package files

276

increased by2.22%

Lines of code

4140

increased by2.5%

No dependency changes