New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@atlaskit/page

Package Overview
Dependencies
Maintainers
1
Versions
115
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/page - npm Package Compare versions

Comparing version 4.4.2 to 5.0.0

9

CHANGELOG.md

@@ -1,6 +0,11 @@

<a name="4.4.2"></a>
## 4.4.2 (2017-07-27)
<a name="5.0.0"></a>
# 5.0.0 (2017-10-11)
<a name="5.0.0"></a>
# 5.0.0 (2017-10-11)
<a name="4.4.2"></a>

@@ -7,0 +12,0 @@ ## 4.4.2 (2017-07-27)

2

dist/bundle-cjs.js

@@ -305,3 +305,3 @@ module.exports = /******/

_taggedTemplateLiteral3.default)([ "\n position: relative;\n z-index: 2;\n" ], [ "\n position: relative;\n z-index: 2;\n" ]), _templateObject6 = (0,
_taggedTemplateLiteral3.default)([ "\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n" ], [ "\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n" ]), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _styledComponents = __webpack_require__(9), _styledComponents2 = _interopRequireDefault(_styledComponents), Wrapper = _styledComponents2.default.div(_templateObject), NavigationAndContent = _styledComponents2.default.div(_templateObject2), BannerContainer = _styledComponents2.default.div(_templateObject3, function(props) {
_taggedTemplateLiteral3.default)([ "\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n" ], [ "\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n" ]), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _styledComponents = __webpack_require__(9), _styledComponents2 = _interopRequireDefault(_styledComponents), Wrapper = _styledComponents2.default.div(_templateObject), NavigationAndContent = _styledComponents2.default.div(_templateObject2), BannerContainer = _styledComponents2.default.div(_templateObject3, function(props) {
return props.isBannerOpen ? 52 : 0;

@@ -308,0 +308,0 @@ }), Banner = _styledComponents2.default.div(_templateObject4), Navigation = _styledComponents2.default.div(_templateObject5), PageContent = _styledComponents2.default.div(_templateObject6), Page = function(_PureComponent) {

2

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@

module.exports=function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={exports:{},id:i,loaded:!1};return e[i].call(r.exports,r,r.exports,t),r.loaded=!0,r.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 i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GridColumn=t.Grid=void 0;var r=n(2);Object.defineProperty(t,"Grid",{enumerable:!0,get:function(){return i(r).default}});var u=n(13);Object.defineProperty(t,"GridColumn",{enumerable:!0,get:function(){return i(u).default}});var a=n(15),l=i(a);t.default=l.default},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r,u,a=n(3),l=i(a),o=n(4),d=i(o),s=n(5),f=i(s),p=n(6),c=i(p),m=n(7),h=i(m),g=n(8),x=i(g),v=n(9),y=n(10),b=n(11),w=i(b);t.default=(0,v.withTheme)((u=r=function(e){function t(){var n,i,r;(0,d.default)(this,t);for(var u=arguments.length,a=Array(u),l=0;l<u;l++)a[l]=arguments[l];return n=i=(0,f.default)(this,e.call.apply(e,[this].concat(a))),i.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:y.defaultGridColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:e.spacing,isNestedGrid:!(!e.theme||!e.theme.isNestedGrid)&&e.theme.isNestedGrid}},r=n,(0,f.default)(i,r)}return(0,c.default)(t,e),t.prototype.render=function(){return x.default.createElement(v.ThemeProvider,{theme:this.getTheme(this.props)},x.default.createElement(w.default,{spacing:this.props.spacing,layout:this.props.layout},this.props.children))},t}(g.PureComponent),r.propTypes={children:h.default.node,spacing:h.default.oneOf((0,l.default)(y.spacing)),layout:h.default.oneOf(y.layout)},r.defaultProps={spacing:"cosy",layout:"fixed"},u))},function(e,t){e.exports=require("babel-runtime/core-js/object/keys")},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){e.exports=require("styled-components")},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=t.defaultGridSize=8;t.defaultGridColumns=12,t.defaultGridColumnWidth=10*n,t.spacing={comfortable:5*n,cosy:2*n,compact:.5*n},t.layout=["fixed","fluid"]},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPadding=t.getMaxWidth=t.getMargin=void 0;var r=n(12),u=i(r),a=(0,u.default)(["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"],["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"]),l=n(9),o=i(l),d=n(10),s=function(e){return e.theme.isNestedGrid?"-"+d.spacing[e.theme.spacing]+"px":"auto"},f=function(e){return"fixed"===e.layout?d.defaultGridColumnWidth*e.theme.columns+"px":"100%"},p=function(e){return d.spacing[e.theme.spacing]/2+"px"},c=o.default.div(a,s,f,p);t.default=c,t.getMargin=s,t.getMaxWidth=f,t.getPadding=p},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r,u,a=n(4),l=i(a),o=n(5),d=i(o),s=n(6),f=i(s),p=n(7),c=i(p),m=n(8),h=i(m),g=n(9),x=n(10),v=n(14),y=i(v),b="cosy";t.default=(0,g.withTheme)((u=r=function(e){function t(){var n,i,r;(0,l.default)(this,t);for(var u=arguments.length,a=Array(u),o=0;o<u;o++)a[o]=arguments[o];return n=i=(0,d.default)(this,e.call.apply(e,[this].concat(a))),i.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:x.defaultColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:b,isNestedGrid:!1}},i.getNestedTheme=function(e){return{columns:e.medium,spacing:e.theme&&e.theme.spacing?e.theme.spacing:b,isNestedGrid:!0}},r=n,(0,d.default)(i,r)}return(0,f.default)(t,e),t.prototype.render=function(){return h.default.createElement(g.ThemeProvider,{theme:this.getTheme(this.props)},h.default.createElement(y.default,{medium:this.props.medium},h.default.createElement(g.ThemeProvider,{theme:this.getNestedTheme(this.props)},h.default.createElement("div",null,this.props.children))))},t}(m.PureComponent),r.propTypes={medium:c.default.number,children:c.default.node},r.defaultProps={medium:0},u))},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnWidth=void 0;var r=n(12),u=i(r),a=(0,u.default)(["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"],["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"]),l=n(9),o=i(l),d=n(10),s=function(e){return e.medium===e.theme.columns?"100%":"99.9999% / "+e.theme.columns+" * "+e.medium},f=function(e){return e.medium>0?"calc("+s(e)+" - "+d.spacing[e.theme.spacing]+"px)":"auto"},p=function(e){return e.theme.columns},c=function(e){return e.medium?e.medium:p(e)},m=function(e){return Math.min(p(e),c(e))},h=function(e){return d.spacing[e.theme.spacing]},g=function(e){return m(e)>=p(e)?"100%":"99.9999% / "+p(e)+" * "+m(e)},x=o.default.div(a,f,function(e){return d.spacing[e.theme.spacing]/2},g,h,p,h);t.default=x,t.getColumnWidth=f},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(4),u=i(r),a=n(5),l=i(a),o=n(6),d=i(o),s=n(12),f=i(s),p=(0,f.default)(["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"]),c=(0,f.default)(["\n display: flex;\n flex: 1 1 auto;\n"],["\n display: flex;\n flex: 1 1 auto;\n"]),m=(0,f.default)(["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"],["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"]),h=(0,f.default)(["\n position: fixed;\n width: 100%;\n"],["\n position: fixed;\n width: 100%;\n"]),g=(0,f.default)(["\n position: relative;\n z-index: 2;\n"],["\n position: relative;\n z-index: 2;\n"]),x=(0,f.default)(["\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n"],["\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n"]),v=n(7),y=i(v),b=n(8),w=i(b),_=n(9),P=i(_),M=P.default.div(p),O=P.default.div(c),T=P.default.div(m,function(e){return e.isBannerOpen?52:0}),C=P.default.div(h),G=P.default.div(g),E=P.default.div(x),j=function(e){function t(){return(0,u.default)(this,t),(0,l.default)(this,e.apply(this,arguments))}return(0,d.default)(t,e),t.prototype.render=function(){return w.default.createElement(_.ThemeProvider,{theme:{}},w.default.createElement(M,null,this.props.banner?w.default.createElement(T,{"aria-hidden":this.props.isBannerOpen,isBannerOpen:this.props.isBannerOpen},w.default.createElement(C,null,this.props.banner)):null,w.default.createElement(O,null,w.default.createElement(G,null,this.props.navigation),w.default.createElement(E,null,this.props.children))))},t}(b.PureComponent);j.displayName="AkPage",j.propTypes={banner:y.default.node,children:y.default.node,isBannerOpen:y.default.bool,navigation:y.default.node},j.defaultProps={isBannerOpen:!1},t.default=j}]);
module.exports=function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={exports:{},id:i,loaded:!1};return e[i].call(r.exports,r,r.exports,t),r.loaded=!0,r.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 i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GridColumn=t.Grid=void 0;var r=n(2);Object.defineProperty(t,"Grid",{enumerable:!0,get:function(){return i(r).default}});var u=n(13);Object.defineProperty(t,"GridColumn",{enumerable:!0,get:function(){return i(u).default}});var a=n(15),l=i(a);t.default=l.default},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r,u,a=n(3),l=i(a),o=n(4),d=i(o),s=n(5),f=i(s),p=n(6),c=i(p),m=n(7),h=i(m),g=n(8),x=i(g),v=n(9),y=n(10),b=n(11),w=i(b);t.default=(0,v.withTheme)((u=r=function(e){function t(){var n,i,r;(0,d.default)(this,t);for(var u=arguments.length,a=Array(u),l=0;l<u;l++)a[l]=arguments[l];return n=i=(0,f.default)(this,e.call.apply(e,[this].concat(a))),i.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:y.defaultGridColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:e.spacing,isNestedGrid:!(!e.theme||!e.theme.isNestedGrid)&&e.theme.isNestedGrid}},r=n,(0,f.default)(i,r)}return(0,c.default)(t,e),t.prototype.render=function(){return x.default.createElement(v.ThemeProvider,{theme:this.getTheme(this.props)},x.default.createElement(w.default,{spacing:this.props.spacing,layout:this.props.layout},this.props.children))},t}(g.PureComponent),r.propTypes={children:h.default.node,spacing:h.default.oneOf((0,l.default)(y.spacing)),layout:h.default.oneOf(y.layout)},r.defaultProps={spacing:"cosy",layout:"fixed"},u))},function(e,t){e.exports=require("babel-runtime/core-js/object/keys")},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){e.exports=require("styled-components")},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=t.defaultGridSize=8;t.defaultGridColumns=12,t.defaultGridColumnWidth=10*n,t.spacing={comfortable:5*n,cosy:2*n,compact:.5*n},t.layout=["fixed","fluid"]},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPadding=t.getMaxWidth=t.getMargin=void 0;var r=n(12),u=i(r),a=(0,u.default)(["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"],["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"]),l=n(9),o=i(l),d=n(10),s=function(e){return e.theme.isNestedGrid?"-"+d.spacing[e.theme.spacing]+"px":"auto"},f=function(e){return"fixed"===e.layout?d.defaultGridColumnWidth*e.theme.columns+"px":"100%"},p=function(e){return d.spacing[e.theme.spacing]/2+"px"},c=o.default.div(a,s,f,p);t.default=c,t.getMargin=s,t.getMaxWidth=f,t.getPadding=p},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r,u,a=n(4),l=i(a),o=n(5),d=i(o),s=n(6),f=i(s),p=n(7),c=i(p),m=n(8),h=i(m),g=n(9),x=n(10),v=n(14),y=i(v),b="cosy";t.default=(0,g.withTheme)((u=r=function(e){function t(){var n,i,r;(0,l.default)(this,t);for(var u=arguments.length,a=Array(u),o=0;o<u;o++)a[o]=arguments[o];return n=i=(0,d.default)(this,e.call.apply(e,[this].concat(a))),i.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:x.defaultColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:b,isNestedGrid:!1}},i.getNestedTheme=function(e){return{columns:e.medium,spacing:e.theme&&e.theme.spacing?e.theme.spacing:b,isNestedGrid:!0}},r=n,(0,d.default)(i,r)}return(0,f.default)(t,e),t.prototype.render=function(){return h.default.createElement(g.ThemeProvider,{theme:this.getTheme(this.props)},h.default.createElement(y.default,{medium:this.props.medium},h.default.createElement(g.ThemeProvider,{theme:this.getNestedTheme(this.props)},h.default.createElement("div",null,this.props.children))))},t}(m.PureComponent),r.propTypes={medium:c.default.number,children:c.default.node},r.defaultProps={medium:0},u))},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnWidth=void 0;var r=n(12),u=i(r),a=(0,u.default)(["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"],["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"]),l=n(9),o=i(l),d=n(10),s=function(e){return e.medium===e.theme.columns?"100%":"99.9999% / "+e.theme.columns+" * "+e.medium},f=function(e){return e.medium>0?"calc("+s(e)+" - "+d.spacing[e.theme.spacing]+"px)":"auto"},p=function(e){return e.theme.columns},c=function(e){return e.medium?e.medium:p(e)},m=function(e){return Math.min(p(e),c(e))},h=function(e){return d.spacing[e.theme.spacing]},g=function(e){return m(e)>=p(e)?"100%":"99.9999% / "+p(e)+" * "+m(e)},x=o.default.div(a,f,function(e){return d.spacing[e.theme.spacing]/2},g,h,p,h);t.default=x,t.getColumnWidth=f},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(4),u=i(r),a=n(5),l=i(a),o=n(6),d=i(o),s=n(12),f=i(s),p=(0,f.default)(["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"]),c=(0,f.default)(["\n display: flex;\n flex: 1 1 auto;\n"],["\n display: flex;\n flex: 1 1 auto;\n"]),m=(0,f.default)(["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"],["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"]),h=(0,f.default)(["\n position: fixed;\n width: 100%;\n"],["\n position: fixed;\n width: 100%;\n"]),g=(0,f.default)(["\n position: relative;\n z-index: 2;\n"],["\n position: relative;\n z-index: 2;\n"]),x=(0,f.default)(["\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n"],["\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n"]),v=n(7),y=i(v),b=n(8),w=i(b),_=n(9),P=i(_),M=P.default.div(p),O=P.default.div(c),T=P.default.div(m,function(e){return e.isBannerOpen?52:0}),C=P.default.div(h),G=P.default.div(g),E=P.default.div(x),j=function(e){function t(){return(0,u.default)(this,t),(0,l.default)(this,e.apply(this,arguments))}return(0,d.default)(t,e),t.prototype.render=function(){return w.default.createElement(_.ThemeProvider,{theme:{}},w.default.createElement(M,null,this.props.banner?w.default.createElement(T,{"aria-hidden":this.props.isBannerOpen,isBannerOpen:this.props.isBannerOpen},w.default.createElement(C,null,this.props.banner)):null,w.default.createElement(O,null,w.default.createElement(G,null,this.props.navigation),w.default.createElement(E,null,this.props.children))))},t}(b.PureComponent);j.displayName="AkPage",j.propTypes={banner:y.default.node,children:y.default.node,isBannerOpen:y.default.bool,navigation:y.default.node},j.defaultProps={isBannerOpen:!1},t.default=j}]);

2

dist/bundle.js

@@ -308,3 +308,3 @@ !function(root, factory) {

_taggedTemplateLiteral3.default)([ "\n position: relative;\n z-index: 2;\n" ], [ "\n position: relative;\n z-index: 2;\n" ]), _templateObject6 = (0,
_taggedTemplateLiteral3.default)([ "\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n" ], [ "\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n" ]), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _styledComponents = __webpack_require__(9), _styledComponents2 = _interopRequireDefault(_styledComponents), Wrapper = _styledComponents2.default.div(_templateObject), NavigationAndContent = _styledComponents2.default.div(_templateObject2), BannerContainer = _styledComponents2.default.div(_templateObject3, function(props) {
_taggedTemplateLiteral3.default)([ "\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n" ], [ "\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n" ]), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _styledComponents = __webpack_require__(9), _styledComponents2 = _interopRequireDefault(_styledComponents), Wrapper = _styledComponents2.default.div(_templateObject), NavigationAndContent = _styledComponents2.default.div(_templateObject2), BannerContainer = _styledComponents2.default.div(_templateObject3, function(props) {
return props.isBannerOpen ? 52 : 0;

@@ -311,0 +311,0 @@ }), Banner = _styledComponents2.default.div(_templateObject4), Navigation = _styledComponents2.default.div(_templateObject5), PageContent = _styledComponents2.default.div(_templateObject6), Page = function(_PureComponent) {

2

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/keys"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("styled-components"),require("babel-runtime/helpers/taggedTemplateLiteral")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/keys","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","styled-components","babel-runtime/helpers/taggedTemplateLiteral"],t):"object"==typeof exports?exports["@atlaskit/page"]=t(require("babel-runtime/core-js/object/keys"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("styled-components"),require("babel-runtime/helpers/taggedTemplateLiteral")):e["@atlaskit/page"]=t(e["babel-runtime/core-js/object/keys"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["prop-types"],e.react,e["styled-components"],e["babel-runtime/helpers/taggedTemplateLiteral"])}(this,function(e,t,n,r,i,u,a,l){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GridColumn=t.Grid=void 0;var i=n(2);Object.defineProperty(t,"Grid",{enumerable:!0,get:function(){return r(i).default}});var u=n(13);Object.defineProperty(t,"GridColumn",{enumerable:!0,get:function(){return r(u).default}});var a=n(15),l=r(a);t.default=l.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,u,a=n(3),l=r(a),o=n(4),s=r(o),d=n(5),p=r(d),c=n(6),f=r(c),m=n(7),h=r(m),g=n(8),x=r(g),b=n(9),y=n(10),v=n(11),w=r(v);t.default=(0,b.withTheme)((u=i=function(e){function t(){var n,r,i;(0,s.default)(this,t);for(var u=arguments.length,a=Array(u),l=0;l<u;l++)a[l]=arguments[l];return n=r=(0,p.default)(this,e.call.apply(e,[this].concat(a))),r.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:y.defaultGridColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:e.spacing,isNestedGrid:!(!e.theme||!e.theme.isNestedGrid)&&e.theme.isNestedGrid}},i=n,(0,p.default)(r,i)}return(0,f.default)(t,e),t.prototype.render=function(){return x.default.createElement(b.ThemeProvider,{theme:this.getTheme(this.props)},x.default.createElement(w.default,{spacing:this.props.spacing,layout:this.props.layout},this.props.children))},t}(g.PureComponent),i.propTypes={children:h.default.node,spacing:h.default.oneOf((0,l.default)(y.spacing)),layout:h.default.oneOf(y.layout)},i.defaultProps={spacing:"cosy",layout:"fixed"},u))},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=u},function(e,t){e.exports=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=t.defaultGridSize=8;t.defaultGridColumns=12,t.defaultGridColumnWidth=10*n,t.spacing={comfortable:5*n,cosy:2*n,compact:.5*n},t.layout=["fixed","fluid"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPadding=t.getMaxWidth=t.getMargin=void 0;var i=n(12),u=r(i),a=(0,u.default)(["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"],["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"]),l=n(9),o=r(l),s=n(10),d=function(e){return e.theme.isNestedGrid?"-"+s.spacing[e.theme.spacing]+"px":"auto"},p=function(e){return"fixed"===e.layout?s.defaultGridColumnWidth*e.theme.columns+"px":"100%"},c=function(e){return s.spacing[e.theme.spacing]/2+"px"},f=o.default.div(a,d,p,c);t.default=f,t.getMargin=d,t.getMaxWidth=p,t.getPadding=c},function(e,t){e.exports=l},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,u,a=n(4),l=r(a),o=n(5),s=r(o),d=n(6),p=r(d),c=n(7),f=r(c),m=n(8),h=r(m),g=n(9),x=n(10),b=n(14),y=r(b),v="cosy";t.default=(0,g.withTheme)((u=i=function(e){function t(){var n,r,i;(0,l.default)(this,t);for(var u=arguments.length,a=Array(u),o=0;o<u;o++)a[o]=arguments[o];return n=r=(0,s.default)(this,e.call.apply(e,[this].concat(a))),r.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:x.defaultColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:v,isNestedGrid:!1}},r.getNestedTheme=function(e){return{columns:e.medium,spacing:e.theme&&e.theme.spacing?e.theme.spacing:v,isNestedGrid:!0}},i=n,(0,s.default)(r,i)}return(0,p.default)(t,e),t.prototype.render=function(){return h.default.createElement(g.ThemeProvider,{theme:this.getTheme(this.props)},h.default.createElement(y.default,{medium:this.props.medium},h.default.createElement(g.ThemeProvider,{theme:this.getNestedTheme(this.props)},h.default.createElement("div",null,this.props.children))))},t}(m.PureComponent),i.propTypes={medium:f.default.number,children:f.default.node},i.defaultProps={medium:0},u))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnWidth=void 0;var i=n(12),u=r(i),a=(0,u.default)(["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"],["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"]),l=n(9),o=r(l),s=n(10),d=function(e){return e.medium===e.theme.columns?"100%":"99.9999% / "+e.theme.columns+" * "+e.medium},p=function(e){return e.medium>0?"calc("+d(e)+" - "+s.spacing[e.theme.spacing]+"px)":"auto"},c=function(e){return e.theme.columns},f=function(e){return e.medium?e.medium:c(e)},m=function(e){return Math.min(c(e),f(e))},h=function(e){return s.spacing[e.theme.spacing]},g=function(e){return m(e)>=c(e)?"100%":"99.9999% / "+c(e)+" * "+m(e)},x=o.default.div(a,p,function(e){return s.spacing[e.theme.spacing]/2},g,h,c,h);t.default=x,t.getColumnWidth=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(4),u=r(i),a=n(5),l=r(a),o=n(6),s=r(o),d=n(12),p=r(d),c=(0,p.default)(["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"]),f=(0,p.default)(["\n display: flex;\n flex: 1 1 auto;\n"],["\n display: flex;\n flex: 1 1 auto;\n"]),m=(0,p.default)(["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"],["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"]),h=(0,p.default)(["\n position: fixed;\n width: 100%;\n"],["\n position: fixed;\n width: 100%;\n"]),g=(0,p.default)(["\n position: relative;\n z-index: 2;\n"],["\n position: relative;\n z-index: 2;\n"]),x=(0,p.default)(["\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n"],["\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n"]),b=n(7),y=r(b),v=n(8),w=r(v),_=n(9),C=r(_),P=C.default.div(c),j=C.default.div(f),T=C.default.div(m,function(e){return e.isBannerOpen?52:0}),M=C.default.div(h),O=C.default.div(g),q=C.default.div(x),k=function(e){function t(){return(0,u.default)(this,t),(0,l.default)(this,e.apply(this,arguments))}return(0,s.default)(t,e),t.prototype.render=function(){return w.default.createElement(_.ThemeProvider,{theme:{}},w.default.createElement(P,null,this.props.banner?w.default.createElement(T,{"aria-hidden":this.props.isBannerOpen,isBannerOpen:this.props.isBannerOpen},w.default.createElement(M,null,this.props.banner)):null,w.default.createElement(j,null,w.default.createElement(O,null,this.props.navigation),w.default.createElement(q,null,this.props.children))))},t}(v.PureComponent);k.displayName="AkPage",k.propTypes={banner:y.default.node,children:y.default.node,isBannerOpen:y.default.bool,navigation:y.default.node},k.defaultProps={isBannerOpen:!1},t.default=k}])});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/core-js/object/keys"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("styled-components"),require("babel-runtime/helpers/taggedTemplateLiteral")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/keys","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","styled-components","babel-runtime/helpers/taggedTemplateLiteral"],t):"object"==typeof exports?exports["@atlaskit/page"]=t(require("babel-runtime/core-js/object/keys"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("styled-components"),require("babel-runtime/helpers/taggedTemplateLiteral")):e["@atlaskit/page"]=t(e["babel-runtime/core-js/object/keys"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["prop-types"],e.react,e["styled-components"],e["babel-runtime/helpers/taggedTemplateLiteral"])}(this,function(e,t,n,r,i,u,a,l){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GridColumn=t.Grid=void 0;var i=n(2);Object.defineProperty(t,"Grid",{enumerable:!0,get:function(){return r(i).default}});var u=n(13);Object.defineProperty(t,"GridColumn",{enumerable:!0,get:function(){return r(u).default}});var a=n(15),l=r(a);t.default=l.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,u,a=n(3),l=r(a),o=n(4),s=r(o),d=n(5),p=r(d),c=n(6),f=r(c),m=n(7),h=r(m),g=n(8),x=r(g),b=n(9),y=n(10),v=n(11),w=r(v);t.default=(0,b.withTheme)((u=i=function(e){function t(){var n,r,i;(0,s.default)(this,t);for(var u=arguments.length,a=Array(u),l=0;l<u;l++)a[l]=arguments[l];return n=r=(0,p.default)(this,e.call.apply(e,[this].concat(a))),r.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:y.defaultGridColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:e.spacing,isNestedGrid:!(!e.theme||!e.theme.isNestedGrid)&&e.theme.isNestedGrid}},i=n,(0,p.default)(r,i)}return(0,f.default)(t,e),t.prototype.render=function(){return x.default.createElement(b.ThemeProvider,{theme:this.getTheme(this.props)},x.default.createElement(w.default,{spacing:this.props.spacing,layout:this.props.layout},this.props.children))},t}(g.PureComponent),i.propTypes={children:h.default.node,spacing:h.default.oneOf((0,l.default)(y.spacing)),layout:h.default.oneOf(y.layout)},i.defaultProps={spacing:"cosy",layout:"fixed"},u))},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=u},function(e,t){e.exports=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=t.defaultGridSize=8;t.defaultGridColumns=12,t.defaultGridColumnWidth=10*n,t.spacing={comfortable:5*n,cosy:2*n,compact:.5*n},t.layout=["fixed","fluid"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getPadding=t.getMaxWidth=t.getMargin=void 0;var i=n(12),u=r(i),a=(0,u.default)(["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"],["\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n margin: 0 ",";\n max-width: ",";\n padding: 0 ",";\n position: relative;\n"]),l=n(9),o=r(l),s=n(10),d=function(e){return e.theme.isNestedGrid?"-"+s.spacing[e.theme.spacing]+"px":"auto"},p=function(e){return"fixed"===e.layout?s.defaultGridColumnWidth*e.theme.columns+"px":"100%"},c=function(e){return s.spacing[e.theme.spacing]/2+"px"},f=o.default.div(a,d,p,c);t.default=f,t.getMargin=d,t.getMaxWidth=p,t.getPadding=c},function(e,t){e.exports=l},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,u,a=n(4),l=r(a),o=n(5),s=r(o),d=n(6),p=r(d),c=n(7),f=r(c),m=n(8),h=r(m),g=n(9),x=n(10),b=n(14),y=r(b),v="cosy";t.default=(0,g.withTheme)((u=i=function(e){function t(){var n,r,i;(0,l.default)(this,t);for(var u=arguments.length,a=Array(u),o=0;o<u;o++)a[o]=arguments[o];return n=r=(0,s.default)(this,e.call.apply(e,[this].concat(a))),r.getTheme=function(e){return{columns:e.theme&&e.theme.columns?e.theme.columns:x.defaultColumns,spacing:e.theme&&e.theme.spacing?e.theme.spacing:v,isNestedGrid:!1}},r.getNestedTheme=function(e){return{columns:e.medium,spacing:e.theme&&e.theme.spacing?e.theme.spacing:v,isNestedGrid:!0}},i=n,(0,s.default)(r,i)}return(0,p.default)(t,e),t.prototype.render=function(){return h.default.createElement(g.ThemeProvider,{theme:this.getTheme(this.props)},h.default.createElement(y.default,{medium:this.props.medium},h.default.createElement(g.ThemeProvider,{theme:this.getNestedTheme(this.props)},h.default.createElement("div",null,this.props.children))))},t}(m.PureComponent),i.propTypes={medium:f.default.number,children:f.default.node},i.defaultProps={medium:0},u))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnWidth=void 0;var i=n(12),u=r(i),a=(0,u.default)(["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"],["\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: ",";\n margin: 0 ","px;\n max-width: calc("," - ","px);\n min-width: calc(99.9999% / "," - ","px);\n word-wrap: break-word;\n"]),l=n(9),o=r(l),s=n(10),d=function(e){return e.medium===e.theme.columns?"100%":"99.9999% / "+e.theme.columns+" * "+e.medium},p=function(e){return e.medium>0?"calc("+d(e)+" - "+s.spacing[e.theme.spacing]+"px)":"auto"},c=function(e){return e.theme.columns},f=function(e){return e.medium?e.medium:c(e)},m=function(e){return Math.min(c(e),f(e))},h=function(e){return s.spacing[e.theme.spacing]},g=function(e){return m(e)>=c(e)?"100%":"99.9999% / "+c(e)+" * "+m(e)},x=o.default.div(a,p,function(e){return s.spacing[e.theme.spacing]/2},g,h,c,h);t.default=x,t.getColumnWidth=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(4),u=r(i),a=n(5),l=r(a),o=n(6),s=r(o),d=n(12),p=r(d),c=(0,p.default)(["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n"]),f=(0,p.default)(["\n display: flex;\n flex: 1 1 auto;\n"],["\n display: flex;\n flex: 1 1 auto;\n"]),m=(0,p.default)(["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"],["\n flex: 1 0 auto;\n transition: max-height 0.25s ease-in-out;\n max-height: ","px; /* 52 is line height (20) + 4*grid */\n position: relative;\n width: 100%;\n z-index: 3;\n"]),h=(0,p.default)(["\n position: fixed;\n width: 100%;\n"],["\n position: fixed;\n width: 100%;\n"]),g=(0,p.default)(["\n position: relative;\n z-index: 2;\n"],["\n position: relative;\n z-index: 2;\n"]),x=(0,p.default)(["\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n"],["\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n"]),b=n(7),y=r(b),v=n(8),w=r(v),_=n(9),C=r(_),P=C.default.div(c),j=C.default.div(f),T=C.default.div(m,function(e){return e.isBannerOpen?52:0}),M=C.default.div(h),O=C.default.div(g),q=C.default.div(x),k=function(e){function t(){return(0,u.default)(this,t),(0,l.default)(this,e.apply(this,arguments))}return(0,s.default)(t,e),t.prototype.render=function(){return w.default.createElement(_.ThemeProvider,{theme:{}},w.default.createElement(P,null,this.props.banner?w.default.createElement(T,{"aria-hidden":this.props.isBannerOpen,isBannerOpen:this.props.isBannerOpen},w.default.createElement(M,null,this.props.banner)):null,w.default.createElement(j,null,w.default.createElement(O,null,this.props.navigation),w.default.createElement(q,null,this.props.children))))},t}(v.PureComponent);k.displayName="AkPage",k.propTypes={banner:y.default.node,children:y.default.node,isBannerOpen:y.default.bool,navigation:y.default.node},k.defaultProps={isBannerOpen:!1},t.default=k}])});

2

dist/es/Page.js

@@ -11,3 +11,3 @@ import _classCallCheck from 'babel-runtime/helpers/classCallCheck';

_templateObject5 = _taggedTemplateLiteral(['\n position: relative;\n z-index: 2;\n'], ['\n position: relative;\n z-index: 2;\n']),
_templateObject6 = _taggedTemplateLiteral(['\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n'], ['\n flex: 1 0 auto;\n position: relative;\n z-index: 1;\n']);
_templateObject6 = _taggedTemplateLiteral(['\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n'], ['\n flex: 1 1 auto;\n position: relative;\n z-index: 1;\n']);

@@ -14,0 +14,0 @@ import PropTypes from 'prop-types';

10

package.json
{
"name": "@atlaskit/page",
"version": "4.4.2",
"version": "5.0.0",
"config": {

@@ -16,6 +16,8 @@ "access": "public"

"scripts": {
"eslint": "../../build/bin/lint.eslint.sh",
"jest": "echo 'yarn run jest is deprecated and removed. please run yarn run test:unit instead.'",
"prepublish": "../../node_modules/.bin/in-publish && { cd ../.. && npm run prepublish-with-babel/single @atlaskit/page; } || ../../node_modules/.bin/not-in-publish",
"jest": "../../node_modules/.bin/jest -c ../../build/config/jest.config.js",
"storybook": "../../build/bin/storybook.single.sh",
"eslint": "../../build/bin/lint.eslint.sh"
"storybook": "../../build/bin/storybook/run.local.js",
"storybook:static": "../../build/bin/storybook/build.static.js",
"test:unit": "../../node_modules/.bin/jest -c ../../build/config/jest.config.js"
},

@@ -22,0 +24,0 @@ "files": [

4

README.md

@@ -10,7 +10,7 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://atlaskit.atlassian.com)

![Example @atlaskit/page](https://bytebucket.org/atlassian/atlaskit/raw/3b5f1a8c7cfa6a3dcc9caccafb2b67eeff11e3f7/packages/@atlaskit/page/docs/screencast.gif)
![Example @atlaskit/page](https://bytebucket.org/atlassian/atlaskit/raw/25ce373c021fc66dafe740820a739c2e4228ac99/packages/@atlaskit/page/docs/screencast.gif)
## Try it out
Interact with a [live demo of the @atlaskit/page component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/page/4.4.2/).
Interact with a [live demo of the @atlaskit/page component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/page/5.0.0/).

@@ -17,0 +17,0 @@ ## Installation

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc