@atlaskit/modal-dialog - npm Package Compare versions

Comparing version 1.3.2 to 1.3.3

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="1.3.2"></a>
-## 1.3.2 (2017-04-27)
+<a name="1.3.3"></a>
+## 1.3.3 (2017-05-03)
 
 
 
+<a name="1.3.3"></a>
+## 1.3.3 (2017-05-03)
+
+
+### Bug Fixes
+
+* **component:** Fix child position:fixed elements being clipped ([fc0a894](https://bitbucket.org/atlassian/atlaskit/commits/fc0a894))
+
+
+
 <a name="1.3.2"></a>
@@ -7,0 +17,0 @@ ## 1.3.2 (2017-04-27)

dist/bundle-cjs.js

@@ -135,13 +135,17 @@ module.exports = /******/
                     onClick: this.handlePositionerDirectClick
-                }), header ? _react2.default.createElement("div", {
+                }), _react2.default.createElement("div", {
+                    className: _style2.default.modalContainer
+                }, header ? _react2.default.createElement("div", {
                     className: _style2.default.headerFlex
                 }, header) : null, _react2.default.createElement("div", {
-                    className: (0, _classnames2.default)([ _style2.default.contentFlex, (_ref3 = {}, 
+                    className: (0, _classnames2.default)([ _style2.default.contentContainer, (_ref3 = {}, 
                     (0, _defineProperty3.default)(_ref3, _style2.default.withHeader, hasHeader), (0, 
-                    _defineProperty3.default)(_ref3, _style2.default.withFooter, hasFooter), (0, _defineProperty3.default)(_ref3, _style2.default.withoutHeader, !hasHeader), 
-                    (0, _defineProperty3.default)(_ref3, _style2.default.withoutFooter, !hasFooter), 
-                    _ref3) ])
-                }, children), footer ? _react2.default.createElement("div", {
+                    _defineProperty3.default)(_ref3, _style2.default.withFooter, hasFooter), _ref3) ])
+                }, _react2.default.createElement("div", null, hasHeader ? _react2.default.createElement("div", {
+                    className: _style2.default.topKeylineMask
+                }) : null, children, hasFooter ? _react2.default.createElement("div", {
+                    className: _style2.default.bottomKeylineMask
+                }) : null)), footer ? _react2.default.createElement("div", {
                     className: _style2.default.footerFlex
-                }, footer) : null));
+                }, footer) : null)));
             }
@@ -217,31 +221,33 @@ } ]), ModalDialog;
     // module
-    exports.push([ module.id, '._1Y7R2RKLnULHhkELIWItTz{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._2zT3i172KathLAm1lxIAK{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:calc(100% - 120px);margin:0 auto;height:calc(100% - 120px);margin-top:60px;position:relative;z-index:510}._2zT3i172KathLAm1lxIAK._3gZRiMciAZoPL2hniXd7-K{width:400px}._2zT3i172KathLAm1lxIAK._36ze7sP3d5o-cp4RC-iqjq{width:600px}._2zT3i172KathLAm1lxIAK._3xCBLr3UlYYpX1Ued0kWiu{width:800px}._2zT3i172KathLAm1lxIAK._2_EkPOTozYPWJYlq6cbtr_{width:968px}._2zT3i172KathLAm1lxIAK ._1WryBXlrDf1KJkXwW-i3Mt{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._2PqUcEhTTlpH26Z8S5Ub0E{-webkit-box-flex:0;flex:0 1 auto;overflow:auto;box-sizing:border-box;padding:0 16px;position:relative;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK .b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo.b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._3rs_24CaPn7bBHXVWe8Vto{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.jU-spDCIkoi7D25UHFFd2{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}.jU-spDCIkoi7D25UHFFd2:before{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3mBddiaosTgG2184KsCGDc:after{background:#fff;content:"";display:block;height:2px;margin-right:-16px;margin-left:-16px}.jU-spDCIkoi7D25UHFFd2._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}', "" ]), 
+    exports.push([ module.id, '.KULXDP5q0EQONRkFJ8ItC{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._3cEqab81YiYF7ESyNVzZQr{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:calc(100% - 120px);margin:0 auto;margin-top:60px;max-height:calc(100% - 1px);max-width:calc(100% - 120px);position:relative;z-index:510}._3cEqab81YiYF7ESyNVzZQr._2s0EJ9teEPih_Y-mHMEZkV{width:400px}._3cEqab81YiYF7ESyNVzZQr._219xdpn5og9WdKshJF-60H{width:600px}._3cEqab81YiYF7ESyNVzZQr._1SmEVL4uuqOqMM8T2cYPas{width:800px}._3cEqab81YiYF7ESyNVzZQr._2zexeJljxMgmosUns2sAOw{width:968px}._3cEqab81YiYF7ESyNVzZQr ._3IZb5JeY96C-iqhKm_akXb{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:inherit}._3cEqab81YiYF7ESyNVzZQr ._1ntaxE3BTkHYLD6TQCpGSy{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr ._2K0ofjNcmC_onTylnwf8t1{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW{-webkit-box-flex:0;flex:0 1 auto;overflow-y:auto;padding:0 16px;position:relative}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2XhZ5x6tomkDYeA2sOBc7b{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2IhUADQarN3JrOXT9TlaG9{background:#fff;content:"";display:block;height:2px;margin-left:-16px;margin-right:-16px}', "" ]), 
     // exports
     exports.locals = {
-        "modal-wrapper": "_1Y7R2RKLnULHhkELIWItTz",
-        modalWrapper: "_1Y7R2RKLnULHhkELIWItTz",
-        "modal-positioner": "_2zT3i172KathLAm1lxIAK",
-        modalPositioner: "_2zT3i172KathLAm1lxIAK",
-        small: "_3gZRiMciAZoPL2hniXd7-K",
-        small: "_3gZRiMciAZoPL2hniXd7-K",
-        medium: "_36ze7sP3d5o-cp4RC-iqjq",
-        medium: "_36ze7sP3d5o-cp4RC-iqjq",
-        large: "_3xCBLr3UlYYpX1Ued0kWiu",
-        large: "_3xCBLr3UlYYpX1Ued0kWiu",
-        "x-large": "_2_EkPOTozYPWJYlq6cbtr_",
-        xLarge: "_2_EkPOTozYPWJYlq6cbtr_",
-        "header-flex": "_1WryBXlrDf1KJkXwW-i3Mt",
-        headerFlex: "_1WryBXlrDf1KJkXwW-i3Mt",
-        "content-flex": "_2PqUcEhTTlpH26Z8S5Ub0E",
-        contentFlex: "_2PqUcEhTTlpH26Z8S5Ub0E",
-        "without-header": "_1ytIA-VnuGPPqEp7w0tWdo",
-        withoutHeader: "_1ytIA-VnuGPPqEp7w0tWdo",
-        "without-footer": "b2G7rNDckuZN10A97J3Ej",
-        withoutFooter: "b2G7rNDckuZN10A97J3Ej",
-        "footer-flex": "_3rs_24CaPn7bBHXVWe8Vto",
-        footerFlex: "_3rs_24CaPn7bBHXVWe8Vto",
-        "with-header": "jU-spDCIkoi7D25UHFFd2",
-        withHeader: "jU-spDCIkoi7D25UHFFd2",
-        "with-footer": "_3mBddiaosTgG2184KsCGDc",
-        withFooter: "_3mBddiaosTgG2184KsCGDc"
+        "modal-wrapper": "KULXDP5q0EQONRkFJ8ItC",
+        modalWrapper: "KULXDP5q0EQONRkFJ8ItC",
+        "modal-positioner": "_3cEqab81YiYF7ESyNVzZQr",
+        modalPositioner: "_3cEqab81YiYF7ESyNVzZQr",
+        small: "_2s0EJ9teEPih_Y-mHMEZkV",
+        small: "_2s0EJ9teEPih_Y-mHMEZkV",
+        medium: "_219xdpn5og9WdKshJF-60H",
+        medium: "_219xdpn5og9WdKshJF-60H",
+        large: "_1SmEVL4uuqOqMM8T2cYPas",
+        large: "_1SmEVL4uuqOqMM8T2cYPas",
+        "x-large": "_2zexeJljxMgmosUns2sAOw",
+        xLarge: "_2zexeJljxMgmosUns2sAOw",
+        "modal-container": "_3IZb5JeY96C-iqhKm_akXb",
+        modalContainer: "_3IZb5JeY96C-iqhKm_akXb",
+        "header-flex": "_1ntaxE3BTkHYLD6TQCpGSy",
+        headerFlex: "_1ntaxE3BTkHYLD6TQCpGSy",
+        "footer-flex": "_2K0ofjNcmC_onTylnwf8t1",
+        footerFlex: "_2K0ofjNcmC_onTylnwf8t1",
+        "content-container": "LctriSXtPeSP9m4xoqidW",
+        contentContainer: "LctriSXtPeSP9m4xoqidW",
+        "with-header": "_1WPK5OuDulBWVOvxoMipyJ",
+        withHeader: "_1WPK5OuDulBWVOvxoMipyJ",
+        "with-footer": "ilY_nqxif0S1nNLk9nWmU",
+        withFooter: "ilY_nqxif0S1nNLk9nWmU",
+        "top-keyline-mask": "_2XhZ5x6tomkDYeA2sOBc7b",
+        topKeylineMask: "_2XhZ5x6tomkDYeA2sOBc7b",
+        "bottom-keyline-mask": "_2IhUADQarN3JrOXT9TlaG9",
+        bottomKeylineMask: "_2IhUADQarN3JrOXT9TlaG9"
     };
@@ -248,0 +254,0 @@ }, /* 17 */

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(o){if(r[o])return r[o].exports;var i=r[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(4)},,,,function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(5),n=o(i),a=r(6),l=o(a),s=r(7),d=o(s),u=r(8),f=o(u),p=r(9),c=o(p),h=r(10),b=o(h),m=r(11),x=o(m),g=r(12),v=o(g),_=r(13),y=o(_),k=r(14),w=o(k),T=r(15),L=o(T),A={values:["small","medium","large","x-large"],defaultValue:"medium"},P=function(e){function t(){var e,r,o,i;(0,f.default)(this,t);for(var n=arguments.length,a=Array(n),l=0;l<n;l++)a[l]=arguments[l];return r=o=(0,b.default)(this,(e=t.__proto__||(0,d.default)(t)).call.apply(e,[this].concat(a))),o.componentDidMount=function(){document.addEventListener("keydown",o.handleKeyDown)},o.componentWillUnmount=function(){document.removeEventListener("keydown",o.handleKeyDown)},o.handleKeyDown=function(e){var t=27;e.keyCode===t&&o.props.onDialogDismissed(e)},o.handlePositionerDirectClick=function(e){var t=e.target;t&&t.classList.contains(L.default.modalPositioner)&&o.props.onDialogDismissed(e)},i=r,(0,b.default)(o,i)}return(0,x.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e,t;if(!this.props.isOpen)return null;var r=this.props,o=r.onDialogDismissed,i=r.header,a=r.children,s=r.footer,d=r.width,u=A.values.indexOf(d)===-1?{style:{width:d}}:{},f=!!i,p=!!s;return v.default.createElement("div",{className:L.default.modalWrapper},v.default.createElement(w.default,{isTinted:!0,onBlanketClicked:o}),v.default.createElement("div",(0,n.default)({className:(0,y.default)([L.default.modalPositioner,(e={},(0,l.default)(e,L.default.small,"small"===d),(0,l.default)(e,L.default.medium,"medium"===d),(0,l.default)(e,L.default.large,"large"===d),(0,l.default)(e,L.default.xLarge,"x-large"===d),e)])},u,{onClick:this.handlePositionerDirectClick}),i?v.default.createElement("div",{className:L.default.headerFlex},i):null,v.default.createElement("div",{className:(0,y.default)([L.default.contentFlex,(t={},(0,l.default)(t,L.default.withHeader,f),(0,l.default)(t,L.default.withFooter,p),(0,l.default)(t,L.default.withoutHeader,!f),(0,l.default)(t,L.default.withoutFooter,!p),t)])},a),s?v.default.createElement("div",{className:L.default.footerFlex},s):null))}}]),t}(g.PureComponent);P.propTypes={isOpen:g.PropTypes.bool,header:g.PropTypes.node,children:g.PropTypes.node,footer:g.PropTypes.node,width:g.PropTypes.oneOfType([g.PropTypes.number,g.PropTypes.string,g.PropTypes.oneOf(A.values)]),onDialogDismissed:g.PropTypes.func},P.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:A.defaultValue},t.default=P},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("@atlaskit/blanket")},function(e,t,r){var o=r(16);"string"==typeof o&&(o=[[e.id,o,""]]),r(18)(o,{}),o.locals&&(e.exports=o.locals)},function(e,t,r){t=e.exports=r(17)(),t.push([e.id,'._1Y7R2RKLnULHhkELIWItTz{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._2zT3i172KathLAm1lxIAK{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:calc(100% - 120px);margin:0 auto;height:calc(100% - 120px);margin-top:60px;position:relative;z-index:510}._2zT3i172KathLAm1lxIAK._3gZRiMciAZoPL2hniXd7-K{width:400px}._2zT3i172KathLAm1lxIAK._36ze7sP3d5o-cp4RC-iqjq{width:600px}._2zT3i172KathLAm1lxIAK._3xCBLr3UlYYpX1Ued0kWiu{width:800px}._2zT3i172KathLAm1lxIAK._2_EkPOTozYPWJYlq6cbtr_{width:968px}._2zT3i172KathLAm1lxIAK ._1WryBXlrDf1KJkXwW-i3Mt{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._2PqUcEhTTlpH26Z8S5Ub0E{-webkit-box-flex:0;flex:0 1 auto;overflow:auto;box-sizing:border-box;padding:0 16px;position:relative;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK .b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo.b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._3rs_24CaPn7bBHXVWe8Vto{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.jU-spDCIkoi7D25UHFFd2{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}.jU-spDCIkoi7D25UHFFd2:before{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3mBddiaosTgG2184KsCGDc:after{background:#fff;content:"";display:block;height:2px;margin-right:-16px;margin-left:-16px}.jU-spDCIkoi7D25UHFFd2._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}',""]),t.locals={"modal-wrapper":"_1Y7R2RKLnULHhkELIWItTz",modalWrapper:"_1Y7R2RKLnULHhkELIWItTz","modal-positioner":"_2zT3i172KathLAm1lxIAK",modalPositioner:"_2zT3i172KathLAm1lxIAK",small:"_3gZRiMciAZoPL2hniXd7-K",small:"_3gZRiMciAZoPL2hniXd7-K",medium:"_36ze7sP3d5o-cp4RC-iqjq",medium:"_36ze7sP3d5o-cp4RC-iqjq",large:"_3xCBLr3UlYYpX1Ued0kWiu",large:"_3xCBLr3UlYYpX1Ued0kWiu","x-large":"_2_EkPOTozYPWJYlq6cbtr_",xLarge:"_2_EkPOTozYPWJYlq6cbtr_","header-flex":"_1WryBXlrDf1KJkXwW-i3Mt",headerFlex:"_1WryBXlrDf1KJkXwW-i3Mt","content-flex":"_2PqUcEhTTlpH26Z8S5Ub0E",contentFlex:"_2PqUcEhTTlpH26Z8S5Ub0E","without-header":"_1ytIA-VnuGPPqEp7w0tWdo",withoutHeader:"_1ytIA-VnuGPPqEp7w0tWdo","without-footer":"b2G7rNDckuZN10A97J3Ej",withoutFooter:"b2G7rNDckuZN10A97J3Ej","footer-flex":"_3rs_24CaPn7bBHXVWe8Vto",footerFlex:"_3rs_24CaPn7bBHXVWe8Vto","with-header":"jU-spDCIkoi7D25UHFFd2",withHeader:"jU-spDCIkoi7D25UHFFd2","with-footer":"_3mBddiaosTgG2184KsCGDc",withFooter:"_3mBddiaosTgG2184KsCGDc"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},i=0;i<this.length;i++){var n=this[i][0];"number"==typeof n&&(o[n]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&o[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function o(e,t){for(var r=0;r<e.length;r++){var o=e[r],i=c[o.id];if(i){i.refs++;for(var n=0;n<i.parts.length;n++)i.parts[n](o.parts[n]);for(;n<o.parts.length;n++)i.parts.push(d(o.parts[n],t))}else{for(var a=[],n=0;n<o.parts.length;n++)a.push(d(o.parts[n],t));c[o.id]={id:o.id,refs:1,parts:a}}}}function i(e){for(var t=[],r={},o=0;o<e.length;o++){var i=e[o],n=i[0],a=i[1],l=i[2],s=i[3],d={css:a,media:l,sourceMap:s};r[n]?r[n].parts.push(d):t.push(r[n]={id:n,parts:[d]})}return t}function n(e,t){var r=m(),o=v[v.length-1];if("top"===e.insertAt)o?o.nextSibling?r.insertBefore(t,o.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),v.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=v.indexOf(e);t>=0&&v.splice(t,1)}function l(e){var t=document.createElement("style");return t.type="text/css",n(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",n(e,t),t}function d(e,t){var r,o,i;if(t.singleton){var n=g++;r=x||(x=l(t)),o=u.bind(null,r,n,!1),i=u.bind(null,r,n,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),o=p.bind(null,r),i=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=l(t),o=f.bind(null,r),i=function(){a(r)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else i()}}function u(e,t,r,o){var i=r?"":o.css;if(e.styleSheet)e.styleSheet.cssText=_(t,i);else{var n=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(n,a[t]):e.appendChild(n)}}function f(e,t){var r=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function p(e,t){var r=t.css,o=t.sourceMap;o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),n=e.href;e.href=URL.createObjectURL(i),n&&URL.revokeObjectURL(n)}var c={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},b=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=h(function(){return document.head||document.getElementsByTagName("head")[0]}),x=null,g=0,v=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=b()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=i(e);return o(r,t),function(e){for(var n=[],a=0;a<r.length;a++){var l=r[a],s=c[l.id];s.refs--,n.push(s)}if(e){var d=i(e);o(d,t)}for(var a=0;a<n.length;a++){var s=n[a];if(0===s.refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete c[s.id]}}}};var _=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()}]);
+module.exports=function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(4)},,,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(5),i=n(o),a=r(6),l=n(a),s=r(7),d=n(s),u=r(8),f=n(u),c=r(9),p=n(c),m=r(10),h=n(m),x=r(11),b=n(x),y=r(12),v=n(y),g=r(13),_=n(g),E=r(14),k=n(E),Y=r(15),q=n(Y),S={values:["small","medium","large","x-large"],defaultValue:"medium"},w=function(e){function t(){var e,r,n,o;(0,f.default)(this,t);for(var i=arguments.length,a=Array(i),l=0;l<i;l++)a[l]=arguments[l];return r=n=(0,h.default)(this,(e=t.__proto__||(0,d.default)(t)).call.apply(e,[this].concat(a))),n.componentDidMount=function(){document.addEventListener("keydown",n.handleKeyDown)},n.componentWillUnmount=function(){document.removeEventListener("keydown",n.handleKeyDown)},n.handleKeyDown=function(e){var t=27;e.keyCode===t&&n.props.onDialogDismissed(e)},n.handlePositionerDirectClick=function(e){var t=e.target;t&&t.classList.contains(q.default.modalPositioner)&&n.props.onDialogDismissed(e)},o=r,(0,h.default)(n,o)}return(0,b.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e,t;if(!this.props.isOpen)return null;var r=this.props,n=r.onDialogDismissed,o=r.header,a=r.children,s=r.footer,d=r.width,u=S.values.indexOf(d)===-1?{style:{width:d}}:{},f=!!o,c=!!s;return v.default.createElement("div",{className:q.default.modalWrapper},v.default.createElement(k.default,{isTinted:!0,onBlanketClicked:n}),v.default.createElement("div",(0,i.default)({className:(0,_.default)([q.default.modalPositioner,(e={},(0,l.default)(e,q.default.small,"small"===d),(0,l.default)(e,q.default.medium,"medium"===d),(0,l.default)(e,q.default.large,"large"===d),(0,l.default)(e,q.default.xLarge,"x-large"===d),e)])},u,{onClick:this.handlePositionerDirectClick}),v.default.createElement("div",{className:q.default.modalContainer},o?v.default.createElement("div",{className:q.default.headerFlex},o):null,v.default.createElement("div",{className:(0,_.default)([q.default.contentContainer,(t={},(0,l.default)(t,q.default.withHeader,f),(0,l.default)(t,q.default.withFooter,c),t)])},v.default.createElement("div",null,f?v.default.createElement("div",{className:q.default.topKeylineMask}):null,a,c?v.default.createElement("div",{className:q.default.bottomKeylineMask}):null)),s?v.default.createElement("div",{className:q.default.footerFlex},s):null)))}}]),t}(y.PureComponent);w.propTypes={isOpen:y.PropTypes.bool,header:y.PropTypes.node,children:y.PropTypes.node,footer:y.PropTypes.node,width:y.PropTypes.oneOfType([y.PropTypes.number,y.PropTypes.string,y.PropTypes.oneOf(S.values)]),onDialogDismissed:y.PropTypes.func},w.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:S.defaultValue},t.default=w},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("@atlaskit/blanket")},function(e,t,r){var n=r(16);"string"==typeof n&&(n=[[e.id,n,""]]),r(18)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(17)(),t.push([e.id,'.KULXDP5q0EQONRkFJ8ItC{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._3cEqab81YiYF7ESyNVzZQr{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:calc(100% - 120px);margin:0 auto;margin-top:60px;max-height:calc(100% - 1px);max-width:calc(100% - 120px);position:relative;z-index:510}._3cEqab81YiYF7ESyNVzZQr._2s0EJ9teEPih_Y-mHMEZkV{width:400px}._3cEqab81YiYF7ESyNVzZQr._219xdpn5og9WdKshJF-60H{width:600px}._3cEqab81YiYF7ESyNVzZQr._1SmEVL4uuqOqMM8T2cYPas{width:800px}._3cEqab81YiYF7ESyNVzZQr._2zexeJljxMgmosUns2sAOw{width:968px}._3cEqab81YiYF7ESyNVzZQr ._3IZb5JeY96C-iqhKm_akXb{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:inherit}._3cEqab81YiYF7ESyNVzZQr ._1ntaxE3BTkHYLD6TQCpGSy{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr ._2K0ofjNcmC_onTylnwf8t1{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW{-webkit-box-flex:0;flex:0 1 auto;overflow-y:auto;padding:0 16px;position:relative}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2XhZ5x6tomkDYeA2sOBc7b{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2IhUADQarN3JrOXT9TlaG9{background:#fff;content:"";display:block;height:2px;margin-left:-16px;margin-right:-16px}',""]),t.locals={"modal-wrapper":"KULXDP5q0EQONRkFJ8ItC",modalWrapper:"KULXDP5q0EQONRkFJ8ItC","modal-positioner":"_3cEqab81YiYF7ESyNVzZQr",modalPositioner:"_3cEqab81YiYF7ESyNVzZQr",small:"_2s0EJ9teEPih_Y-mHMEZkV",small:"_2s0EJ9teEPih_Y-mHMEZkV",medium:"_219xdpn5og9WdKshJF-60H",medium:"_219xdpn5og9WdKshJF-60H",large:"_1SmEVL4uuqOqMM8T2cYPas",large:"_1SmEVL4uuqOqMM8T2cYPas","x-large":"_2zexeJljxMgmosUns2sAOw",xLarge:"_2zexeJljxMgmosUns2sAOw","modal-container":"_3IZb5JeY96C-iqhKm_akXb",modalContainer:"_3IZb5JeY96C-iqhKm_akXb","header-flex":"_1ntaxE3BTkHYLD6TQCpGSy",headerFlex:"_1ntaxE3BTkHYLD6TQCpGSy","footer-flex":"_2K0ofjNcmC_onTylnwf8t1",footerFlex:"_2K0ofjNcmC_onTylnwf8t1","content-container":"LctriSXtPeSP9m4xoqidW",contentContainer:"LctriSXtPeSP9m4xoqidW","with-header":"_1WPK5OuDulBWVOvxoMipyJ",withHeader:"_1WPK5OuDulBWVOvxoMipyJ","with-footer":"ilY_nqxif0S1nNLk9nWmU",withFooter:"ilY_nqxif0S1nNLk9nWmU","top-keyline-mask":"_2XhZ5x6tomkDYeA2sOBc7b",topKeylineMask:"_2XhZ5x6tomkDYeA2sOBc7b","bottom-keyline-mask":"_2IhUADQarN3JrOXT9TlaG9",bottomKeylineMask:"_2IhUADQarN3JrOXT9TlaG9"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(n[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],o=p[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(d(n.parts[i],t))}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(d(n.parts[i],t));p[n.id]={id:n.id,refs:1,parts:a}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],a=o[1],l=o[2],s=o[3],d={css:a,media:l,sourceMap:s};r[i]?r[i].parts.push(d):t.push(r[i]={id:i,parts:[d]})}return t}function i(e,t){var r=x(),n=v[v.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),v.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=v.indexOf(e);t>=0&&v.splice(t,1)}function l(e){var t=document.createElement("style");return t.type="text/css",i(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",i(e,t),t}function d(e,t){var r,n,o;if(t.singleton){var i=y++;r=b||(b=l(t)),n=u.bind(null,r,i,!1),o=u.bind(null,r,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),n=c.bind(null,r),o=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=l(t),n=f.bind(null,r),o=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function u(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function f(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function c(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var o=new Blob([r],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var p={},m=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=m(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),x=m(function(){return document.head||document.getElementsByTagName("head")[0]}),b=null,y=0,v=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a<r.length;a++){var l=r[a],s=p[l.id];s.refs--,i.push(s)}if(e){var d=o(e);n(d,t)}for(var a=0;a<i.length;a++){var s=i[a];if(0===s.refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete p[s.id]}}}};var g=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()}]);

dist/bundle.js

@@ -138,13 +138,17 @@ !function(root, factory) {
                         onClick: this.handlePositionerDirectClick
-                    }), header ? _react2.default.createElement("div", {
+                    }), _react2.default.createElement("div", {
+                        className: _style2.default.modalContainer
+                    }, header ? _react2.default.createElement("div", {
                         className: _style2.default.headerFlex
                     }, header) : null, _react2.default.createElement("div", {
-                        className: (0, _classnames2.default)([ _style2.default.contentFlex, (_ref3 = {}, 
+                        className: (0, _classnames2.default)([ _style2.default.contentContainer, (_ref3 = {}, 
                         (0, _defineProperty3.default)(_ref3, _style2.default.withHeader, hasHeader), (0, 
-                        _defineProperty3.default)(_ref3, _style2.default.withFooter, hasFooter), (0, _defineProperty3.default)(_ref3, _style2.default.withoutHeader, !hasHeader), 
-                        (0, _defineProperty3.default)(_ref3, _style2.default.withoutFooter, !hasFooter), 
-                        _ref3) ])
-                    }, children), footer ? _react2.default.createElement("div", {
+                        _defineProperty3.default)(_ref3, _style2.default.withFooter, hasFooter), _ref3) ])
+                    }, _react2.default.createElement("div", null, hasHeader ? _react2.default.createElement("div", {
+                        className: _style2.default.topKeylineMask
+                    }) : null, children, hasFooter ? _react2.default.createElement("div", {
+                        className: _style2.default.bottomKeylineMask
+                    }) : null)), footer ? _react2.default.createElement("div", {
                         className: _style2.default.footerFlex
-                    }, footer) : null));
+                    }, footer) : null)));
                 }
@@ -220,31 +224,33 @@ } ]), ModalDialog;
         // module
-        exports.push([ module.id, '._1Y7R2RKLnULHhkELIWItTz{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._2zT3i172KathLAm1lxIAK{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:calc(100% - 120px);margin:0 auto;height:calc(100% - 120px);margin-top:60px;position:relative;z-index:510}._2zT3i172KathLAm1lxIAK._3gZRiMciAZoPL2hniXd7-K{width:400px}._2zT3i172KathLAm1lxIAK._36ze7sP3d5o-cp4RC-iqjq{width:600px}._2zT3i172KathLAm1lxIAK._3xCBLr3UlYYpX1Ued0kWiu{width:800px}._2zT3i172KathLAm1lxIAK._2_EkPOTozYPWJYlq6cbtr_{width:968px}._2zT3i172KathLAm1lxIAK ._1WryBXlrDf1KJkXwW-i3Mt{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._2PqUcEhTTlpH26Z8S5Ub0E{-webkit-box-flex:0;flex:0 1 auto;overflow:auto;box-sizing:border-box;padding:0 16px;position:relative;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK .b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo.b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._3rs_24CaPn7bBHXVWe8Vto{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.jU-spDCIkoi7D25UHFFd2{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}.jU-spDCIkoi7D25UHFFd2:before{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3mBddiaosTgG2184KsCGDc:after{background:#fff;content:"";display:block;height:2px;margin-right:-16px;margin-left:-16px}.jU-spDCIkoi7D25UHFFd2._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}', "" ]), 
+        exports.push([ module.id, '.KULXDP5q0EQONRkFJ8ItC{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._3cEqab81YiYF7ESyNVzZQr{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:calc(100% - 120px);margin:0 auto;margin-top:60px;max-height:calc(100% - 1px);max-width:calc(100% - 120px);position:relative;z-index:510}._3cEqab81YiYF7ESyNVzZQr._2s0EJ9teEPih_Y-mHMEZkV{width:400px}._3cEqab81YiYF7ESyNVzZQr._219xdpn5og9WdKshJF-60H{width:600px}._3cEqab81YiYF7ESyNVzZQr._1SmEVL4uuqOqMM8T2cYPas{width:800px}._3cEqab81YiYF7ESyNVzZQr._2zexeJljxMgmosUns2sAOw{width:968px}._3cEqab81YiYF7ESyNVzZQr ._3IZb5JeY96C-iqhKm_akXb{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:inherit}._3cEqab81YiYF7ESyNVzZQr ._1ntaxE3BTkHYLD6TQCpGSy{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr ._2K0ofjNcmC_onTylnwf8t1{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW{-webkit-box-flex:0;flex:0 1 auto;overflow-y:auto;padding:0 16px;position:relative}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2XhZ5x6tomkDYeA2sOBc7b{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2IhUADQarN3JrOXT9TlaG9{background:#fff;content:"";display:block;height:2px;margin-left:-16px;margin-right:-16px}', "" ]), 
         // exports
         exports.locals = {
-            "modal-wrapper": "_1Y7R2RKLnULHhkELIWItTz",
-            modalWrapper: "_1Y7R2RKLnULHhkELIWItTz",
-            "modal-positioner": "_2zT3i172KathLAm1lxIAK",
-            modalPositioner: "_2zT3i172KathLAm1lxIAK",
-            small: "_3gZRiMciAZoPL2hniXd7-K",
-            small: "_3gZRiMciAZoPL2hniXd7-K",
-            medium: "_36ze7sP3d5o-cp4RC-iqjq",
-            medium: "_36ze7sP3d5o-cp4RC-iqjq",
-            large: "_3xCBLr3UlYYpX1Ued0kWiu",
-            large: "_3xCBLr3UlYYpX1Ued0kWiu",
-            "x-large": "_2_EkPOTozYPWJYlq6cbtr_",
-            xLarge: "_2_EkPOTozYPWJYlq6cbtr_",
-            "header-flex": "_1WryBXlrDf1KJkXwW-i3Mt",
-            headerFlex: "_1WryBXlrDf1KJkXwW-i3Mt",
-            "content-flex": "_2PqUcEhTTlpH26Z8S5Ub0E",
-            contentFlex: "_2PqUcEhTTlpH26Z8S5Ub0E",
-            "without-header": "_1ytIA-VnuGPPqEp7w0tWdo",
-            withoutHeader: "_1ytIA-VnuGPPqEp7w0tWdo",
-            "without-footer": "b2G7rNDckuZN10A97J3Ej",
-            withoutFooter: "b2G7rNDckuZN10A97J3Ej",
-            "footer-flex": "_3rs_24CaPn7bBHXVWe8Vto",
-            footerFlex: "_3rs_24CaPn7bBHXVWe8Vto",
-            "with-header": "jU-spDCIkoi7D25UHFFd2",
-            withHeader: "jU-spDCIkoi7D25UHFFd2",
-            "with-footer": "_3mBddiaosTgG2184KsCGDc",
-            withFooter: "_3mBddiaosTgG2184KsCGDc"
+            "modal-wrapper": "KULXDP5q0EQONRkFJ8ItC",
+            modalWrapper: "KULXDP5q0EQONRkFJ8ItC",
+            "modal-positioner": "_3cEqab81YiYF7ESyNVzZQr",
+            modalPositioner: "_3cEqab81YiYF7ESyNVzZQr",
+            small: "_2s0EJ9teEPih_Y-mHMEZkV",
+            small: "_2s0EJ9teEPih_Y-mHMEZkV",
+            medium: "_219xdpn5og9WdKshJF-60H",
+            medium: "_219xdpn5og9WdKshJF-60H",
+            large: "_1SmEVL4uuqOqMM8T2cYPas",
+            large: "_1SmEVL4uuqOqMM8T2cYPas",
+            "x-large": "_2zexeJljxMgmosUns2sAOw",
+            xLarge: "_2zexeJljxMgmosUns2sAOw",
+            "modal-container": "_3IZb5JeY96C-iqhKm_akXb",
+            modalContainer: "_3IZb5JeY96C-iqhKm_akXb",
+            "header-flex": "_1ntaxE3BTkHYLD6TQCpGSy",
+            headerFlex: "_1ntaxE3BTkHYLD6TQCpGSy",
+            "footer-flex": "_2K0ofjNcmC_onTylnwf8t1",
+            footerFlex: "_2K0ofjNcmC_onTylnwf8t1",
+            "content-container": "LctriSXtPeSP9m4xoqidW",
+            contentContainer: "LctriSXtPeSP9m4xoqidW",
+            "with-header": "_1WPK5OuDulBWVOvxoMipyJ",
+            withHeader: "_1WPK5OuDulBWVOvxoMipyJ",
+            "with-footer": "ilY_nqxif0S1nNLk9nWmU",
+            withFooter: "ilY_nqxif0S1nNLk9nWmU",
+            "top-keyline-mask": "_2XhZ5x6tomkDYeA2sOBc7b",
+            topKeylineMask: "_2XhZ5x6tomkDYeA2sOBc7b",
+            "bottom-keyline-mask": "_2IhUADQarN3JrOXT9TlaG9",
+            bottomKeylineMask: "_2IhUADQarN3JrOXT9TlaG9"
         };
@@ -251,0 +257,0 @@ }, /* 17 */

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/helpers/defineProperty"),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("classnames"),require("@atlaskit/blanket")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/helpers/defineProperty","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","classnames","@atlaskit/blanket"],t):"object"==typeof exports?exports["@atlaskit/modalDialog"]=t(require("babel-runtime/helpers/extends"),require("babel-runtime/helpers/defineProperty"),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("classnames"),require("@atlaskit/blanket")):e["@atlaskit/modalDialog"]=t(e["babel-runtime/helpers/extends"],e["babel-runtime/helpers/defineProperty"],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.classnames,e["@atlaskit/blanket"])}(this,function(e,t,r,o,i,n,a,l,s,u){return function(e){function t(o){if(r[o])return r[o].exports;var i=r[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(4)},,,,function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(5),n=o(i),a=r(6),l=o(a),s=r(7),u=o(s),d=r(8),p=o(d),f=r(9),c=o(f),b=r(10),h=o(b),m=r(11),x=o(m),g=r(12),v=o(g),y=r(13),k=o(y),_=r(14),w=o(_),C=r(15),P=o(C),T={values:["small","medium","large","x-large"],defaultValue:"medium"},L=function(e){function t(){var e,r,o,i;(0,p.default)(this,t);for(var n=arguments.length,a=Array(n),l=0;l<n;l++)a[l]=arguments[l];return r=o=(0,h.default)(this,(e=t.__proto__||(0,u.default)(t)).call.apply(e,[this].concat(a))),o.componentDidMount=function(){document.addEventListener("keydown",o.handleKeyDown)},o.componentWillUnmount=function(){document.removeEventListener("keydown",o.handleKeyDown)},o.handleKeyDown=function(e){var t=27;e.keyCode===t&&o.props.onDialogDismissed(e)},o.handlePositionerDirectClick=function(e){var t=e.target;t&&t.classList.contains(P.default.modalPositioner)&&o.props.onDialogDismissed(e)},i=r,(0,h.default)(o,i)}return(0,x.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e,t;if(!this.props.isOpen)return null;var r=this.props,o=r.onDialogDismissed,i=r.header,a=r.children,s=r.footer,u=r.width,d=T.values.indexOf(u)===-1?{style:{width:u}}:{},p=!!i,f=!!s;return v.default.createElement("div",{className:P.default.modalWrapper},v.default.createElement(w.default,{isTinted:!0,onBlanketClicked:o}),v.default.createElement("div",(0,n.default)({className:(0,k.default)([P.default.modalPositioner,(e={},(0,l.default)(e,P.default.small,"small"===u),(0,l.default)(e,P.default.medium,"medium"===u),(0,l.default)(e,P.default.large,"large"===u),(0,l.default)(e,P.default.xLarge,"x-large"===u),e)])},d,{onClick:this.handlePositionerDirectClick}),i?v.default.createElement("div",{className:P.default.headerFlex},i):null,v.default.createElement("div",{className:(0,k.default)([P.default.contentFlex,(t={},(0,l.default)(t,P.default.withHeader,p),(0,l.default)(t,P.default.withFooter,f),(0,l.default)(t,P.default.withoutHeader,!p),(0,l.default)(t,P.default.withoutFooter,!f),t)])},a),s?v.default.createElement("div",{className:P.default.footerFlex},s):null))}}]),t}(g.PureComponent);L.propTypes={isOpen:g.PropTypes.bool,header:g.PropTypes.node,children:g.PropTypes.node,footer:g.PropTypes.node,width:g.PropTypes.oneOfType([g.PropTypes.number,g.PropTypes.string,g.PropTypes.oneOf(T.values)]),onDialogDismissed:g.PropTypes.func},L.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:T.defaultValue},t.default=L},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=n},function(e,t){e.exports=a},function(e,t){e.exports=l},function(e,t){e.exports=s},function(e,t){e.exports=u},function(e,t,r){var o=r(16);"string"==typeof o&&(o=[[e.id,o,""]]),r(18)(o,{}),o.locals&&(e.exports=o.locals)},function(e,t,r){t=e.exports=r(17)(),t.push([e.id,'._1Y7R2RKLnULHhkELIWItTz{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._2zT3i172KathLAm1lxIAK{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:calc(100% - 120px);margin:0 auto;height:calc(100% - 120px);margin-top:60px;position:relative;z-index:510}._2zT3i172KathLAm1lxIAK._3gZRiMciAZoPL2hniXd7-K{width:400px}._2zT3i172KathLAm1lxIAK._36ze7sP3d5o-cp4RC-iqjq{width:600px}._2zT3i172KathLAm1lxIAK._3xCBLr3UlYYpX1Ued0kWiu{width:800px}._2zT3i172KathLAm1lxIAK._2_EkPOTozYPWJYlq6cbtr_{width:968px}._2zT3i172KathLAm1lxIAK ._1WryBXlrDf1KJkXwW-i3Mt{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._2PqUcEhTTlpH26Z8S5Ub0E{-webkit-box-flex:0;flex:0 1 auto;overflow:auto;box-sizing:border-box;padding:0 16px;position:relative;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}._2zT3i172KathLAm1lxIAK .b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._1ytIA-VnuGPPqEp7w0tWdo.b2G7rNDckuZN10A97J3Ej{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2zT3i172KathLAm1lxIAK ._3rs_24CaPn7bBHXVWe8Vto{-webkit-box-flex:0;flex:0 0 auto;padding:16px;box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.jU-spDCIkoi7D25UHFFd2{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}.jU-spDCIkoi7D25UHFFd2:before{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3mBddiaosTgG2184KsCGDc:after{background:#fff;content:"";display:block;height:2px;margin-right:-16px;margin-left:-16px}.jU-spDCIkoi7D25UHFFd2._3mBddiaosTgG2184KsCGDc{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}',""]),t.locals={"modal-wrapper":"_1Y7R2RKLnULHhkELIWItTz",modalWrapper:"_1Y7R2RKLnULHhkELIWItTz","modal-positioner":"_2zT3i172KathLAm1lxIAK",modalPositioner:"_2zT3i172KathLAm1lxIAK",small:"_3gZRiMciAZoPL2hniXd7-K",small:"_3gZRiMciAZoPL2hniXd7-K",medium:"_36ze7sP3d5o-cp4RC-iqjq",medium:"_36ze7sP3d5o-cp4RC-iqjq",large:"_3xCBLr3UlYYpX1Ued0kWiu",large:"_3xCBLr3UlYYpX1Ued0kWiu","x-large":"_2_EkPOTozYPWJYlq6cbtr_",xLarge:"_2_EkPOTozYPWJYlq6cbtr_","header-flex":"_1WryBXlrDf1KJkXwW-i3Mt",headerFlex:"_1WryBXlrDf1KJkXwW-i3Mt","content-flex":"_2PqUcEhTTlpH26Z8S5Ub0E",contentFlex:"_2PqUcEhTTlpH26Z8S5Ub0E","without-header":"_1ytIA-VnuGPPqEp7w0tWdo",withoutHeader:"_1ytIA-VnuGPPqEp7w0tWdo","without-footer":"b2G7rNDckuZN10A97J3Ej",withoutFooter:"b2G7rNDckuZN10A97J3Ej","footer-flex":"_3rs_24CaPn7bBHXVWe8Vto",footerFlex:"_3rs_24CaPn7bBHXVWe8Vto","with-header":"jU-spDCIkoi7D25UHFFd2",withHeader:"jU-spDCIkoi7D25UHFFd2","with-footer":"_3mBddiaosTgG2184KsCGDc",withFooter:"_3mBddiaosTgG2184KsCGDc"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},i=0;i<this.length;i++){var n=this[i][0];"number"==typeof n&&(o[n]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&o[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function o(e,t){for(var r=0;r<e.length;r++){var o=e[r],i=c[o.id];if(i){i.refs++;for(var n=0;n<i.parts.length;n++)i.parts[n](o.parts[n]);for(;n<o.parts.length;n++)i.parts.push(u(o.parts[n],t))}else{for(var a=[],n=0;n<o.parts.length;n++)a.push(u(o.parts[n],t));c[o.id]={id:o.id,refs:1,parts:a}}}}function i(e){for(var t=[],r={},o=0;o<e.length;o++){var i=e[o],n=i[0],a=i[1],l=i[2],s=i[3],u={css:a,media:l,sourceMap:s};r[n]?r[n].parts.push(u):t.push(r[n]={id:n,parts:[u]})}return t}function n(e,t){var r=m(),o=v[v.length-1];if("top"===e.insertAt)o?o.nextSibling?r.insertBefore(t,o.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),v.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=v.indexOf(e);t>=0&&v.splice(t,1)}function l(e){var t=document.createElement("style");return t.type="text/css",n(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",n(e,t),t}function u(e,t){var r,o,i;if(t.singleton){var n=g++;r=x||(x=l(t)),o=d.bind(null,r,n,!1),i=d.bind(null,r,n,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),o=f.bind(null,r),i=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=l(t),o=p.bind(null,r),i=function(){a(r)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else i()}}function d(e,t,r,o){var i=r?"":o.css;if(e.styleSheet)e.styleSheet.cssText=y(t,i);else{var n=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(n,a[t]):e.appendChild(n)}}function p(e,t){var r=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function f(e,t){var r=t.css,o=t.sourceMap;o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),n=e.href;e.href=URL.createObjectURL(i),n&&URL.revokeObjectURL(n)}var c={},b=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=b(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=b(function(){return document.head||document.getElementsByTagName("head")[0]}),x=null,g=0,v=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=i(e);return o(r,t),function(e){for(var n=[],a=0;a<r.length;a++){var l=r[a],s=c[l.id];s.refs--,n.push(s)}if(e){var u=i(e);o(u,t)}for(var a=0;a<n.length;a++){var s=n[a];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete c[s.id]}}}};var y=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/extends"),require("babel-runtime/helpers/defineProperty"),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("classnames"),require("@atlaskit/blanket")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/helpers/defineProperty","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","classnames","@atlaskit/blanket"],t):"object"==typeof exports?exports["@atlaskit/modalDialog"]=t(require("babel-runtime/helpers/extends"),require("babel-runtime/helpers/defineProperty"),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("classnames"),require("@atlaskit/blanket")):e["@atlaskit/modalDialog"]=t(e["babel-runtime/helpers/extends"],e["babel-runtime/helpers/defineProperty"],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.classnames,e["@atlaskit/blanket"])}(this,function(e,t,r,n,o,i,a,l,s,u){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(4)},,,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(5),i=n(o),a=r(6),l=n(a),s=r(7),u=n(s),d=r(8),p=n(d),c=r(9),f=n(c),b=r(10),m=n(b),h=r(11),x=n(h),y=r(12),g=n(y),v=r(13),k=n(v),_=r(14),E=n(_),q=r(15),Y=n(q),C={values:["small","medium","large","x-large"],defaultValue:"medium"},P=function(e){function t(){var e,r,n,o;(0,p.default)(this,t);for(var i=arguments.length,a=Array(i),l=0;l<i;l++)a[l]=arguments[l];return r=n=(0,m.default)(this,(e=t.__proto__||(0,u.default)(t)).call.apply(e,[this].concat(a))),n.componentDidMount=function(){document.addEventListener("keydown",n.handleKeyDown)},n.componentWillUnmount=function(){document.removeEventListener("keydown",n.handleKeyDown)},n.handleKeyDown=function(e){var t=27;e.keyCode===t&&n.props.onDialogDismissed(e)},n.handlePositionerDirectClick=function(e){var t=e.target;t&&t.classList.contains(Y.default.modalPositioner)&&n.props.onDialogDismissed(e)},o=r,(0,m.default)(n,o)}return(0,x.default)(t,e),(0,f.default)(t,[{key:"render",value:function(){var e,t;if(!this.props.isOpen)return null;var r=this.props,n=r.onDialogDismissed,o=r.header,a=r.children,s=r.footer,u=r.width,d=C.values.indexOf(u)===-1?{style:{width:u}}:{},p=!!o,c=!!s;return g.default.createElement("div",{className:Y.default.modalWrapper},g.default.createElement(E.default,{isTinted:!0,onBlanketClicked:n}),g.default.createElement("div",(0,i.default)({className:(0,k.default)([Y.default.modalPositioner,(e={},(0,l.default)(e,Y.default.small,"small"===u),(0,l.default)(e,Y.default.medium,"medium"===u),(0,l.default)(e,Y.default.large,"large"===u),(0,l.default)(e,Y.default.xLarge,"x-large"===u),e)])},d,{onClick:this.handlePositionerDirectClick}),g.default.createElement("div",{className:Y.default.modalContainer},o?g.default.createElement("div",{className:Y.default.headerFlex},o):null,g.default.createElement("div",{className:(0,k.default)([Y.default.contentContainer,(t={},(0,l.default)(t,Y.default.withHeader,p),(0,l.default)(t,Y.default.withFooter,c),t)])},g.default.createElement("div",null,p?g.default.createElement("div",{className:Y.default.topKeylineMask}):null,a,c?g.default.createElement("div",{className:Y.default.bottomKeylineMask}):null)),s?g.default.createElement("div",{className:Y.default.footerFlex},s):null)))}}]),t}(y.PureComponent);P.propTypes={isOpen:y.PropTypes.bool,header:y.PropTypes.node,children:y.PropTypes.node,footer:y.PropTypes.node,width:y.PropTypes.oneOfType([y.PropTypes.number,y.PropTypes.string,y.PropTypes.oneOf(C.values)]),onDialogDismissed:y.PropTypes.func},P.defaultProps={isOpen:!1,onDialogDismissed:function(){},width:C.defaultValue},t.default=P},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=l},function(e,t){e.exports=s},function(e,t){e.exports=u},function(e,t,r){var n=r(16);"string"==typeof n&&(n=[[e.id,n,""]]),r(18)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(17)(),t.push([e.id,'.KULXDP5q0EQONRkFJ8ItC{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}._3cEqab81YiYF7ESyNVzZQr{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:calc(100% - 120px);margin:0 auto;margin-top:60px;max-height:calc(100% - 1px);max-width:calc(100% - 120px);position:relative;z-index:510}._3cEqab81YiYF7ESyNVzZQr._2s0EJ9teEPih_Y-mHMEZkV{width:400px}._3cEqab81YiYF7ESyNVzZQr._219xdpn5og9WdKshJF-60H{width:600px}._3cEqab81YiYF7ESyNVzZQr._1SmEVL4uuqOqMM8T2cYPas{width:800px}._3cEqab81YiYF7ESyNVzZQr._2zexeJljxMgmosUns2sAOw{width:968px}._3cEqab81YiYF7ESyNVzZQr ._3IZb5JeY96C-iqhKm_akXb{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:inherit}._3cEqab81YiYF7ESyNVzZQr ._1ntaxE3BTkHYLD6TQCpGSy{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr ._2K0ofjNcmC_onTylnwf8t1{box-shadow:0 0 0 transparent,0 0 0 transparent;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-box-flex:0;flex:0 0 auto;padding:16px}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW{-webkit-box-flex:0;flex:0 1 auto;overflow-y:auto;padding:0 16px;position:relative}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ{box-shadow:inset 0 2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 -2px 0 0 #ebecf0,0 0 0 transparent}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW._1WPK5OuDulBWVOvxoMipyJ.ilY_nqxif0S1nNLk9nWmU{box-shadow:inset 0 2px 0 0 #ebecf0,inset 0 -2px 0 0 #ebecf0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2XhZ5x6tomkDYeA2sOBc7b{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;right:0;top:0}._3cEqab81YiYF7ESyNVzZQr .LctriSXtPeSP9m4xoqidW ._2IhUADQarN3JrOXT9TlaG9{background:#fff;content:"";display:block;height:2px;margin-left:-16px;margin-right:-16px}',""]),t.locals={"modal-wrapper":"KULXDP5q0EQONRkFJ8ItC",modalWrapper:"KULXDP5q0EQONRkFJ8ItC","modal-positioner":"_3cEqab81YiYF7ESyNVzZQr",modalPositioner:"_3cEqab81YiYF7ESyNVzZQr",small:"_2s0EJ9teEPih_Y-mHMEZkV",small:"_2s0EJ9teEPih_Y-mHMEZkV",medium:"_219xdpn5og9WdKshJF-60H",medium:"_219xdpn5og9WdKshJF-60H",large:"_1SmEVL4uuqOqMM8T2cYPas",large:"_1SmEVL4uuqOqMM8T2cYPas","x-large":"_2zexeJljxMgmosUns2sAOw",xLarge:"_2zexeJljxMgmosUns2sAOw","modal-container":"_3IZb5JeY96C-iqhKm_akXb",modalContainer:"_3IZb5JeY96C-iqhKm_akXb","header-flex":"_1ntaxE3BTkHYLD6TQCpGSy",headerFlex:"_1ntaxE3BTkHYLD6TQCpGSy","footer-flex":"_2K0ofjNcmC_onTylnwf8t1",footerFlex:"_2K0ofjNcmC_onTylnwf8t1","content-container":"LctriSXtPeSP9m4xoqidW",contentContainer:"LctriSXtPeSP9m4xoqidW","with-header":"_1WPK5OuDulBWVOvxoMipyJ",withHeader:"_1WPK5OuDulBWVOvxoMipyJ","with-footer":"ilY_nqxif0S1nNLk9nWmU",withFooter:"ilY_nqxif0S1nNLk9nWmU","top-keyline-mask":"_2XhZ5x6tomkDYeA2sOBc7b",topKeylineMask:"_2XhZ5x6tomkDYeA2sOBc7b","bottom-keyline-mask":"_2IhUADQarN3JrOXT9TlaG9",bottomKeylineMask:"_2IhUADQarN3JrOXT9TlaG9"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(n[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],o=f[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(u(n.parts[i],t))}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(u(n.parts[i],t));f[n.id]={id:n.id,refs:1,parts:a}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],a=o[1],l=o[2],s=o[3],u={css:a,media:l,sourceMap:s};r[i]?r[i].parts.push(u):t.push(r[i]={id:i,parts:[u]})}return t}function i(e,t){var r=h(),n=g[g.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),g.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=g.indexOf(e);t>=0&&g.splice(t,1)}function l(e){var t=document.createElement("style");return t.type="text/css",i(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",i(e,t),t}function u(e,t){var r,n,o;if(t.singleton){var i=y++;r=x||(x=l(t)),n=d.bind(null,r,i,!1),o=d.bind(null,r,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),n=c.bind(null,r),o=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=l(t),n=p.bind(null,r),o=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function d(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=v(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function c(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var o=new Blob([r],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var f={},b=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=b(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),h=b(function(){return document.head||document.getElementsByTagName("head")[0]}),x=null,y=0,g=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a<r.length;a++){var l=r[a],s=f[l.id];s.refs--,i.push(s)}if(e){var u=o(e);n(u,t)}for(var a=0;a<i.length;a++){var s=i[a];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete f[s.id]}}}};var v=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()}])});

package.json

 {
   "name": "@atlaskit/modal-dialog",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "config": {
@@ -38,2 +38,3 @@ "access": "public"
     "@atlaskit/field-text": "^2.3.3",
+    "@atlaskit/inline-dialog": "^3.1.0",
     "@atlaskit/layer": "^2.0.0",
@@ -40,0 +41,0 @@ "@atlaskit/navigation": "^8.0.0",

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/1.3.2/).
+Interact with a [live demo of the @atlaskit/modal-dialog component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/modal-dialog/1.3.3/).
 
@@ -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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

83401

increased by1.2%

Lines of code

895

increased by1.36%

Worsened metrics

Dev dependency count

7

increased by16.67%

No dependency changes