@cimpress/react-components - npm Package Compare versions

Comparing version 0.8.7 to 0.8.8

CHANGELOG.md

@@ -5,4 +5,25 @@ # MCP MEX React Components
 
+### 0.8.x
+**Component fixes & enhancements**
+* [Modal] Added contextual variations and decoupled the close icon from the presence of header text to support Styleguide 1.1 changes.
+
+### 0.6.x - 0.7.x
+**Core**
+* Updated prettier config to prefer single quotes
+* Migrated project from Stash/Artifactory to Gitlab/NPM, consuming several version numbers in the process
+
 ### 0.5.x
 
+###### 2017-09-11
+**Component fixes & enhancements**
+* [Spinner] Add control for `offset`, `duration`, and a `handleOffset` function to reduce jitter when an application has multiple consecutive loading phases
+
+###### 2017-09-06
+**Component fixes & enhancements**
+* [Checkbox] Fix a css opacity bug
+
+###### 2017-09-05
+**Component fixes & enhancements**
+* [TextField] New `onKeyDown` prop added
+
 ###### 2017-08-28
@@ -9,0 +30,0 @@ **Component fixes & enhancements**

lib/Modal.js

@@ -66,3 +66,4 @@ 'use strict';
           style = _props.style,
-          className = _props.className;
+          className = _props.className,
+          bsStyle = _props.bsStyle;
 
@@ -75,19 +76,25 @@
       if (className) {
-        modalClassName += className;
+        modalClassName += ' ' + className;
       }
 
-      var ModalHeader = void 0;
-      if (title) {
-        // TODO SVG hover support in the CSS
-        ModalHeader = _react2.default.createElement(
+      var modalBodyClassName = 'modal-content';
+      if (bsStyle) {
+        modalBodyClassName += ' modal-' + bsStyle;
+      }
+
+      var ModalHeader = _react2.default.createElement(
+        'div',
+        { className: 'modal-header' },
+        _react2.default.createElement(
           'div',
-          { className: 'modal-header' },
-          title,
-          closeButton ? _react2.default.createElement(
-            'button',
-            { className: 'close', onClick: onRequestHide },
-            _react2.default.createElement(_hamburger.Close, { width: '18px', color: _colors.granite.base, cropped: true })
-          ) : null
-        );
-      }
+          { className: 'modal-title' },
+          title
+        ),
+        closeButton ? _react2.default.createElement(
+          'button',
+          { className: 'close', onClick: onRequestHide },
+          _react2.default.createElement(_hamburger.Close, { width: '16px', color: _colors.granite.base, cropped: true })
+        ) : null
+      );
+
       var ModalFooter = footer && _react2.default.createElement(
@@ -113,3 +120,3 @@ 'div',
             'div',
-            { className: 'modal-content' },
+            { className: modalBodyClassName },
             ModalHeader,
@@ -145,2 +152,3 @@ _react2.default.createElement(
   bsSize: _propTypes2.default.oneOf(['sm', 'lg']),
+  bsStyle: _propTypes2.default.oneOf(['warning', 'error', 'success', 'info']),
   children: _propTypes2.default.node
@@ -147,0 +155,0 @@ };

package.json

 {
   "name": "@cimpress/react-components",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "description": "React components to support the MCP styleguide",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

513684

increased by0.27%

Lines of code

4245

increased by0.14%

No dependency changes