@atlaskit/modal-dialog - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="2.1.0"></a>
-# 2.1.0 (2017-05-06)
+<a name="2.1.1"></a>
+## 2.1.1 (2017-05-26)
 
 
 
+<a name="2.1.1"></a>
+## 2.1.1 (2017-05-26)
+
+
+### Bug Fixes
+
+* **package:** pin react-lorem-component version to avoid newly released broken version ([6f3d9c6](https://bitbucket.org/atlassian/atlaskit/commits/6f3d9c6))
+
+
+
 <a name="2.1.0"></a>
@@ -7,0 +17,0 @@ # 2.1.0 (2017-05-06)

dist/bundle-cjs.js

@@ -95,3 +95,3 @@ module.exports = /******/
     });
-    var _extends2 = __webpack_require__(3), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(4), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(5), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(6), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _blanket = __webpack_require__(10), _blanket2 = _interopRequireDefault(_blanket), _ModalWrapper = __webpack_require__(11), _ModalWrapper2 = _interopRequireDefault(_ModalWrapper), _ModalPositioner = __webpack_require__(15), _ModalPositioner2 = _interopRequireDefault(_ModalPositioner), _ModalContainer = __webpack_require__(17), _ModalContainer2 = _interopRequireDefault(_ModalContainer), _HeaderFooterWrapper = __webpack_require__(18), _HeaderFooterWrapper2 = _interopRequireDefault(_HeaderFooterWrapper), _ContentContainer = __webpack_require__(19), _ContentContainer2 = _interopRequireDefault(_ContentContainer), _KeylineMask = __webpack_require__(20), _KeylineMask2 = _interopRequireDefault(_KeylineMask), _sharedVariables = __webpack_require__(16), ModalDialog = function(_PureComponent) {
+    var _extends2 = __webpack_require__(3), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(4), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(5), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(6), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _blanket = __webpack_require__(11), _blanket2 = _interopRequireDefault(_blanket), _ModalWrapper = __webpack_require__(12), _ModalWrapper2 = _interopRequireDefault(_ModalWrapper), _ModalPositioner = __webpack_require__(16), _ModalPositioner2 = _interopRequireDefault(_ModalPositioner), _ModalContainer = __webpack_require__(18), _ModalContainer2 = _interopRequireDefault(_ModalContainer), _HeaderFooterWrapper = __webpack_require__(19), _HeaderFooterWrapper2 = _interopRequireDefault(_HeaderFooterWrapper), _ContentContainer = __webpack_require__(20), _ContentContainer2 = _interopRequireDefault(_ContentContainer), _KeylineMask = __webpack_require__(21), _KeylineMask2 = _interopRequireDefault(_KeylineMask), _sharedVariables = __webpack_require__(17), ModalDialog = function(_PureComponent) {
         function ModalDialog() {
@@ -185,8 +185,8 @@ var _ref, _temp, _this, _ret;
     ModalDialog.propTypes = {
-        isOpen: _react.PropTypes.bool,
-        header: _react.PropTypes.node,
-        children: _react.PropTypes.node,
-        footer: _react.PropTypes.node,
-        width: _react.PropTypes.oneOfType([ _react.PropTypes.number, _react.PropTypes.string, _react.PropTypes.oneOf(_sharedVariables.WIDTH_ENUM.values) ]),
-        onDialogDismissed: _react.PropTypes.func
+        isOpen: _propTypes2.default.bool,
+        header: _propTypes2.default.node,
+        children: _propTypes2.default.node,
+        footer: _propTypes2.default.node,
+        width: _propTypes2.default.oneOfType([ _propTypes2.default.number, _propTypes2.default.string, _propTypes2.default.oneOf(_sharedVariables.WIDTH_ENUM.values) ]),
+        onDialogDismissed: _propTypes2.default.func
     }, ModalDialog.defaultProps = {
@@ -224,9 +224,13 @@ isOpen: !1,
 function(module, exports) {
-    module.exports = require("react");
+    module.exports = require("prop-types");
 }, /* 10 */
 /***/
 function(module, exports) {
-    module.exports = require("@atlaskit/blanket");
+    module.exports = require("react");
 }, /* 11 */
 /***/
+function(module, exports) {
+    module.exports = require("@atlaskit/blanket");
+}, /* 12 */
+/***/
 function(module, exports, __webpack_require__) {
@@ -242,4 +246,4 @@ "use strict";
     }), exports.getPointerEvents = void 0;
-    var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ], [ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), getPointerEvents = exports.getPointerEvents = function(_ref) {
+    var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ], [ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), getPointerEvents = exports.getPointerEvents = function(_ref) {
         var isOpen = _ref.isOpen;
@@ -250,15 +254,15 @@ return isOpen ? "initial" : "none";
     exports.default = _styledComponents2.default.div(_templateObject, getPointerEvents, _utilSharedStyles.akZIndexBlanket);
-}, /* 12 */
+}, /* 13 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/taggedTemplateLiteral");
-}, /* 13 */
+}, /* 14 */
 /***/
 function(module, exports) {
     module.exports = require("styled-components");
-}, /* 14 */
+}, /* 15 */
 /***/
 function(module, exports) {
     module.exports = require("@atlaskit/util-shared-styles");
-}, /* 15 */
+}, /* 16 */
 /***/
@@ -275,5 +279,5 @@ function(module, exports, __webpack_require__) {
     });
-    var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
     _taggedTemplateLiteral3.default)([ "\n    0% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    50% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    100% {\n      opacity: ", ";\n      top: ", "px;\n    }\n  " ], [ "\n    0% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    50% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    100% {\n      opacity: ", ";\n      top: ", "px;\n    }\n  " ]), _templateObject2 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ], [ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), viewportMargin = 7.5 * _utilSharedStyles.akGridSizeUnitless, doubleViewportMargin = 2 * viewportMargin, animationDistance = _utilSharedStyles.akGridSizeUnitless * -2, getWidth = function(_ref) {
+    _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ], [ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), viewportMargin = 7.5 * _utilSharedStyles.akGridSizeUnitless, doubleViewportMargin = 2 * viewportMargin, animationDistance = _utilSharedStyles.akGridSizeUnitless * -2, getWidth = function(_ref) {
         var width = _ref.width;
@@ -288,3 +292,3 @@ return _sharedVariables.WIDTH_ENUM.widths[width];
     exports.default = _styledComponents2.default.div(_templateObject2, doubleViewportMargin, viewportMargin, doubleViewportMargin, getWidth, _utilSharedStyles.akZIndexModal, getEntryExitAnimation, _sharedVariables.modalAnimationDuration);
-}, /* 16 */
+}, /* 17 */
 /***/
@@ -296,3 +300,3 @@ function(module, exports, __webpack_require__) {
     }), exports.modalAnimationDuration = exports.WIDTH_ENUM = exports.modalBorderRadius = exports.modalShadowInnerSize = void 0;
-    var _utilSharedStyles = __webpack_require__(14);
+    var _utilSharedStyles = __webpack_require__(15);
     exports.modalShadowInnerSize = 2, exports.modalBorderRadius = _utilSharedStyles.akGridSizeUnitless / 2, 
@@ -312,3 +316,3 @@ exports.WIDTH_ENUM = {
     }, exports.modalAnimationDuration = .25;
-}, /* 17 */
+}, /* 18 */
 /***/
@@ -325,6 +329,6 @@ function(module, exports, __webpack_require__) {
     });
-    var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ], [ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14);
+    var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ], [ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15);
     exports.default = _styledComponents2.default.div(_templateObject, _utilSharedStyles.akColorN0, _utilSharedStyles.akGridSizeUnitless / 2);
-}, /* 18 */
+}, /* 19 */
 /***/
@@ -341,4 +345,4 @@ function(module, exports, __webpack_require__) {
     });
-    var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ], [ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), getBorderRadius = function(_ref) {
+    var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ], [ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), getBorderRadius = function(_ref) {
         var headerOrFooter = _ref.headerOrFooter, topBorderRadius = "header" === headerOrFooter ? _sharedVariables.modalBorderRadius : 0, bottomBorderRadius = "footer" === headerOrFooter ? _sharedVariables.modalBorderRadius : 0;
@@ -348,3 +352,3 @@ return "\n    border-top-left-radius: " + topBorderRadius + ";\n    border-top-right-radius: " + topBorderRadius + ";\n    border-bottom-left-radius: " + bottomBorderRadius + ";\n    border-bottom-right-radius: " + bottomBorderRadius + ";\n  ";
     exports.default = _styledComponents2.default.div(_templateObject, 2 * _utilSharedStyles.akGridSizeUnitless, getBorderRadius);
-}, /* 19 */
+}, /* 20 */
 /***/
@@ -361,4 +365,4 @@ function(module, exports, __webpack_require__) {
     });
-    var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ], [ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), boxShadow = function() {
+    var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ], [ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), boxShadow = function() {
         var modalShadowDirectionFlip = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 1;
@@ -371,3 +375,3 @@ return "inset 0px " + _sharedVariables.modalShadowInnerSize * modalShadowDirectionFlip + "px 0px 0px " + _utilSharedStyles.akColorN30;
     exports.default = _styledComponents2.default.div(_templateObject, getBoxShadows, 2 * _utilSharedStyles.akGridSizeUnitless);
-}, /* 20 */
+}, /* 21 */
 /***/
@@ -384,4 +388,4 @@ function(module, exports, __webpack_require__) {
     });
-    var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ], [ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), getTopOrBottomPosition = function(_ref) {
+    var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ], [ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), getTopOrBottomPosition = function(_ref) {
         var headerOrFooter = _ref.headerOrFooter;
@@ -388,0 +392,0 @@ return "header" === headerOrFooter ? "\n      left: 0;\n      position: absolute;\n      top: 0;\n      right: 0;\n    " : "footer" === headerOrFooter ? "\n      margin: 0 " + _utilSharedStyles.akGridSizeUnitless * -2 + "px;\n    " : null;

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function n(i){if(t[i])return t[i].exports;var o=t[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}var t={};return n.m=e,n.c=t,n.p="",n(0)}([function(e,n,t){e.exports=t(1)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=t(2),r=i(o);n.default=r.default},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(3),r=i(o),a=t(4),l=i(a),d=t(5),u=i(d),s=t(6),f=i(s),p=t(7),c=i(p),h=t(8),m=i(h),x=t(9),v=i(x),g=t(10),y=i(g),b=t(11),_=i(b),k=t(15),w=i(k),M=t(17),O=i(M),P=t(18),E=i(P),S=t(19),D=i(S),z=t(20),T=i(z),U=t(16),C=function(e){function n(){var e,t,i,o;(0,u.default)(this,n);for(var r=arguments.length,a=Array(r),d=0;d<r;d++)a[d]=arguments[d];return t=i=(0,c.default)(this,(e=n.__proto__||(0,l.default)(n)).call.apply(e,[this].concat(a))),i.state={isAnimating:!1},i.componentDidMount=function(){document.addEventListener("keydown",i.handleKeyDown)},i.componentWillReceiveProps=function(e){i.props.isOpen!==e.isOpen&&i.setState({isAnimating:!0})},i.componentWillUnmount=function(){document.removeEventListener("keydown",i.handleKeyDown)},i.getCustomWidth=function(){return U.WIDTH_ENUM.values.indexOf(i.props.width)===-1?{style:{width:i.props.width}}:{}},i.dismissModal=function(e){i.props.isOpen&&i.props.onDialogDismissed(e)},i.handleAnimationEnd=function(){i.setState({isAnimating:!1})},i.handleKeyDown=function(e){var n=27;e.keyCode===n&&i.dismissModal(e)},i.handlePositionerDirectClick=function(e){var n=e.target;n&&n===i.modalPositionerRef&&i.dismissModal(e)},o=t,(0,c.default)(i,o)}return(0,m.default)(n,e),(0,f.default)(n,[{key:"render",value:function(){var e=this,n=this.props,t=n.header,i=n.isOpen,o=n.children,a=n.footer,l=n.width,d=!!t,u=!!a,s=function(){return d?v.default.createElement(E.default,{headerOrFooter:"header"},t):null},f=function(){return u?v.default.createElement(E.default,{headerOrFooter:"footer"},a):null},p=function(){return d?v.default.createElement(T.default,{headerOrFooter:"header"}):null},c=function(){return u?v.default.createElement(T.default,{headerOrFooter:"footer"}):null};return v.default.createElement(_.default,{isOpen:i},v.default.createElement(y.default,{canClickThrough:!i,isTinted:i,onBlanketClicked:this.dismissModal}),this.state.isAnimating||i?v.default.createElement(w.default,(0,r.default)({innerRef:function(n){e.modalPositionerRef=n},isOpen:i,width:l},this.getCustomWidth(),{onAnimationEnd:this.handleAnimationEnd,onClick:this.handlePositionerDirectClick}),v.default.createElement(O.default,null,v.default.createElement(s,null),v.default.createElement(D.default,{hasHeader:d,hasFooter:u},v.default.createElement(p,null),o,v.default.createElement(c,null)),v.default.createElement(f,null))):null)}}]),n}(x.PureComponent);C.propTypes={isOpen:x.PropTypes.bool,header:x.PropTypes.node,children:x.PropTypes.node,footer:x.PropTypes.node,width:x.PropTypes.oneOfType([x.PropTypes.number,x.PropTypes.string,x.PropTypes.oneOf(U.WIDTH_ENUM.values)]),onDialogDismissed:x.PropTypes.func},C.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:U.WIDTH_ENUM.defaultValue},n.default=C},function(e,n){e.exports=require("babel-runtime/helpers/extends")},function(e,n){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,n){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,n){e.exports=require("babel-runtime/helpers/createClass")},function(e,n){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,n){e.exports=require("babel-runtime/helpers/inherits")},function(e,n){e.exports=require("react")},function(e,n){e.exports=require("@atlaskit/blanket")},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0}),n.getPointerEvents=void 0;var o=t(12),r=i(o),a=(0,r.default)(["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"],["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"]),l=t(13),d=i(l),u=t(14),s=n.getPointerEvents=function(e){var n=e.isOpen;return n?"initial":"none"};n.default=d.default.div(a,s,u.akZIndexBlanket)},function(e,n){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,n){e.exports=require("styled-components")},function(e,n){e.exports=require("@atlaskit/util-shared-styles")},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(12),r=i(o),a=(0,r.default)(["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "],["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "]),l=(0,r.default)(["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"]),d=t(13),u=i(d),s=t(14),f=t(16),p=7.5*s.akGridSizeUnitless,c=2*p,h=s.akGridSizeUnitless*-2,m=function(e){var n=e.width;return f.WIDTH_ENUM.widths[n]},x=function(e){var n=e.isOpen,t=n?h:0,i=n?.5*s.akGridSizeUnitless:.6*h,o=n?0:h,r=n?0:1,l=n?.8:.2,u=n?1:0;return(0,d.keyframes)(a,r,t,l,i,u,o)};n.default=u.default.div(l,c,p,c,m,s.akZIndexModal,x,f.modalAnimationDuration)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.modalAnimationDuration=n.WIDTH_ENUM=n.modalBorderRadius=n.modalShadowInnerSize=void 0;var i=t(14);n.modalShadowInnerSize=2,n.modalBorderRadius=i.akGridSizeUnitless/2,n.WIDTH_ENUM={values:["small","medium","large","x-large"],widths:{small:50*i.akGridSizeUnitless,medium:75*i.akGridSizeUnitless,large:100*i.akGridSizeUnitless,"x-large":121*i.akGridSizeUnitless},defaultValue:"medium"},n.modalAnimationDuration=.25},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(12),r=i(o),a=(0,r.default)(["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"],["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"]),l=t(13),d=i(l),u=t(14);n.default=d.default.div(a,u.akColorN0,u.akGridSizeUnitless/2)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(12),r=i(o),a=(0,r.default)(["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"],["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"]),l=t(13),d=i(l),u=t(14),s=t(16),f=function(e){var n=e.headerOrFooter,t="header"===n?s.modalBorderRadius:0,i="footer"===n?s.modalBorderRadius:0;return"\n    border-top-left-radius: "+t+";\n    border-top-right-radius: "+t+";\n    border-bottom-left-radius: "+i+";\n    border-bottom-right-radius: "+i+";\n  "};n.default=d.default.div(a,2*u.akGridSizeUnitless,f)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(12),r=i(o),a=(0,r.default)(["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"],["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"]),l=t(13),d=i(l),u=t(14),s=t(16),f=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return"inset 0px "+s.modalShadowInnerSize*e+"px 0px 0px "+u.akColorN30},p=function(e){var n=e.hasHeader,t=e.hasFooter;return n&&t?f()+", "+f(-1):n?f():n?f(-1):"none"};n.default=d.default.div(a,p,2*u.akGridSizeUnitless)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(12),r=i(o),a=(0,r.default)(["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"],["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"]),l=t(13),d=i(l),u=t(14),s=t(16),f=function(e){var n=e.headerOrFooter;return"header"===n?"\n      left: 0;\n      position: absolute;\n      top: 0;\n      right: 0;\n    ":"footer"===n?"\n      margin: 0 "+u.akGridSizeUnitless*-2+"px;\n    ":null};n.default=d.default.div(a,u.akColorN0,s.modalShadowInnerSize,f)}]);
+module.exports=function(e){function n(i){if(t[i])return t[i].exports;var o=t[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}var t={};return n.m=e,n.c=t,n.p="",n(0)}([function(e,n,t){e.exports=t(1)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=t(2),r=i(o);n.default=r.default},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(3),r=i(o),a=t(4),l=i(a),u=t(5),d=i(u),s=t(6),f=i(s),c=t(7),p=i(c),h=t(8),m=i(h),x=t(9),v=i(x),g=t(10),b=i(g),_=t(11),y=i(_),k=t(12),w=i(k),M=t(16),O=i(M),E=t(18),S=i(E),D=t(19),z=i(D),U=t(20),P=i(U),C=t(21),q=i(C),G=t(17),I=function(e){function n(){var e,t,i,o;(0,d.default)(this,n);for(var r=arguments.length,a=Array(r),u=0;u<r;u++)a[u]=arguments[u];return t=i=(0,p.default)(this,(e=n.__proto__||(0,l.default)(n)).call.apply(e,[this].concat(a))),i.state={isAnimating:!1},i.componentDidMount=function(){document.addEventListener("keydown",i.handleKeyDown)},i.componentWillReceiveProps=function(e){i.props.isOpen!==e.isOpen&&i.setState({isAnimating:!0})},i.componentWillUnmount=function(){document.removeEventListener("keydown",i.handleKeyDown)},i.getCustomWidth=function(){return G.WIDTH_ENUM.values.indexOf(i.props.width)===-1?{style:{width:i.props.width}}:{}},i.dismissModal=function(e){i.props.isOpen&&i.props.onDialogDismissed(e)},i.handleAnimationEnd=function(){i.setState({isAnimating:!1})},i.handleKeyDown=function(e){var n=27;e.keyCode===n&&i.dismissModal(e)},i.handlePositionerDirectClick=function(e){var n=e.target;n&&n===i.modalPositionerRef&&i.dismissModal(e)},o=t,(0,p.default)(i,o)}return(0,m.default)(n,e),(0,f.default)(n,[{key:"render",value:function(){var e=this,n=this.props,t=n.header,i=n.isOpen,o=n.children,a=n.footer,l=n.width,u=!!t,d=!!a,s=function(){return u?b.default.createElement(z.default,{headerOrFooter:"header"},t):null},f=function(){return d?b.default.createElement(z.default,{headerOrFooter:"footer"},a):null},c=function(){return u?b.default.createElement(q.default,{headerOrFooter:"header"}):null},p=function(){return d?b.default.createElement(q.default,{headerOrFooter:"footer"}):null};return b.default.createElement(w.default,{isOpen:i},b.default.createElement(y.default,{canClickThrough:!i,isTinted:i,onBlanketClicked:this.dismissModal}),this.state.isAnimating||i?b.default.createElement(O.default,(0,r.default)({innerRef:function(n){e.modalPositionerRef=n},isOpen:i,width:l},this.getCustomWidth(),{onAnimationEnd:this.handleAnimationEnd,onClick:this.handlePositionerDirectClick}),b.default.createElement(S.default,null,b.default.createElement(s,null),b.default.createElement(P.default,{hasHeader:u,hasFooter:d},b.default.createElement(c,null),o,b.default.createElement(p,null)),b.default.createElement(f,null))):null)}}]),n}(g.PureComponent);I.propTypes={isOpen:v.default.bool,header:v.default.node,children:v.default.node,footer:v.default.node,width:v.default.oneOfType([v.default.number,v.default.string,v.default.oneOf(G.WIDTH_ENUM.values)]),onDialogDismissed:v.default.func},I.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:G.WIDTH_ENUM.defaultValue},n.default=I},function(e,n){e.exports=require("babel-runtime/helpers/extends")},function(e,n){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,n){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,n){e.exports=require("babel-runtime/helpers/createClass")},function(e,n){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,n){e.exports=require("babel-runtime/helpers/inherits")},function(e,n){e.exports=require("prop-types")},function(e,n){e.exports=require("react")},function(e,n){e.exports=require("@atlaskit/blanket")},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0}),n.getPointerEvents=void 0;var o=t(13),r=i(o),a=(0,r.default)(["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"],["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"]),l=t(14),u=i(l),d=t(15),s=n.getPointerEvents=function(e){var n=e.isOpen;return n?"initial":"none"};n.default=u.default.div(a,s,d.akZIndexBlanket)},function(e,n){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,n){e.exports=require("styled-components")},function(e,n){e.exports=require("@atlaskit/util-shared-styles")},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(13),r=i(o),a=(0,r.default)(["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "],["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "]),l=(0,r.default)(["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"]),u=t(14),d=i(u),s=t(15),f=t(17),c=7.5*s.akGridSizeUnitless,p=2*c,h=s.akGridSizeUnitless*-2,m=function(e){var n=e.width;return f.WIDTH_ENUM.widths[n]},x=function(e){var n=e.isOpen,t=n?h:0,i=n?.5*s.akGridSizeUnitless:.6*h,o=n?0:h,r=n?0:1,l=n?.8:.2,d=n?1:0;return(0,u.keyframes)(a,r,t,l,i,d,o)};n.default=d.default.div(l,p,c,p,m,s.akZIndexModal,x,f.modalAnimationDuration)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.modalAnimationDuration=n.WIDTH_ENUM=n.modalBorderRadius=n.modalShadowInnerSize=void 0;var i=t(15);n.modalShadowInnerSize=2,n.modalBorderRadius=i.akGridSizeUnitless/2,n.WIDTH_ENUM={values:["small","medium","large","x-large"],widths:{small:50*i.akGridSizeUnitless,medium:75*i.akGridSizeUnitless,large:100*i.akGridSizeUnitless,"x-large":121*i.akGridSizeUnitless},defaultValue:"medium"},n.modalAnimationDuration=.25},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(13),r=i(o),a=(0,r.default)(["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"],["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"]),l=t(14),u=i(l),d=t(15);n.default=u.default.div(a,d.akColorN0,d.akGridSizeUnitless/2)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(13),r=i(o),a=(0,r.default)(["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"],["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"]),l=t(14),u=i(l),d=t(15),s=t(17),f=function(e){var n=e.headerOrFooter,t="header"===n?s.modalBorderRadius:0,i="footer"===n?s.modalBorderRadius:0;return"\n    border-top-left-radius: "+t+";\n    border-top-right-radius: "+t+";\n    border-bottom-left-radius: "+i+";\n    border-bottom-right-radius: "+i+";\n  "};n.default=u.default.div(a,2*d.akGridSizeUnitless,f)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(13),r=i(o),a=(0,r.default)(["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"],["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"]),l=t(14),u=i(l),d=t(15),s=t(17),f=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return"inset 0px "+s.modalShadowInnerSize*e+"px 0px 0px "+d.akColorN30},c=function(e){var n=e.hasHeader,t=e.hasFooter;return n&&t?f()+", "+f(-1):n?f():n?f(-1):"none"};n.default=u.default.div(a,c,2*d.akGridSizeUnitless)},function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(n,"__esModule",{value:!0});var o=t(13),r=i(o),a=(0,r.default)(["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"],["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"]),l=t(14),u=i(l),d=t(15),s=t(17),f=function(e){var n=e.headerOrFooter;return"header"===n?"\n      left: 0;\n      position: absolute;\n      top: 0;\n      right: 0;\n    ":"footer"===n?"\n      margin: 0 "+d.akGridSizeUnitless*-2+"px;\n    ":null};n.default=u.default.div(a,d.akColorN0,s.modalShadowInnerSize,f)}]);

dist/bundle.js

 !function(root, factory) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("@atlaskit/blanket"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/extends", "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "react", "@atlaskit/blanket", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components", "@atlaskit/util-shared-styles" ], factory) : "object" == typeof exports ? exports["@atlaskit/modalDialog"] = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("@atlaskit/blanket"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : root["@atlaskit/modalDialog"] = factory(root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root.react, root["@atlaskit/blanket"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"], root["@atlaskit/util-shared-styles"]);
-}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_14__) {
+    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("prop-types"), require("react"), require("@atlaskit/blanket"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/extends", "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "prop-types", "react", "@atlaskit/blanket", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components", "@atlaskit/util-shared-styles" ], factory) : "object" == typeof exports ? exports["@atlaskit/modalDialog"] = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("prop-types"), require("react"), require("@atlaskit/blanket"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : root["@atlaskit/modalDialog"] = factory(root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root["prop-types"], root.react, root["@atlaskit/blanket"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"], root["@atlaskit/util-shared-styles"]);
+}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_14__, __WEBPACK_EXTERNAL_MODULE_15__) {
     /******/
@@ -98,3 +98,3 @@ return function(modules) {
         });
-        var _extends2 = __webpack_require__(3), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(4), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(5), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(6), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _blanket = __webpack_require__(10), _blanket2 = _interopRequireDefault(_blanket), _ModalWrapper = __webpack_require__(11), _ModalWrapper2 = _interopRequireDefault(_ModalWrapper), _ModalPositioner = __webpack_require__(15), _ModalPositioner2 = _interopRequireDefault(_ModalPositioner), _ModalContainer = __webpack_require__(17), _ModalContainer2 = _interopRequireDefault(_ModalContainer), _HeaderFooterWrapper = __webpack_require__(18), _HeaderFooterWrapper2 = _interopRequireDefault(_HeaderFooterWrapper), _ContentContainer = __webpack_require__(19), _ContentContainer2 = _interopRequireDefault(_ContentContainer), _KeylineMask = __webpack_require__(20), _KeylineMask2 = _interopRequireDefault(_KeylineMask), _sharedVariables = __webpack_require__(16), ModalDialog = function(_PureComponent) {
+        var _extends2 = __webpack_require__(3), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(4), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(5), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(6), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _blanket = __webpack_require__(11), _blanket2 = _interopRequireDefault(_blanket), _ModalWrapper = __webpack_require__(12), _ModalWrapper2 = _interopRequireDefault(_ModalWrapper), _ModalPositioner = __webpack_require__(16), _ModalPositioner2 = _interopRequireDefault(_ModalPositioner), _ModalContainer = __webpack_require__(18), _ModalContainer2 = _interopRequireDefault(_ModalContainer), _HeaderFooterWrapper = __webpack_require__(19), _HeaderFooterWrapper2 = _interopRequireDefault(_HeaderFooterWrapper), _ContentContainer = __webpack_require__(20), _ContentContainer2 = _interopRequireDefault(_ContentContainer), _KeylineMask = __webpack_require__(21), _KeylineMask2 = _interopRequireDefault(_KeylineMask), _sharedVariables = __webpack_require__(17), ModalDialog = function(_PureComponent) {
             function ModalDialog() {
@@ -188,8 +188,8 @@ var _ref, _temp, _this, _ret;
         ModalDialog.propTypes = {
-            isOpen: _react.PropTypes.bool,
-            header: _react.PropTypes.node,
-            children: _react.PropTypes.node,
-            footer: _react.PropTypes.node,
-            width: _react.PropTypes.oneOfType([ _react.PropTypes.number, _react.PropTypes.string, _react.PropTypes.oneOf(_sharedVariables.WIDTH_ENUM.values) ]),
-            onDialogDismissed: _react.PropTypes.func
+            isOpen: _propTypes2.default.bool,
+            header: _propTypes2.default.node,
+            children: _propTypes2.default.node,
+            footer: _propTypes2.default.node,
+            width: _propTypes2.default.oneOfType([ _propTypes2.default.number, _propTypes2.default.string, _propTypes2.default.oneOf(_sharedVariables.WIDTH_ENUM.values) ]),
+            onDialogDismissed: _propTypes2.default.func
         }, ModalDialog.defaultProps = {
@@ -234,2 +234,6 @@ isOpen: !1,
     /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
+    }, /* 12 */
+    /***/
     function(module, exports, __webpack_require__) {
@@ -245,4 +249,4 @@ "use strict";
         }), exports.getPointerEvents = void 0;
-        var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ], [ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), getPointerEvents = exports.getPointerEvents = function(_ref) {
+        var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ], [ "\n  height: 100%;\n  left: 0;\n  pointer-events: ", ";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), getPointerEvents = exports.getPointerEvents = function(_ref) {
             var isOpen = _ref.isOpen;
@@ -253,6 +257,2 @@ return isOpen ? "initial" : "none";
         exports.default = _styledComponents2.default.div(_templateObject, getPointerEvents, _utilSharedStyles.akZIndexBlanket);
-    }, /* 12 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
     }, /* 13 */
@@ -268,2 +268,6 @@ /***/
     /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_15__;
+    }, /* 16 */
+    /***/
     function(module, exports, __webpack_require__) {
@@ -279,5 +283,5 @@ "use strict";
         });
-        var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
         _taggedTemplateLiteral3.default)([ "\n    0% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    50% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    100% {\n      opacity: ", ";\n      top: ", "px;\n    }\n  " ], [ "\n    0% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    50% {\n      opacity: ", ";\n      top: ", "px;\n    }\n\n    100% {\n      opacity: ", ";\n      top: ", "px;\n    }\n  " ]), _templateObject2 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ], [ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), viewportMargin = 7.5 * _utilSharedStyles.akGridSizeUnitless, doubleViewportMargin = 2 * viewportMargin, animationDistance = _utilSharedStyles.akGridSizeUnitless * -2, getWidth = function(_ref) {
+        _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ], [ "\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ", "px);\n  margin: 0 auto;\n  margin-top: ", "px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ", "px);\n  position: relative;\n  width: ", "px;\n  z-index: ", ";\n\n  animation: ", " ", "s ease-in-out;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), viewportMargin = 7.5 * _utilSharedStyles.akGridSizeUnitless, doubleViewportMargin = 2 * viewportMargin, animationDistance = _utilSharedStyles.akGridSizeUnitless * -2, getWidth = function(_ref) {
             var width = _ref.width;
@@ -292,3 +296,3 @@ return _sharedVariables.WIDTH_ENUM.widths[width];
         exports.default = _styledComponents2.default.div(_templateObject2, doubleViewportMargin, viewportMargin, doubleViewportMargin, getWidth, _utilSharedStyles.akZIndexModal, getEntryExitAnimation, _sharedVariables.modalAnimationDuration);
-    }, /* 16 */
+    }, /* 17 */
     /***/
@@ -300,3 +304,3 @@ function(module, exports, __webpack_require__) {
         }), exports.modalAnimationDuration = exports.WIDTH_ENUM = exports.modalBorderRadius = exports.modalShadowInnerSize = void 0;
-        var _utilSharedStyles = __webpack_require__(14);
+        var _utilSharedStyles = __webpack_require__(15);
         exports.modalShadowInnerSize = 2, exports.modalBorderRadius = _utilSharedStyles.akGridSizeUnitless / 2, 
@@ -316,3 +320,3 @@ exports.WIDTH_ENUM = {
         }, exports.modalAnimationDuration = .25;
-    }, /* 17 */
+    }, /* 18 */
     /***/
@@ -329,6 +333,6 @@ function(module, exports, __webpack_require__) {
         });
-        var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ], [ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14);
+        var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ], [ "\n  background-color: ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15);
         exports.default = _styledComponents2.default.div(_templateObject, _utilSharedStyles.akColorN0, _utilSharedStyles.akGridSizeUnitless / 2);
-    }, /* 18 */
+    }, /* 19 */
     /***/
@@ -345,4 +349,4 @@ function(module, exports, __webpack_require__) {
         });
-        var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ], [ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), getBorderRadius = function(_ref) {
+        var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ], [ "\n  flex: 0 0 auto;\n  padding: ", "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), getBorderRadius = function(_ref) {
             var headerOrFooter = _ref.headerOrFooter, topBorderRadius = "header" === headerOrFooter ? _sharedVariables.modalBorderRadius : 0, bottomBorderRadius = "footer" === headerOrFooter ? _sharedVariables.modalBorderRadius : 0;
@@ -352,3 +356,3 @@ return "\n    border-top-left-radius: " + topBorderRadius + ";\n    border-top-right-radius: " + topBorderRadius + ";\n    border-bottom-left-radius: " + bottomBorderRadius + ";\n    border-bottom-right-radius: " + bottomBorderRadius + ";\n  ";
         exports.default = _styledComponents2.default.div(_templateObject, 2 * _utilSharedStyles.akGridSizeUnitless, getBorderRadius);
-    }, /* 19 */
+    }, /* 20 */
     /***/
@@ -365,4 +369,4 @@ function(module, exports, __webpack_require__) {
         });
-        var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ], [ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), boxShadow = function() {
+        var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ], [ "\n  box-shadow: ", ";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), boxShadow = function() {
             var modalShadowDirectionFlip = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 1;
@@ -375,3 +379,3 @@ return "inset 0px " + _sharedVariables.modalShadowInnerSize * modalShadowDirectionFlip + "px 0px 0px " + _utilSharedStyles.akColorN30;
         exports.default = _styledComponents2.default.div(_templateObject, getBoxShadows, 2 * _utilSharedStyles.akGridSizeUnitless);
-    }, /* 20 */
+    }, /* 21 */
     /***/
@@ -388,4 +392,4 @@ function(module, exports, __webpack_require__) {
         });
-        var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ], [ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(14), _sharedVariables = __webpack_require__(16), getTopOrBottomPosition = function(_ref) {
+        var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ], [ "\n  background: ", ';\n  content: "";\n  display: block;\n  height: ', "px;\n\n  ", "\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(15), _sharedVariables = __webpack_require__(17), getTopOrBottomPosition = function(_ref) {
             var headerOrFooter = _ref.headerOrFooter;
@@ -392,0 +396,0 @@ return "header" === headerOrFooter ? "\n      left: 0;\n      position: absolute;\n      top: 0;\n      right: 0;\n    " : "footer" === headerOrFooter ? "\n      margin: 0 " + _utilSharedStyles.akGridSizeUnitless * -2 + "px;\n    " : null;

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("@atlaskit/blanket"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","react","@atlaskit/blanket","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/modalDialog"]=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("@atlaskit/blanket"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/modalDialog"]=t(e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e.react,e["@atlaskit/blanket"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,n,r,i,o,a,l,u,s,d){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(2),o=r(i);t.default=o.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(3),o=r(i),a=n(4),l=r(a),u=n(5),s=r(u),d=n(6),p=r(d),c=n(7),f=r(c),h=n(8),m=r(h),b=n(9),x=r(b),y=n(10),g=r(y),v=n(11),k=r(v),_=n(15),w=r(_),M=n(17),C=r(M),O=n(18),P=r(O),E=n(19),D=r(E),T=n(20),q=r(T),S=n(16),j=function(e){function t(){var e,n,r,i;(0,s.default)(this,t);for(var o=arguments.length,a=Array(o),u=0;u<o;u++)a[u]=arguments[u];return n=r=(0,f.default)(this,(e=t.__proto__||(0,l.default)(t)).call.apply(e,[this].concat(a))),r.state={isAnimating:!1},r.componentDidMount=function(){document.addEventListener("keydown",r.handleKeyDown)},r.componentWillReceiveProps=function(e){r.props.isOpen!==e.isOpen&&r.setState({isAnimating:!0})},r.componentWillUnmount=function(){document.removeEventListener("keydown",r.handleKeyDown)},r.getCustomWidth=function(){return S.WIDTH_ENUM.values.indexOf(r.props.width)===-1?{style:{width:r.props.width}}:{}},r.dismissModal=function(e){r.props.isOpen&&r.props.onDialogDismissed(e)},r.handleAnimationEnd=function(){r.setState({isAnimating:!1})},r.handleKeyDown=function(e){var t=27;e.keyCode===t&&r.dismissModal(e)},r.handlePositionerDirectClick=function(e){var t=e.target;t&&t===r.modalPositionerRef&&r.dismissModal(e)},i=n,(0,f.default)(r,i)}return(0,m.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.header,r=t.isOpen,i=t.children,a=t.footer,l=t.width,u=!!n,s=!!a,d=function(){return u?x.default.createElement(P.default,{headerOrFooter:"header"},n):null},p=function(){return s?x.default.createElement(P.default,{headerOrFooter:"footer"},a):null},c=function(){return u?x.default.createElement(q.default,{headerOrFooter:"header"}):null},f=function(){return s?x.default.createElement(q.default,{headerOrFooter:"footer"}):null};return x.default.createElement(k.default,{isOpen:r},x.default.createElement(g.default,{canClickThrough:!r,isTinted:r,onBlanketClicked:this.dismissModal}),this.state.isAnimating||r?x.default.createElement(w.default,(0,o.default)({innerRef:function(t){e.modalPositionerRef=t},isOpen:r,width:l},this.getCustomWidth(),{onAnimationEnd:this.handleAnimationEnd,onClick:this.handlePositionerDirectClick}),x.default.createElement(C.default,null,x.default.createElement(d,null),x.default.createElement(D.default,{hasHeader:u,hasFooter:s},x.default.createElement(c,null),i,x.default.createElement(f,null)),x.default.createElement(p,null))):null)}}]),t}(b.PureComponent);j.propTypes={isOpen:b.PropTypes.bool,header:b.PropTypes.node,children:b.PropTypes.node,footer:b.PropTypes.node,width:b.PropTypes.oneOfType([b.PropTypes.number,b.PropTypes.string,b.PropTypes.oneOf(S.WIDTH_ENUM.values)]),onDialogDismissed:b.PropTypes.func},j.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:S.WIDTH_ENUM.defaultValue},t.default=j},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=o},function(e,t){e.exports=a},function(e,t){e.exports=l},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPointerEvents=void 0;var i=n(12),o=r(i),a=(0,o.default)(["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"],["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"]),l=n(13),u=r(l),s=n(14),d=t.getPointerEvents=function(e){var t=e.isOpen;return t?"initial":"none"};t.default=u.default.div(a,d,s.akZIndexBlanket)},function(e,t){e.exports=u},function(e,t){e.exports=s},function(e,t){e.exports=d},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),o=r(i),a=(0,o.default)(["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "],["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "]),l=(0,o.default)(["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"]),u=n(13),s=r(u),d=n(14),p=n(16),c=7.5*d.akGridSizeUnitless,f=2*c,h=d.akGridSizeUnitless*-2,m=function(e){var t=e.width;return p.WIDTH_ENUM.widths[t]},b=function(e){var t=e.isOpen,n=t?h:0,r=t?.5*d.akGridSizeUnitless:.6*h,i=t?0:h,o=t?0:1,l=t?.8:.2,s=t?1:0;return(0,u.keyframes)(a,o,n,l,r,s,i)};t.default=s.default.div(l,f,c,f,m,d.akZIndexModal,b,p.modalAnimationDuration)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.modalAnimationDuration=t.WIDTH_ENUM=t.modalBorderRadius=t.modalShadowInnerSize=void 0;var r=n(14);t.modalShadowInnerSize=2,t.modalBorderRadius=r.akGridSizeUnitless/2,t.WIDTH_ENUM={values:["small","medium","large","x-large"],widths:{small:50*r.akGridSizeUnitless,medium:75*r.akGridSizeUnitless,large:100*r.akGridSizeUnitless,"x-large":121*r.akGridSizeUnitless},defaultValue:"medium"},t.modalAnimationDuration=.25},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),o=r(i),a=(0,o.default)(["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"],["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"]),l=n(13),u=r(l),s=n(14);t.default=u.default.div(a,s.akColorN0,s.akGridSizeUnitless/2)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),o=r(i),a=(0,o.default)(["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"],["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"]),l=n(13),u=r(l),s=n(14),d=n(16),p=function(e){var t=e.headerOrFooter,n="header"===t?d.modalBorderRadius:0,r="footer"===t?d.modalBorderRadius:0;return"\n    border-top-left-radius: "+n+";\n    border-top-right-radius: "+n+";\n    border-bottom-left-radius: "+r+";\n    border-bottom-right-radius: "+r+";\n  "};t.default=u.default.div(a,2*s.akGridSizeUnitless,p)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),o=r(i),a=(0,o.default)(["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"],["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"]),l=n(13),u=r(l),s=n(14),d=n(16),p=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return"inset 0px "+d.modalShadowInnerSize*e+"px 0px 0px "+s.akColorN30},c=function(e){var t=e.hasHeader,n=e.hasFooter;return t&&n?p()+", "+p(-1):t?p():t?p(-1):"none"};t.default=u.default.div(a,c,2*s.akGridSizeUnitless)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),o=r(i),a=(0,o.default)(["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"],["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"]),l=n(13),u=r(l),s=n(14),d=n(16),p=function(e){var t=e.headerOrFooter;return"header"===t?"\n      left: 0;\n      position: absolute;\n      top: 0;\n      right: 0;\n    ":"footer"===t?"\n      margin: 0 "+s.akGridSizeUnitless*-2+"px;\n    ":null};t.default=u.default.div(a,s.akColorN0,d.modalShadowInnerSize,p)}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("@atlaskit/blanket"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","@atlaskit/blanket","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/modalDialog"]=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("@atlaskit/blanket"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/modalDialog"]=t(e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["prop-types"],e.react,e["@atlaskit/blanket"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,n,r,i,a,o,l,u,s,d,p){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=n(2),a=r(i);t.default=a.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(3),a=r(i),o=n(4),l=r(o),u=n(5),s=r(u),d=n(6),p=r(d),f=n(7),c=r(f),h=n(8),m=r(h),b=n(9),x=r(b),g=n(10),v=r(g),y=n(11),k=r(y),_=n(12),w=r(_),M=n(16),C=r(M),O=n(18),E=r(O),q=n(19),D=r(q),S=n(20),j=r(S),z=n(21),U=r(z),P=n(17),T=function(e){function t(){var e,n,r,i;(0,s.default)(this,t);for(var a=arguments.length,o=Array(a),u=0;u<a;u++)o[u]=arguments[u];return n=r=(0,c.default)(this,(e=t.__proto__||(0,l.default)(t)).call.apply(e,[this].concat(o))),r.state={isAnimating:!1},r.componentDidMount=function(){document.addEventListener("keydown",r.handleKeyDown)},r.componentWillReceiveProps=function(e){r.props.isOpen!==e.isOpen&&r.setState({isAnimating:!0})},r.componentWillUnmount=function(){document.removeEventListener("keydown",r.handleKeyDown)},r.getCustomWidth=function(){return P.WIDTH_ENUM.values.indexOf(r.props.width)===-1?{style:{width:r.props.width}}:{}},r.dismissModal=function(e){r.props.isOpen&&r.props.onDialogDismissed(e)},r.handleAnimationEnd=function(){r.setState({isAnimating:!1})},r.handleKeyDown=function(e){var t=27;e.keyCode===t&&r.dismissModal(e)},r.handlePositionerDirectClick=function(e){var t=e.target;t&&t===r.modalPositionerRef&&r.dismissModal(e)},i=n,(0,c.default)(r,i)}return(0,m.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.header,r=t.isOpen,i=t.children,o=t.footer,l=t.width,u=!!n,s=!!o,d=function(){return u?v.default.createElement(D.default,{headerOrFooter:"header"},n):null},p=function(){return s?v.default.createElement(D.default,{headerOrFooter:"footer"},o):null},f=function(){return u?v.default.createElement(U.default,{headerOrFooter:"header"}):null},c=function(){return s?v.default.createElement(U.default,{headerOrFooter:"footer"}):null};return v.default.createElement(w.default,{isOpen:r},v.default.createElement(k.default,{canClickThrough:!r,isTinted:r,onBlanketClicked:this.dismissModal}),this.state.isAnimating||r?v.default.createElement(C.default,(0,a.default)({innerRef:function(t){e.modalPositionerRef=t},isOpen:r,width:l},this.getCustomWidth(),{onAnimationEnd:this.handleAnimationEnd,onClick:this.handlePositionerDirectClick}),v.default.createElement(E.default,null,v.default.createElement(d,null),v.default.createElement(j.default,{hasHeader:u,hasFooter:s},v.default.createElement(f,null),i,v.default.createElement(c,null)),v.default.createElement(p,null))):null)}}]),t}(g.PureComponent);T.propTypes={isOpen:x.default.bool,header:x.default.node,children:x.default.node,footer:x.default.node,width:x.default.oneOfType([x.default.number,x.default.string,x.default.oneOf(P.WIDTH_ENUM.values)]),onDialogDismissed:x.default.func},T.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:P.WIDTH_ENUM.defaultValue},t.default=T},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPointerEvents=void 0;var i=n(13),a=r(i),o=(0,a.default)(["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"],["\n  height: 100%;\n  left: 0;\n  pointer-events: ",";\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: ",";\n"]),l=n(14),u=r(l),s=n(15),d=t.getPointerEvents=function(e){var t=e.isOpen;return t?"initial":"none"};t.default=u.default.div(o,d,s.akZIndexBlanket)},function(e,t){e.exports=s},function(e,t){e.exports=d},function(e,t){e.exports=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=r(i),o=(0,a.default)(["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "],["\n    0% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    50% {\n      opacity: ",";\n      top: ","px;\n    }\n\n    100% {\n      opacity: ",";\n      top: ","px;\n    }\n  "]),l=(0,a.default)(["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - ","px);\n  margin: 0 auto;\n  margin-top: ","px;\n  max-height: calc(100% - 1px);\n  max-width: calc(100% - ","px);\n  position: relative;\n  width: ","px;\n  z-index: ",";\n\n  animation: "," ","s ease-in-out;\n"]),u=n(14),s=r(u),d=n(15),p=n(17),f=7.5*d.akGridSizeUnitless,c=2*f,h=d.akGridSizeUnitless*-2,m=function(e){var t=e.width;return p.WIDTH_ENUM.widths[t]},b=function(e){var t=e.isOpen,n=t?h:0,r=t?.5*d.akGridSizeUnitless:.6*h,i=t?0:h,a=t?0:1,l=t?.8:.2,s=t?1:0;return(0,u.keyframes)(o,a,n,l,r,s,i)};t.default=s.default.div(l,c,f,c,m,d.akZIndexModal,b,p.modalAnimationDuration)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.modalAnimationDuration=t.WIDTH_ENUM=t.modalBorderRadius=t.modalShadowInnerSize=void 0;var r=n(15);t.modalShadowInnerSize=2,t.modalBorderRadius=r.akGridSizeUnitless/2,t.WIDTH_ENUM={values:["small","medium","large","x-large"],widths:{small:50*r.akGridSizeUnitless,medium:75*r.akGridSizeUnitless,large:100*r.akGridSizeUnitless,"x-large":121*r.akGridSizeUnitless},defaultValue:"medium"},t.modalAnimationDuration=.25},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=r(i),o=(0,a.default)(["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"],["\n  background-color: ",";\n  border-radius: ","px;\n  display: flex;\n  flex-direction: column;\n  max-height: inherit;\n"]),l=n(14),u=r(l),s=n(15);t.default=u.default.div(o,s.akColorN0,s.akGridSizeUnitless/2)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=r(i),o=(0,a.default)(["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"],["\n  flex: 0 0 auto;\n  padding: ","px;\n\n  ","\n"]),l=n(14),u=r(l),s=n(15),d=n(17),p=function(e){var t=e.headerOrFooter,n="header"===t?d.modalBorderRadius:0,r="footer"===t?d.modalBorderRadius:0;return"\n    border-top-left-radius: "+n+";\n    border-top-right-radius: "+n+";\n    border-bottom-left-radius: "+r+";\n    border-bottom-right-radius: "+r+";\n  "};t.default=u.default.div(o,2*s.akGridSizeUnitless,p)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=r(i),o=(0,a.default)(["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"],["\n  box-shadow: ",";\n  flex: 0 1 auto;\n  overflow-y: auto;\n  padding: 0 ","px;\n  position: relative;\n"]),l=n(14),u=r(l),s=n(15),d=n(17),p=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return"inset 0px "+d.modalShadowInnerSize*e+"px 0px 0px "+s.akColorN30},f=function(e){var t=e.hasHeader,n=e.hasFooter;return t&&n?p()+", "+p(-1):t?p():t?p(-1):"none"};t.default=u.default.div(o,f,2*s.akGridSizeUnitless)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=r(i),o=(0,a.default)(["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"],["\n  background: ",';\n  content: "";\n  display: block;\n  height: ',"px;\n\n  ","\n"]),l=n(14),u=r(l),s=n(15),d=n(17),p=function(e){var t=e.headerOrFooter;return"header"===t?"\n      left: 0;\n      position: absolute;\n      top: 0;\n      right: 0;\n    ":"footer"===t?"\n      margin: 0 "+s.akGridSizeUnitless*-2+"px;\n    ":null};t.default=u.default.div(o,s.akColorN0,d.modalShadowInnerSize,p)}])});

package.json

 {
   "name": "@atlaskit/modal-dialog",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "config": {
@@ -11,2 +11,5 @@ "access": "public"
   "ak:webpack:raw": "src/index.jsx",
+  "ak:component": {
+    "name": "Modal Dialog"
+  },
   "types": "src/index.d.ts",
@@ -22,7 +25,8 @@ "scripts": {
     "@atlaskit/util-shared-styles": "^2.0.1",
-    "babel-runtime": "^6.11.6"
+    "babel-runtime": "^6.11.6",
+    "prop-types": "^15.5.10",
+    "styled-components": "^1.3.0"
   },
   "peerDependencies": {
-    "react": "^15.3.2",
-    "styled-components": "^1.3.0"
+    "react": "^15.3.2"
   },
@@ -43,3 +47,3 @@ "author": "Atlassian Pty Ltd",
     "@atlaskit/navigation": "^8.0.0",
-    "react-lorem-component": "*"
+    "react-lorem-component": "0.11.0"
   },
@@ -46,0 +50,0 @@ "repository": {

README.md

@@ -14,3 +14,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://atlaskit.atlassian.com)
 
-Interact with a [live demo of the @atlaskit/modal-dialog component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/modal-dialog/2.1.0/).
+Interact with a [live demo of the @atlaskit/modal-dialog component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/modal-dialog/2.1.1/).
 
@@ -17,0 +17,0 @@ ## Installation

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

79187

increased by1.28%

Lines of code

798

increased by1.01%

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Addedprop-types@^15.5.10

• + Addedstyled-components@^1.3.0