@atlaskit/blanket - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="2.4.0"></a>
-# 2.4.0 (2017-07-17)
+<a name="2.4.1"></a>
+## 2.4.1 (2017-07-25)
 
 
 
+<a name="2.4.1"></a>
+## 2.4.1 (2017-07-25)
+
+
+### Bug Fixes
+
+* **build:** use class transform in loose mode in babel to improve load performance in apps ([fde719a](https://bitbucket.org/atlassian/atlaskit/commits/fde719a))
+
+
+
 <a name="2.1.0"></a>
@@ -7,0 +17,0 @@ # 2.1.0 (2017-07-17)

dist/bundle-cjs.js

@@ -95,19 +95,15 @@ module.exports = /******/
     });
-    var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Container = __webpack_require__(10), _Container2 = _interopRequireDefault(_Container), Blanket = function(_PureComponent) {
+    var _classCallCheck2 = __webpack_require__(3), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(4), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(5), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(6), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(7), _react2 = _interopRequireDefault(_react), _Container = __webpack_require__(8), _Container2 = _interopRequireDefault(_Container), Blanket = function(_PureComponent) {
         function Blanket() {
-            return (0, _classCallCheck3.default)(this, Blanket), (0, _possibleConstructorReturn3.default)(this, (Blanket.__proto__ || (0, 
-            _getPrototypeOf2.default)(Blanket)).apply(this, arguments));
+            return (0, _classCallCheck3.default)(this, Blanket), (0, _possibleConstructorReturn3.default)(this, _PureComponent.apply(this, arguments));
         }
-        return (0, _inherits3.default)(Blanket, _PureComponent), (0, _createClass3.default)(Blanket, [ {
-            key: "render",
-            value: function() {
-                var _props = this.props, canClickThrough = _props.canClickThrough, isTinted = _props.isTinted, onBlanketClicked = _props.onBlanketClicked, onClick = canClickThrough ? null : onBlanketClicked, containerProps = {
-                    canClickThrough: canClickThrough,
-                    isTinted: isTinted,
-                    onClick: onClick
-                };
-                // TODO make sure that the div onClick is accessible
-                return _react2.default.createElement(_Container2.default, containerProps);
-            }
-        } ]), Blanket;
+        return (0, _inherits3.default)(Blanket, _PureComponent), Blanket.prototype.render = function() {
+            var _props = this.props, canClickThrough = _props.canClickThrough, isTinted = _props.isTinted, onBlanketClicked = _props.onBlanketClicked, onClick = canClickThrough ? null : onBlanketClicked, containerProps = {
+                canClickThrough: canClickThrough,
+                isTinted: isTinted,
+                onClick: onClick
+            };
+            // TODO make sure that the div onClick is accessible
+            return _react2.default.createElement(_Container2.default, containerProps);
+        }, Blanket;
     }(_react.PureComponent);
@@ -129,29 +125,21 @@ Blanket.propTypes = {
 function(module, exports) {
-    module.exports = require("babel-runtime/core-js/object/get-prototype-of");
+    module.exports = require("babel-runtime/helpers/classCallCheck");
 }, /* 4 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/classCallCheck");
+    module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
 }, /* 5 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/createClass");
+    module.exports = require("babel-runtime/helpers/inherits");
 }, /* 6 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
+    module.exports = require("prop-types");
 }, /* 7 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/inherits");
+    module.exports = require("react");
 }, /* 8 */
 /***/
-function(module, exports) {
-    module.exports = require("prop-types");
-}, /* 9 */
-/***/
-function(module, exports) {
-    module.exports = require("react");
-}, /* 10 */
-/***/
 function(module, exports, __webpack_require__) {
@@ -167,4 +155,4 @@ "use strict";
     }), exports.getPointerEvents = exports.getOpacity = void 0;
-    var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ], [ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(13), getOpacity = exports.getOpacity = function(_ref) {
+    var _taggedTemplateLiteral2 = __webpack_require__(9), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ], [ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(10), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(11), getOpacity = exports.getOpacity = function(_ref) {
         var isTinted = _ref.isTinted;
@@ -175,13 +163,15 @@ return isTinted ? .5 : 0;
         return canClickThrough ? "none" : "initial";
+    }, ThemeColor = {
+        background: _utilSharedStyles.akColorN900
     };
-    exports.default = _styledComponents2.default.div(_templateObject, _utilSharedStyles.akColorN900, getOpacity, getPointerEvents, _utilSharedStyles.akZIndexBlanket);
-}, /* 11 */
+    exports.default = _styledComponents2.default.div(_templateObject, ThemeColor.background, getOpacity, getPointerEvents, _utilSharedStyles.akZIndexBlanket);
+}, /* 9 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/taggedTemplateLiteral");
-}, /* 12 */
+}, /* 10 */
 /***/
 function(module, exports) {
     module.exports = require("styled-components");
-}, /* 13 */
+}, /* 11 */
 /***/
@@ -188,0 +178,0 @@ function(module, exports) {

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.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 o=n(2),i=r(o);t.default=i.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),i=r(o),u=n(4),l=r(u),a=n(5),s=r(a),c=n(6),d=r(c),f=n(7),p=r(f),h=n(8),b=r(h),x=n(9),k=r(x),v=n(10),g=r(v),m=function(e){function t(){return(0,l.default)(this,t),(0,d.default)(this,(t.__proto__||(0,i.default)(t)).apply(this,arguments))}return(0,p.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this.props,t=e.canClickThrough,n=e.isTinted,r=e.onBlanketClicked,o=t?null:r,i={canClickThrough:t,isTinted:n,onClick:o};return k.default.createElement(g.default,i)}}]),t}(x.PureComponent);m.propTypes={canClickThrough:b.default.bool,isTinted:b.default.bool,onBlanketClicked:b.default.func},m.defaultProps={canClickThrough:!1,isTinted:!1,onBlanketClicked:function(){}},t.default=m},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("prop-types")},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPointerEvents=t.getOpacity=void 0;var o=n(11),i=r(o),u=(0,i.default)(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"],["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"]),l=n(12),a=r(l),s=n(13),c=t.getOpacity=function(e){var t=e.isTinted;return t?.5:0},d=t.getPointerEvents=function(e){var t=e.canClickThrough;return t?"none":"initial"};t.default=a.default.div(u,s.akColorN900,c,d,s.akZIndexBlanket)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")}]);
+module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.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 o=n(2),i=r(o);t.default=i.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),i=r(o),u=n(4),l=r(u),a=n(5),s=r(a),c=n(6),d=r(c),p=n(7),f=r(p),h=n(8),k=r(h),b=function(e){function t(){return(0,i.default)(this,t),(0,l.default)(this,e.apply(this,arguments))}return(0,s.default)(t,e),t.prototype.render=function(){var e=this.props,t=e.canClickThrough,n=e.isTinted,r=e.onBlanketClicked,o=t?null:r,i={canClickThrough:t,isTinted:n,onClick:o};return f.default.createElement(k.default,i)},t}(p.PureComponent);b.propTypes={canClickThrough:d.default.bool,isTinted:d.default.bool,onBlanketClicked:d.default.func},b.defaultProps={canClickThrough:!1,isTinted:!1,onBlanketClicked:function(){}},t.default=b},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},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("prop-types")},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPointerEvents=t.getOpacity=void 0;var o=n(9),i=r(o),u=(0,i.default)(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"],["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"]),l=n(10),a=r(l),s=n(11),c=t.getOpacity=function(e){var t=e.isTinted;return t?.5:0},d=t.getPointerEvents=function(e){var t=e.canClickThrough;return t?"none":"initial"},p={background:s.akColorN900};t.default=a.default.div(u,p.background,c,d,s.akZIndexBlanket)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")}]);

dist/bundle.js

 !function(root, factory) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = factory(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("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : "function" == typeof define && define.amd ? define([ "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", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components", "@atlaskit/util-shared-styles" ], factory) : "object" == typeof exports ? exports["@atlaskit/blanket"] = factory(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("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : root["@atlaskit/blanket"] = factory(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["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_11__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_13__) {
+    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("prop-types"), require("react"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "prop-types", "react", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components", "@atlaskit/util-shared-styles" ], factory) : "object" == typeof exports ? exports["@atlaskit/blanket"] = factory(require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("prop-types"), require("react"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components"), require("@atlaskit/util-shared-styles")) : root["@atlaskit/blanket"] = factory(root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root["prop-types"], root.react, 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_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_11__) {
     /******/
@@ -98,19 +98,15 @@ return function(modules) {
         });
-        var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Container = __webpack_require__(10), _Container2 = _interopRequireDefault(_Container), Blanket = function(_PureComponent) {
+        var _classCallCheck2 = __webpack_require__(3), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(4), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(5), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(6), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(7), _react2 = _interopRequireDefault(_react), _Container = __webpack_require__(8), _Container2 = _interopRequireDefault(_Container), Blanket = function(_PureComponent) {
             function Blanket() {
-                return (0, _classCallCheck3.default)(this, Blanket), (0, _possibleConstructorReturn3.default)(this, (Blanket.__proto__ || (0, 
-                _getPrototypeOf2.default)(Blanket)).apply(this, arguments));
+                return (0, _classCallCheck3.default)(this, Blanket), (0, _possibleConstructorReturn3.default)(this, _PureComponent.apply(this, arguments));
             }
-            return (0, _inherits3.default)(Blanket, _PureComponent), (0, _createClass3.default)(Blanket, [ {
-                key: "render",
-                value: function() {
-                    var _props = this.props, canClickThrough = _props.canClickThrough, isTinted = _props.isTinted, onBlanketClicked = _props.onBlanketClicked, onClick = canClickThrough ? null : onBlanketClicked, containerProps = {
-                        canClickThrough: canClickThrough,
-                        isTinted: isTinted,
-                        onClick: onClick
-                    };
-                    // TODO make sure that the div onClick is accessible
-                    return _react2.default.createElement(_Container2.default, containerProps);
-                }
-            } ]), Blanket;
+            return (0, _inherits3.default)(Blanket, _PureComponent), Blanket.prototype.render = function() {
+                var _props = this.props, canClickThrough = _props.canClickThrough, isTinted = _props.isTinted, onBlanketClicked = _props.onBlanketClicked, onClick = canClickThrough ? null : onBlanketClicked, containerProps = {
+                    canClickThrough: canClickThrough,
+                    isTinted: isTinted,
+                    onClick: onClick
+                };
+                // TODO make sure that the div onClick is accessible
+                return _react2.default.createElement(_Container2.default, containerProps);
+            }, Blanket;
         }(_react.PureComponent);
@@ -151,10 +147,2 @@ Blanket.propTypes = {
     /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
-    }, /* 9 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
-    }, /* 10 */
-    /***/
     function(module, exports, __webpack_require__) {
@@ -170,4 +158,4 @@ "use strict";
         }), exports.getPointerEvents = exports.getOpacity = void 0;
-        var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ], [ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(13), getOpacity = exports.getOpacity = function(_ref) {
+        var _taggedTemplateLiteral2 = __webpack_require__(9), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ], [ "\n  background: ", ";\n  bottom: 0;\n  left: 0;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(10), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(11), getOpacity = exports.getOpacity = function(_ref) {
             var isTinted = _ref.isTinted;
@@ -178,17 +166,19 @@ return isTinted ? .5 : 0;
             return canClickThrough ? "none" : "initial";
+        }, ThemeColor = {
+            background: _utilSharedStyles.akColorN900
         };
-        exports.default = _styledComponents2.default.div(_templateObject, _utilSharedStyles.akColorN900, getOpacity, getPointerEvents, _utilSharedStyles.akZIndexBlanket);
-    }, /* 11 */
+        exports.default = _styledComponents2.default.div(_templateObject, ThemeColor.background, getOpacity, getPointerEvents, _utilSharedStyles.akZIndexBlanket);
+    }, /* 9 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
-    }, /* 12 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
+    }, /* 10 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
-    }, /* 13 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_10__;
+    }, /* 11 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_13__;
+        module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
     } ]);
 });

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(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("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["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","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/blanket"]=t(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("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/blanket"]=t(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["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,r,n,i,o,l,u,s,a){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].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(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(2),o=n(i);t.default=o.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(3),o=n(i),l=r(4),u=n(l),s=r(5),a=n(s),p=r(6),c=n(p),d=r(7),b=n(d),f=r(8),h=n(f),m=r(9),y=n(m),k=r(10),C=n(k),g=function(e){function t(){return(0,u.default)(this,t),(0,c.default)(this,(t.__proto__||(0,o.default)(t)).apply(this,arguments))}return(0,b.default)(t,e),(0,a.default)(t,[{key:"render",value:function(){var e=this.props,t=e.canClickThrough,r=e.isTinted,n=e.onBlanketClicked,i=t?null:n,o={canClickThrough:t,isTinted:r,onClick:i};return y.default.createElement(C.default,o)}}]),t}(m.PureComponent);g.propTypes={canClickThrough:h.default.bool,isTinted:h.default.bool,onBlanketClicked:h.default.func},g.defaultProps={canClickThrough:!1,isTinted:!1,onBlanketClicked:function(){}},t.default=g},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=i},function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPointerEvents=t.getOpacity=void 0;var i=r(11),o=n(i),l=(0,o.default)(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"],["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"]),u=r(12),s=n(u),a=r(13),p=t.getOpacity=function(e){var t=e.isTinted;return t?.5:0},c=t.getPointerEvents=function(e){var t=e.canClickThrough;return t?"none":"initial"};t.default=s.default.div(l,a.akColorN900,p,c,a.akZIndexBlanket)},function(e,t){e.exports=u},function(e,t){e.exports=s},function(e,t){e.exports=a}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/classCallCheck","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/blanket"]=t(require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/blanket"]=t(e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["prop-types"],e.react,e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,r,n,i,o,l,u){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].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(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(2),o=n(i);t.default=o.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(3),o=n(i),l=r(4),u=n(l),s=r(5),a=n(s),p=r(6),c=n(p),d=r(7),f=n(d),b=r(8),h=n(b),m=function(e){function t(){return(0,o.default)(this,t),(0,u.default)(this,e.apply(this,arguments))}return(0,a.default)(t,e),t.prototype.render=function(){var e=this.props,t=e.canClickThrough,r=e.isTinted,n=e.onBlanketClicked,i=t?null:n,o={canClickThrough:t,isTinted:r,onClick:i};return f.default.createElement(h.default,o)},t}(d.PureComponent);m.propTypes={canClickThrough:c.default.bool,isTinted:c.default.bool,onBlanketClicked:c.default.func},m.defaultProps={canClickThrough:!1,isTinted:!1,onBlanketClicked:function(){}},t.default=m},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=i},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPointerEvents=t.getOpacity=void 0;var i=r(9),o=n(i),l=(0,o.default)(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"],["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: ",";\n  pointer-events: ",";\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 220ms;\n  z-index: ",";\n"]),u=r(10),s=n(u),a=r(11),p=t.getOpacity=function(e){var t=e.isTinted;return t?.5:0},c=t.getPointerEvents=function(e){var t=e.canClickThrough;return t?"none":"initial"},d={background:a.akColorN900};t.default=s.default.div(l,d.background,p,c,a.akZIndexBlanket)},function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t){e.exports=u}])});

dist/es/Blanket.js

@@ -1,4 +0,2 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
 import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
 import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
@@ -16,20 +14,17 @@ import _inherits from 'babel-runtime/helpers/inherits';
 
-    return _possibleConstructorReturn(this, (Blanket.__proto__ || _Object$getPrototypeOf(Blanket)).apply(this, arguments));
+    return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
   }
 
-  _createClass(Blanket, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          canClickThrough = _props.canClickThrough,
-          isTinted = _props.isTinted,
-          onBlanketClicked = _props.onBlanketClicked;
+  Blanket.prototype.render = function render() {
+    var _props = this.props,
+        canClickThrough = _props.canClickThrough,
+        isTinted = _props.isTinted,
+        onBlanketClicked = _props.onBlanketClicked;
 
-      var onClick = canClickThrough ? null : onBlanketClicked;
-      var containerProps = { canClickThrough: canClickThrough, isTinted: isTinted, onClick: onClick };
+    var onClick = canClickThrough ? null : onBlanketClicked;
+    var containerProps = { canClickThrough: canClickThrough, isTinted: isTinted, onClick: onClick };
 
-      // TODO make sure that the div onClick is accessible
-      return React.createElement(Container, containerProps);
-    }
-  }]);
+    // TODO make sure that the div onClick is accessible
+    return React.createElement(Container, containerProps);
+  };
 
@@ -36,0 +31,0 @@ return Blanket;

dist/es/styled/Container.js

@@ -17,2 +17,6 @@ import _taggedTemplateLiteral from 'babel-runtime/helpers/taggedTemplateLiteral';
 
-export default styled.div(_templateObject, akColorN900, getOpacity, getPointerEvents, akZIndexBlanket);
+var ThemeColor = {
+  background: akColorN900
+};
+
+export default styled.div(_templateObject, ThemeColor.background, getOpacity, getPointerEvents, akZIndexBlanket);

package.json

 {
   "name": "@atlaskit/blanket",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "config": {
@@ -17,3 +17,5 @@ "access": "public"
     "prepublish": "../../node_modules/.bin/in-publish && { cd ../.. && npm run prepublish-with-babel/single @atlaskit/blanket; } || ../../node_modules/.bin/not-in-publish",
-    "jest": "../../node_modules/.bin/jest -c ../../build/config/jest.config.js"
+    "jest": "../../node_modules/.bin/jest -c ../../build/config/jest.config.js",
+    "storybook": "../../build/bin/storybook.single.sh",
+    "eslint": "../../build/bin/lint.eslint.sh"
   },
@@ -20,0 +22,0 @@ "files": [

README.md

@@ -12,3 +12,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/blanket component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/blanket/2.4.0/).
+Interact with a [live demo of the @atlaskit/blanket component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/blanket/2.4.1/).
 
@@ -15,0 +15,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

Worsened metrics

Total package byte prevSize

32234

decreased by-6.04%

Lines of code

422

decreased by-5.17%

No dependency changes