anchor-ui - npm Package Compare versions

Comparing version 1.7.0 to 1.7.1

dist/components/list-item.js

@@ -33,2 +33,6 @@ 'use strict';
 
+var _avatar = require('./avatar');
+
+var _avatar2 = _interopRequireDefault(_avatar);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -81,3 +85,4 @@
           rightButton = _props.rightButton,
-          classes = _props.sheet.classes;
+          classes = _props.sheet.classes,
+          avatar = _props.avatar;
       var _state = this.state,
@@ -96,4 +101,9 @@ className = _state.className,
           style: active ? { backgroundColor: backgroundColor } : {},
-          className: (0, _classnames2.default)(className, (_classNames = {}, _defineProperty(_classNames, classes.active, active), _defineProperty(_classNames, classes.rightButton, rightButton), _classNames))
+          className: (0, _classnames2.default)(className, (_classNames = {}, _defineProperty(_classNames, classes.active, active), _defineProperty(_classNames, classes.rightButton, rightButton), _defineProperty(_classNames, classes.leftAvatar, avatar), _classNames))
         },
+        avatar ? _react2.default.createElement(
+          'div',
+          { className: classes.avatar },
+          _react2.default.createElement(_avatar2.default, { image: avatar })
+        ) : null,
         _react2.default.createElement(
@@ -130,3 +140,5 @@ 'h1',
       rightButton: _react.PropTypes.string.isRequired,
-      button: _react.PropTypes.string.isRequired
+      button: _react.PropTypes.string.isRequired,
+      leftAvatar: _react.PropTypes.string.isRequired,
+      avatar: _react.PropTypes.string.isRequired
     }).isRequired
@@ -139,3 +151,4 @@ }).isRequired,
   active: _react.PropTypes.bool,
-  rightButton: _react.PropTypes.node
+  rightButton: _react.PropTypes.node,
+  avatar: _react.PropTypes.string
 };
@@ -149,3 +162,4 @@ ListItem.defaultProps = {
   active: false,
-  rightButton: null
+  rightButton: null,
+  avatar: ''
 };
@@ -152,0 +166,0 @@ ListItem.contextTypes = {

dist/icons/icon-close.js

@@ -25,4 +25,4 @@ 'use strict';
       'g',
-      { fill: color },
-      _react2.default.createElement('path', { d: 'M10.3809136,11.9997138 L2.3357424,20.0444801 C1.88808587,20.492143 1.88808587,21.2168761 2.3357424,21.6633941 C2.55899821,21.8866531 2.85209302,21.9988551 3.14518784,21.9988551 C3.43828265,21.9988551 3.73137746,21.8866531 3.95463327,21.6633941 L11.9998569,13.6185755 L20.0462254,21.664539 C20.2694812,21.887798 20.562576,22 20.8556708,22 C21.1487657,22 21.4407156,21.887798 21.6651163,21.664539 C22.1116279,21.2168761 22.1116279,20.492143 21.6651163,20.045625 L13.6188001,11.9997138 L21.6651163,3.95380256 C22.1116279,3.50728454 22.1116279,2.78255145 21.6651163,2.33488851 C21.2174597,1.8883705 20.492737,1.8883705 20.0462254,2.33488851 L11.9998569,10.3808521 L3.95463327,2.33603343 C3.50697674,1.8883705 2.78225403,1.8883705 2.3357424,2.33603343 C1.88808587,2.78255145 1.88808587,3.50728454 2.3357424,3.95494748 L10.3809136,11.9997138 Z' })
+      { id: 'icon_close', fill: color },
+      _react2.default.createElement('path', { d: 'M11.0285482,11.9998283 L6.20144544,16.826688 C5.93285152,17.0952858 5.93285152,17.5301257 6.20144544,17.7980365 C6.33539893,17.9319919 6.51125581,17.999313 6.6871127,17.999313 C6.86296959,17.999313 7.03882648,17.9319919 7.17277996,17.7980365 L11.9999141,12.9711453 L16.8277352,17.7987234 C16.9616887,17.9326788 17.1375456,18 17.3134025,18 C17.4892594,18 17.6644293,17.9326788 17.7990698,17.7987234 C18.0669767,17.5301257 18.0669767,17.0952858 17.7990698,16.827375 L12.97128,11.9998283 L17.7990698,7.17228154 C18.0669767,6.90437072 18.0669767,6.46953087 17.7990698,6.20093311 C17.5304758,5.9330223 17.0956422,5.9330223 16.8277352,6.20093311 L11.9999141,11.0285112 L7.17277996,6.20162006 C6.90418605,5.9330223 6.46935242,5.9330223 6.20144544,6.20162006 C5.93285152,6.46953087 5.93285152,6.90437072 6.20144544,7.17296849 L11.0285482,11.9998283 Z' })
     )
@@ -29,0 +29,0 @@ );

dist/style/lists.js

@@ -29,2 +29,5 @@ 'use strict';
     cursor: 'pointer',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
     height: '54px',
@@ -82,2 +85,10 @@ listStyle: 'none',
     lineHeight: '14px'
+  },
+  leftAvatar: {
+    paddingLeft: '56px'
+  },
+  avatar: {
+    position: 'absolute',
+    left: '8px',
+    top: '6px'
   }
@@ -84,0 +95,0 @@ };

package.json

 {
   "name": "anchor-ui",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "React Component UI Kit",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

180168

increased by0.42%

Lines of code

3206

increased by0.72%

No dependency changes