ak-layer - npm Package Compare versions

Comparing version 62.2.0 to 62.2.1

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="62.2.0"></a>
-# 62.2.0 (2017-01-10)
+<a name="62.2.1"></a>
+## 62.2.1 (2017-01-17)
 
 
 
+<a name="ak-layer@62.2.1"></a>
+## ak-layer@62.2.1 (2017-01-17)
+
+
+### Bug Fixes
+
+* **bug:** Fixes bug in layer where flipping would occur when there was still 5 pixels between the po ([b352bc2](https://bitbucket.org/atlassian/atlaskit/commits/b352bc2))
+
+
+
 <a name="ak-layer@62.2.0"></a>
@@ -7,0 +17,0 @@ # ak-layer@62.2.0 (2017-01-10)

dist/bundle-cjs.js

@@ -141,3 +141,2 @@ module.exports = /******/
                         placement: (0, _helpers.positionPropToPopperPosition)(props.position),
-                        boundariesElement: this.props.boundariesElement,
                         onCreate: this.extractStyles,
@@ -158,3 +157,5 @@ onUpdate: this.extractStyles,
                                 enabled: this.props.autoPosition,
-                                flipVariations: !0
+                                flipVariations: !0,
+                                boundariesElement: this.props.boundariesElement,
+                                padding: 0
                             },
@@ -161,0 +162,0 @@ preventOverflow: {

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(t){function e(i){if(o[i])return o[i].exports;var n=o[i]={exports:{},id:i,loaded:!1};return t[i].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=t,e.c=o,e.p="",e(0)}([function(t,e,o){t.exports=o(1)},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(2),r=i(n),p=o(3),s=i(p),l=o(4),a=i(l),f=o(5),u=i(f),d=o(6),c=i(d),h=o(7),m=i(h),b=o(8),P=i(b),g=o(9),y=function(t){function e(t){(0,s.default)(this,e);var o=(0,u.default)(this,(e.__proto__||(0,r.default)(e)).call(this,t));return o.extractStyles=function(t){if(t){var e=Math.round(t.offsets.popper.left),i=Math.round(t.offsets.popper.top);o.setState({cssPosition:t.offsets.popper.position,transform:"translate3d("+e+"px, "+i+"px, 0px)",flipped:!!t.flipped,actualPosition:t.position,originalPosition:t.originalPosition})}},o.state={position:null,transform:null,flipped:!1,actualPosition:null,originalPosition:null},o}return(0,c.default)(e,t),(0,a.default)(e,[{key:"componentDidMount",value:function(){this.applyPopper(this.props)}},{key:"componentWillReceiveProps",value:function(t){this.applyPopper(t)}},{key:"componentDidUpdate",value:function(t,e){e.flipped!==this.state.flipped&&this.props.onFlippedChange({flipped:this.state.flipped,actualPosition:this.state.actualPosition,originalPosition:this.state.originalPosition})}},{key:"componentWillUnmount",value:function(){this.popper&&this.popper.destroy()}},{key:"applyPopper",value:function(t){if(this.targetRef&&this.contentRef){this.popper&&this.popper.destroy();var e=this.targetRef.firstChild;this.popper=new P.default(e,this.contentRef,{placement:(0,g.positionPropToPopperPosition)(t.position),boundariesElement:this.props.boundariesElement,onCreate:this.extractStyles,onUpdate:this.extractStyles,modifiers:{applyStyle:{enabled:!1},hide:{enabled:!1},offset:{enabled:!0,offset:this.props.offset},flip:{enabled:this.props.autoPosition,flipVariations:!0},preventOverflow:{enabled:this.props.autoPosition,escapeWithReference:!0}}})}}},{key:"render",value:function(){var t=this,e=this.state,o=e.cssPosition,i=e.transform;return m.default.createElement("div",null,m.default.createElement("div",{ref:function(e){return t.targetRef=e}},this.props.children),m.default.createElement("div",{ref:function(e){return t.contentRef=e},style:{top:0,left:0,position:o,transform:i,zIndex:400}},this.props.content))}}]),e}(h.PureComponent);y.propTypes={position:h.PropTypes.oneOf(g.POSITION_ATTRIBUTE_ENUM.values),boundariesElement:h.PropTypes.oneOf(["viewport","window"]),autoPosition:h.PropTypes.bool,offset:h.PropTypes.string,content:h.PropTypes.node,onFlippedChange:h.PropTypes.func,children:h.PropTypes.node},y.defaultProps={position:g.POSITION_ATTRIBUTE_ENUM.default,boundariesElement:"viewport",autoPosition:!0,offset:"0 0",content:null,onFlippedChange:function(){},children:null},e.default=y},function(t,e){t.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(t,e){t.exports=require("babel-runtime/helpers/classCallCheck")},function(t,e){t.exports=require("babel-runtime/helpers/createClass")},function(t,e){t.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(t,e){t.exports=require("babel-runtime/helpers/inherits")},function(t,e){t.exports=require("react")},function(t,e){t.exports=require("popper.js")},function(t,e){"use strict";function o(t){return i[t]?i[t].position:i[n.default].position}Object.defineProperty(e,"__esModule",{value:!0});var i={"top left":{position:"top-start",animation:"top"},"top center":{position:"top",animation:"top"},"top right":{position:"top-end",animation:"top"},"right top":{position:"right-start",animation:"right"},"right middle":{position:"right",animation:"right"},"right bottom":{position:"right-end",animation:"right"},"bottom left":{position:"bottom-start",animation:"bottom"},"bottom center":{position:"bottom",animation:"bottom"},"bottom right":{position:"bottom-end",animation:"bottom"},"left top":{position:"left-start",animation:"left"},"left middle":{position:"left",animation:"left"},"left bottom":{position:"left-end",animation:"left"}},n={values:["top left","top center","top right","right top","right middle","right bottom","bottom left","bottom center","bottom right","left top","left middle","left bottom"],default:"right middle"};e.positionPropToPopperPosition=o,e.POSITION_ATTRIBUTE_ENUM=n}]);
+module.exports=function(t){function e(i){if(o[i])return o[i].exports;var n=o[i]={exports:{},id:i,loaded:!1};return t[i].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=t,e.c=o,e.p="",e(0)}([function(t,e,o){t.exports=o(1)},function(t,e,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(2),r=i(n),p=o(3),s=i(p),a=o(4),l=i(a),f=o(5),u=i(f),d=o(6),c=i(d),h=o(7),m=i(h),b=o(8),P=i(b),g=o(9),y=function(t){function e(t){(0,s.default)(this,e);var o=(0,u.default)(this,(e.__proto__||(0,r.default)(e)).call(this,t));return o.extractStyles=function(t){if(t){var e=Math.round(t.offsets.popper.left),i=Math.round(t.offsets.popper.top);o.setState({cssPosition:t.offsets.popper.position,transform:"translate3d("+e+"px, "+i+"px, 0px)",flipped:!!t.flipped,actualPosition:t.position,originalPosition:t.originalPosition})}},o.state={position:null,transform:null,flipped:!1,actualPosition:null,originalPosition:null},o}return(0,c.default)(e,t),(0,l.default)(e,[{key:"componentDidMount",value:function(){this.applyPopper(this.props)}},{key:"componentWillReceiveProps",value:function(t){this.applyPopper(t)}},{key:"componentDidUpdate",value:function(t,e){e.flipped!==this.state.flipped&&this.props.onFlippedChange({flipped:this.state.flipped,actualPosition:this.state.actualPosition,originalPosition:this.state.originalPosition})}},{key:"componentWillUnmount",value:function(){this.popper&&this.popper.destroy()}},{key:"applyPopper",value:function(t){if(this.targetRef&&this.contentRef){this.popper&&this.popper.destroy();var e=this.targetRef.firstChild;this.popper=new P.default(e,this.contentRef,{placement:(0,g.positionPropToPopperPosition)(t.position),onCreate:this.extractStyles,onUpdate:this.extractStyles,modifiers:{applyStyle:{enabled:!1},hide:{enabled:!1},offset:{enabled:!0,offset:this.props.offset},flip:{enabled:this.props.autoPosition,flipVariations:!0,boundariesElement:this.props.boundariesElement,padding:0},preventOverflow:{enabled:this.props.autoPosition,escapeWithReference:!0}}})}}},{key:"render",value:function(){var t=this,e=this.state,o=e.cssPosition,i=e.transform;return m.default.createElement("div",null,m.default.createElement("div",{ref:function(e){return t.targetRef=e}},this.props.children),m.default.createElement("div",{ref:function(e){return t.contentRef=e},style:{top:0,left:0,position:o,transform:i,zIndex:400}},this.props.content))}}]),e}(h.PureComponent);y.propTypes={position:h.PropTypes.oneOf(g.POSITION_ATTRIBUTE_ENUM.values),boundariesElement:h.PropTypes.oneOf(["viewport","window"]),autoPosition:h.PropTypes.bool,offset:h.PropTypes.string,content:h.PropTypes.node,onFlippedChange:h.PropTypes.func,children:h.PropTypes.node},y.defaultProps={position:g.POSITION_ATTRIBUTE_ENUM.default,boundariesElement:"viewport",autoPosition:!0,offset:"0 0",content:null,onFlippedChange:function(){},children:null},e.default=y},function(t,e){t.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(t,e){t.exports=require("babel-runtime/helpers/classCallCheck")},function(t,e){t.exports=require("babel-runtime/helpers/createClass")},function(t,e){t.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(t,e){t.exports=require("babel-runtime/helpers/inherits")},function(t,e){t.exports=require("react")},function(t,e){t.exports=require("popper.js")},function(t,e){"use strict";function o(t){return i[t]?i[t].position:i[n.default].position}Object.defineProperty(e,"__esModule",{value:!0});var i={"top left":{position:"top-start",animation:"top"},"top center":{position:"top",animation:"top"},"top right":{position:"top-end",animation:"top"},"right top":{position:"right-start",animation:"right"},"right middle":{position:"right",animation:"right"},"right bottom":{position:"right-end",animation:"right"},"bottom left":{position:"bottom-start",animation:"bottom"},"bottom center":{position:"bottom",animation:"bottom"},"bottom right":{position:"bottom-end",animation:"bottom"},"left top":{position:"left-start",animation:"left"},"left middle":{position:"left",animation:"left"},"left bottom":{position:"left-end",animation:"left"}},n={values:["top left","top center","top right","right top","right middle","right bottom","bottom left","bottom center","bottom right","left top","left middle","left bottom"],default:"right middle"};e.positionPropToPopperPosition=o,e.POSITION_ATTRIBUTE_ENUM=n}]);

dist/bundle.js

@@ -144,3 +144,2 @@ !function(root, factory) {
                             placement: (0, _helpers.positionPropToPopperPosition)(props.position),
-                            boundariesElement: this.props.boundariesElement,
                             onCreate: this.extractStyles,
@@ -161,3 +160,5 @@ onUpdate: this.extractStyles,
                                     enabled: this.props.autoPosition,
-                                    flipVariations: !0
+                                    flipVariations: !0,
+                                    boundariesElement: this.props.boundariesElement,
+                                    padding: 0
                                 },
@@ -164,0 +165,0 @@ preventOverflow: {

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("react"),require("popper.js")):"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","react","popper.js"],t):"object"==typeof exports?exports.akLayer=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("react"),require("popper.js")):e.akLayer=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.react,e["popper.js"])}(this,function(e,t,o,i,n,r,p){return function(e){function t(i){if(o[i])return o[i].exports;var n=o[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){e.exports=o(1)},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),r=i(n),p=o(3),s=i(p),l=o(4),a=i(l),u=o(5),f=i(u),c=o(6),d=i(c),h=o(7),b=i(h),m=o(8),P=i(m),y=o(9),g=function(e){function t(e){(0,s.default)(this,t);var o=(0,f.default)(this,(t.__proto__||(0,r.default)(t)).call(this,e));return o.extractStyles=function(e){if(e){var t=Math.round(e.offsets.popper.left),i=Math.round(e.offsets.popper.top);o.setState({cssPosition:e.offsets.popper.position,transform:"translate3d("+t+"px, "+i+"px, 0px)",flipped:!!e.flipped,actualPosition:e.position,originalPosition:e.originalPosition})}},o.state={position:null,transform:null,flipped:!1,actualPosition:null,originalPosition:null},o}return(0,d.default)(t,e),(0,a.default)(t,[{key:"componentDidMount",value:function(){this.applyPopper(this.props)}},{key:"componentWillReceiveProps",value:function(e){this.applyPopper(e)}},{key:"componentDidUpdate",value:function(e,t){t.flipped!==this.state.flipped&&this.props.onFlippedChange({flipped:this.state.flipped,actualPosition:this.state.actualPosition,originalPosition:this.state.originalPosition})}},{key:"componentWillUnmount",value:function(){this.popper&&this.popper.destroy()}},{key:"applyPopper",value:function(e){if(this.targetRef&&this.contentRef){this.popper&&this.popper.destroy();var t=this.targetRef.firstChild;this.popper=new P.default(t,this.contentRef,{placement:(0,y.positionPropToPopperPosition)(e.position),boundariesElement:this.props.boundariesElement,onCreate:this.extractStyles,onUpdate:this.extractStyles,modifiers:{applyStyle:{enabled:!1},hide:{enabled:!1},offset:{enabled:!0,offset:this.props.offset},flip:{enabled:this.props.autoPosition,flipVariations:!0},preventOverflow:{enabled:this.props.autoPosition,escapeWithReference:!0}}})}}},{key:"render",value:function(){var e=this,t=this.state,o=t.cssPosition,i=t.transform;return b.default.createElement("div",null,b.default.createElement("div",{ref:function(t){return e.targetRef=t}},this.props.children),b.default.createElement("div",{ref:function(t){return e.contentRef=t},style:{top:0,left:0,position:o,transform:i,zIndex:400}},this.props.content))}}]),t}(h.PureComponent);g.propTypes={position:h.PropTypes.oneOf(y.POSITION_ATTRIBUTE_ENUM.values),boundariesElement:h.PropTypes.oneOf(["viewport","window"]),autoPosition:h.PropTypes.bool,offset:h.PropTypes.string,content:h.PropTypes.node,onFlippedChange:h.PropTypes.func,children:h.PropTypes.node},g.defaultProps={position:y.POSITION_ATTRIBUTE_ENUM.default,boundariesElement:"viewport",autoPosition:!0,offset:"0 0",content:null,onFlippedChange:function(){},children:null},t.default=g},function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=p},function(e,t){"use strict";function o(e){return i[e]?i[e].position:i[n.default].position}Object.defineProperty(t,"__esModule",{value:!0});var i={"top left":{position:"top-start",animation:"top"},"top center":{position:"top",animation:"top"},"top right":{position:"top-end",animation:"top"},"right top":{position:"right-start",animation:"right"},"right middle":{position:"right",animation:"right"},"right bottom":{position:"right-end",animation:"right"},"bottom left":{position:"bottom-start",animation:"bottom"},"bottom center":{position:"bottom",animation:"bottom"},"bottom right":{position:"bottom-end",animation:"bottom"},"left top":{position:"left-start",animation:"left"},"left middle":{position:"left",animation:"left"},"left bottom":{position:"left-end",animation:"left"}},n={values:["top left","top center","top right","right top","right middle","right bottom","bottom left","bottom center","bottom right","left top","left middle","left bottom"],default:"right middle"};t.positionPropToPopperPosition=o,t.POSITION_ATTRIBUTE_ENUM=n}])});
+!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("react"),require("popper.js")):"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","react","popper.js"],t):"object"==typeof exports?exports.akLayer=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("react"),require("popper.js")):e.akLayer=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.react,e["popper.js"])}(this,function(e,t,o,i,n,r,p){return function(e){function t(i){if(o[i])return o[i].exports;var n=o[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){e.exports=o(1)},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),r=i(n),p=o(3),s=i(p),l=o(4),a=i(l),u=o(5),f=i(u),c=o(6),d=i(c),h=o(7),b=i(h),m=o(8),P=i(m),y=o(9),g=function(e){function t(e){(0,s.default)(this,t);var o=(0,f.default)(this,(t.__proto__||(0,r.default)(t)).call(this,e));return o.extractStyles=function(e){if(e){var t=Math.round(e.offsets.popper.left),i=Math.round(e.offsets.popper.top);o.setState({cssPosition:e.offsets.popper.position,transform:"translate3d("+t+"px, "+i+"px, 0px)",flipped:!!e.flipped,actualPosition:e.position,originalPosition:e.originalPosition})}},o.state={position:null,transform:null,flipped:!1,actualPosition:null,originalPosition:null},o}return(0,d.default)(t,e),(0,a.default)(t,[{key:"componentDidMount",value:function(){this.applyPopper(this.props)}},{key:"componentWillReceiveProps",value:function(e){this.applyPopper(e)}},{key:"componentDidUpdate",value:function(e,t){t.flipped!==this.state.flipped&&this.props.onFlippedChange({flipped:this.state.flipped,actualPosition:this.state.actualPosition,originalPosition:this.state.originalPosition})}},{key:"componentWillUnmount",value:function(){this.popper&&this.popper.destroy()}},{key:"applyPopper",value:function(e){if(this.targetRef&&this.contentRef){this.popper&&this.popper.destroy();var t=this.targetRef.firstChild;this.popper=new P.default(t,this.contentRef,{placement:(0,y.positionPropToPopperPosition)(e.position),onCreate:this.extractStyles,onUpdate:this.extractStyles,modifiers:{applyStyle:{enabled:!1},hide:{enabled:!1},offset:{enabled:!0,offset:this.props.offset},flip:{enabled:this.props.autoPosition,flipVariations:!0,boundariesElement:this.props.boundariesElement,padding:0},preventOverflow:{enabled:this.props.autoPosition,escapeWithReference:!0}}})}}},{key:"render",value:function(){var e=this,t=this.state,o=t.cssPosition,i=t.transform;return b.default.createElement("div",null,b.default.createElement("div",{ref:function(t){return e.targetRef=t}},this.props.children),b.default.createElement("div",{ref:function(t){return e.contentRef=t},style:{top:0,left:0,position:o,transform:i,zIndex:400}},this.props.content))}}]),t}(h.PureComponent);g.propTypes={position:h.PropTypes.oneOf(y.POSITION_ATTRIBUTE_ENUM.values),boundariesElement:h.PropTypes.oneOf(["viewport","window"]),autoPosition:h.PropTypes.bool,offset:h.PropTypes.string,content:h.PropTypes.node,onFlippedChange:h.PropTypes.func,children:h.PropTypes.node},g.defaultProps={position:y.POSITION_ATTRIBUTE_ENUM.default,boundariesElement:"viewport",autoPosition:!0,offset:"0 0",content:null,onFlippedChange:function(){},children:null},t.default=g},function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=p},function(e,t){"use strict";function o(e){return i[e]?i[e].position:i[n.default].position}Object.defineProperty(t,"__esModule",{value:!0});var i={"top left":{position:"top-start",animation:"top"},"top center":{position:"top",animation:"top"},"top right":{position:"top-end",animation:"top"},"right top":{position:"right-start",animation:"right"},"right middle":{position:"right",animation:"right"},"right bottom":{position:"right-end",animation:"right"},"bottom left":{position:"bottom-start",animation:"bottom"},"bottom center":{position:"bottom",animation:"bottom"},"bottom right":{position:"bottom-end",animation:"bottom"},"left top":{position:"left-start",animation:"left"},"left middle":{position:"left",animation:"left"},"left bottom":{position:"left-end",animation:"left"}},n={values:["top left","top center","top right","right top","right middle","right bottom","bottom left","bottom center","bottom right","left top","left middle","left bottom"],default:"right middle"};t.positionPropToPopperPosition=o,t.POSITION_ATTRIBUTE_ENUM=n}])});

package.json

 {
   "name": "ak-layer",
-  "version": "62.2.0",
+  "version": "62.2.1",
   "description": "A React layer component responsible for the position of an element on a page",
@@ -5,0 +5,0 @@ "main": "dist/bundle.js",

README.md

@@ -5,3 +5,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://aui-cdn.atlassian.com/atlaskit/registry/)
 [![Report an issue](https://img.shields.io/badge/Report-an_issue-6554C0.svg)](https://ecosystem.atlassian.net/browse/AK)
-[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-layer,ak-layer@62.2.0)
+[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-layer,ak-layer@62.2.1)
 
@@ -14,7 +14,7 @@ # Layer
 
-![Example of Layer](https://bytebucket.org/atlassian/atlaskit/raw/6ffea0079cfc89a9ff5f56184967a9474822492d/packages/ak-layer/docs/layer.png)
+![Example of Layer](https://bytebucket.org/atlassian/atlaskit/raw/61685e912256ffb89da6c1dd00ee5855c68e8eec/packages/ak-layer/docs/layer.png)
 
 ## Try it out
 
-Interact with a [live demo of the ak-layer component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-layer/62.2.0/).
+Interact with a [live demo of the ak-layer component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-layer/62.2.1/).
 
@@ -177,3 +177,3 @@ ## Installation
 
-Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-layer,ak-layer@62.2.0).
+Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-layer,ak-layer@62.2.1).
 
@@ -180,0 +180,0 @@ Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit).

No alert changes

Improved metrics

Total package byte prevSize

69070

increased by0.56%

Lines of code

786

increased by0.26%

No dependency changes