@atlaskit/page-layout 1.7.3 → 1.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/__perf__/utils/product-integration/notifications-popup.tsx +2 -2
- package/dist/cjs/components/resize-control/index.js +1 -1
- package/dist/cjs/components/resize-control/shadow.js +2 -2
- package/dist/cjs/components/skip-links/skip-link-components.js +3 -3
- package/dist/cjs/components/slots/banner-slot.js +2 -2
- package/dist/cjs/components/slots/internal/left-sidebar-inner.js +4 -4
- package/dist/cjs/components/slots/main.js +1 -1
- package/dist/cjs/components/slots/right-sidebar.js +2 -2
- package/dist/cjs/components/slots/top-navigation.js +3 -3
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/resize-control/index.js +1 -1
- package/dist/es2019/components/resize-control/shadow.js +2 -2
- package/dist/es2019/components/skip-links/skip-link-components.js +3 -3
- package/dist/es2019/components/slots/banner-slot.js +2 -2
- package/dist/es2019/components/slots/internal/left-sidebar-inner.js +4 -4
- package/dist/es2019/components/slots/main.js +1 -1
- package/dist/es2019/components/slots/right-sidebar.js +2 -2
- package/dist/es2019/components/slots/top-navigation.js +3 -3
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/resize-control/index.js +1 -1
- package/dist/esm/components/resize-control/shadow.js +2 -2
- package/dist/esm/components/skip-links/skip-link-components.js +3 -3
- package/dist/esm/components/slots/banner-slot.js +2 -2
- package/dist/esm/components/slots/internal/left-sidebar-inner.js +4 -4
- package/dist/esm/components/slots/main.js +1 -1
- package/dist/esm/components/slots/right-sidebar.js +2 -2
- package/dist/esm/components/slots/top-navigation.js +3 -3
- package/dist/esm/version.json +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -13,9 +13,9 @@ const wrapperStyles = css({
|
|
|
13
13
|
display: 'flex',
|
|
14
14
|
width: 540,
|
|
15
15
|
height: 'calc(100vh - 200px)',
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
17
17
|
paddingTop: 18,
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
paddingLeft: 18,
|
|
20
20
|
});
|
|
21
21
|
|
|
@@ -27,7 +27,7 @@ var resizeControlStyles = (0, _react2.css)({
|
|
|
27
27
|
position: 'absolute',
|
|
28
28
|
top: 0,
|
|
29
29
|
bottom: 0,
|
|
30
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
30
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
31
31
|
left: '100%',
|
|
32
32
|
outline: 'none'
|
|
33
33
|
});
|
|
@@ -17,7 +17,7 @@ var shadowStyles = (0, _react.css)({
|
|
|
17
17
|
position: 'absolute',
|
|
18
18
|
top: 0,
|
|
19
19
|
bottom: 0,
|
|
20
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
21
|
left: -1,
|
|
22
22
|
background: "var(--ds-border, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
|
|
23
23
|
opacity: 0.5,
|
|
@@ -28,7 +28,7 @@ var shadowStyles = (0, _react.css)({
|
|
|
28
28
|
});
|
|
29
29
|
var draggingStyles = (0, _react.css)({
|
|
30
30
|
width: 6,
|
|
31
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
31
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
32
32
|
left: -6,
|
|
33
33
|
background: "var(--ds-background-neutral-subtle, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
|
|
34
34
|
opacity: 0.8
|
|
@@ -17,13 +17,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
17
17
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
18
18
|
var prefersReducedMotionStyles = (0, _react.css)((0, _motion.prefersReducedMotion)());
|
|
19
19
|
var skipLinkStyles = (0, _react.css)({
|
|
20
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
21
|
margin: 10,
|
|
22
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
23
23
|
padding: '0.8rem 1rem',
|
|
24
24
|
position: 'fixed',
|
|
25
25
|
zIndex: -1,
|
|
26
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
27
27
|
left: -999999,
|
|
28
28
|
background: "var(--ds-surface-overlay, white)",
|
|
29
29
|
border: 'none',
|
|
@@ -24,9 +24,9 @@ var bannerFixedStyles = (0, _react2.css)({
|
|
|
24
24
|
position: 'fixed',
|
|
25
25
|
zIndex: 2,
|
|
26
26
|
top: 0,
|
|
27
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
28
28
|
right: _constants.RIGHT_PANEL_WIDTH,
|
|
29
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
29
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
30
30
|
left: _constants.LEFT_PANEL_WIDTH
|
|
31
31
|
});
|
|
32
32
|
|
|
@@ -21,10 +21,10 @@ var prefersReducedMotionStyles = (0, _react.css)((0, _motion.prefersReducedMotio
|
|
|
21
21
|
var mobileStyles = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.responsive-page-layout-left-sidebar_p8r7g') ? (0, _react.css)((0, _defineProperty2.default)({}, _responsive.UNSAFE_media.below.md, {
|
|
22
22
|
width: "".concat(_constants.MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH, "px"),
|
|
23
23
|
position: 'fixed',
|
|
24
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
25
25
|
top: "calc(".concat(_constants.BANNER_HEIGHT, " + ").concat(_constants.TOP_NAVIGATION_HEIGHT, ")"),
|
|
26
26
|
bottom: 0,
|
|
27
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
28
28
|
left: "".concat(_constants.LEFT_PANEL_WIDTH),
|
|
29
29
|
transition: "width ".concat(_constants.TRANSITION_DURATION, "ms ").concat(_motion.easeOut, " 0s")
|
|
30
30
|
})) : undefined;
|
|
@@ -45,10 +45,10 @@ var mobileInnerFlyoutStyles = (0, _platformFeatureFlags.getBooleanFF)('platform.
|
|
|
45
45
|
var fixedInnerStyles = (0, _react.css)({
|
|
46
46
|
width: "".concat(_constants.LEFT_SIDEBAR_WIDTH),
|
|
47
47
|
position: 'fixed',
|
|
48
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
48
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
49
49
|
top: "calc(".concat(_constants.BANNER_HEIGHT, " + ").concat(_constants.TOP_NAVIGATION_HEIGHT, ")"),
|
|
50
50
|
bottom: 0,
|
|
51
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
51
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
52
52
|
left: "".concat(_constants.LEFT_PANEL_WIDTH),
|
|
53
53
|
transition: "width ".concat(_constants.TRANSITION_DURATION, "ms ").concat(_motion.easeOut, " 0s")
|
|
54
54
|
});
|
|
@@ -39,7 +39,7 @@ var draggingStyles = (0, _react2.css)({
|
|
|
39
39
|
* while main remains in place.
|
|
40
40
|
*/
|
|
41
41
|
var flyoutStyles = (0, _react2.css)({
|
|
42
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
42
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
43
43
|
marginLeft: "calc(-1 * var(--".concat(_constants.VAR_LEFT_SIDEBAR_FLYOUT, ", ").concat(_constants.DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH, "px) + ").concat(_constants.COLLAPSED_LEFT_SIDEBAR_WIDTH, "px)")
|
|
44
44
|
});
|
|
45
45
|
|
|
@@ -29,9 +29,9 @@ var fixedInnerStyles = (0, _react2.css)({
|
|
|
29
29
|
*/
|
|
30
30
|
width: _constants.RIGHT_SIDEBAR_WIDTH,
|
|
31
31
|
position: 'fixed',
|
|
32
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
32
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
33
33
|
top: "calc(".concat(_constants.BANNER_HEIGHT, " + ").concat(_constants.TOP_NAVIGATION_HEIGHT, ")"),
|
|
34
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
34
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
35
35
|
right: "calc(".concat(_constants.RIGHT_PANEL_WIDTH, ")"),
|
|
36
36
|
bottom: 0
|
|
37
37
|
});
|
|
@@ -23,11 +23,11 @@ var topNavigationStyles = (0, _react2.css)({
|
|
|
23
23
|
var fixedStyles = (0, _react2.css)({
|
|
24
24
|
position: 'fixed',
|
|
25
25
|
zIndex: 2,
|
|
26
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
27
27
|
top: _constants.BANNER_HEIGHT,
|
|
28
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
29
29
|
right: _constants.RIGHT_PANEL_WIDTH,
|
|
30
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
30
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
31
31
|
left: _constants.LEFT_PANEL_WIDTH
|
|
32
32
|
});
|
|
33
33
|
|
package/dist/cjs/version.json
CHANGED
|
@@ -21,7 +21,7 @@ const resizeControlStyles = css({
|
|
|
21
21
|
position: 'absolute',
|
|
22
22
|
top: 0,
|
|
23
23
|
bottom: 0,
|
|
24
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
25
25
|
left: '100%',
|
|
26
26
|
outline: 'none'
|
|
27
27
|
});
|
|
@@ -16,7 +16,7 @@ const shadowStyles = css({
|
|
|
16
16
|
position: 'absolute',
|
|
17
17
|
top: 0,
|
|
18
18
|
bottom: 0,
|
|
19
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
20
|
left: -1,
|
|
21
21
|
background: `var(--ds-border, ${`linear-gradient(${direction}, ${colorStops})`})`,
|
|
22
22
|
opacity: 0.5,
|
|
@@ -27,7 +27,7 @@ const shadowStyles = css({
|
|
|
27
27
|
});
|
|
28
28
|
const draggingStyles = css({
|
|
29
29
|
width: 6,
|
|
30
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
30
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
31
31
|
left: -6,
|
|
32
32
|
background: `var(--ds-background-neutral-subtle, ${`linear-gradient(${direction}, ${colorStops})`})`,
|
|
33
33
|
opacity: 0.8
|
|
@@ -9,13 +9,13 @@ import { useSkipLinks } from '../../controllers';
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
10
10
|
const prefersReducedMotionStyles = css(prefersReducedMotion());
|
|
11
11
|
const skipLinkStyles = css({
|
|
12
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
12
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
13
13
|
margin: 10,
|
|
14
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
15
15
|
padding: '0.8rem 1rem',
|
|
16
16
|
position: 'fixed',
|
|
17
17
|
zIndex: -1,
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
left: -999999,
|
|
20
20
|
background: "var(--ds-surface-overlay, white)",
|
|
21
21
|
border: 'none',
|
|
@@ -15,9 +15,9 @@ const bannerFixedStyles = css({
|
|
|
15
15
|
position: 'fixed',
|
|
16
16
|
zIndex: 2,
|
|
17
17
|
top: 0,
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
right: RIGHT_PANEL_WIDTH,
|
|
20
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
21
|
left: LEFT_PANEL_WIDTH
|
|
22
22
|
});
|
|
23
23
|
|
|
@@ -15,10 +15,10 @@ const mobileStyles = getBooleanFF('platform.design-system-team.responsive-page-l
|
|
|
15
15
|
[UNSAFE_media.below.md]: {
|
|
16
16
|
width: `${MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH}px`,
|
|
17
17
|
position: 'fixed',
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
top: `calc(${BANNER_HEIGHT} + ${TOP_NAVIGATION_HEIGHT})`,
|
|
20
20
|
bottom: 0,
|
|
21
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
22
|
left: `${LEFT_PANEL_WIDTH}`,
|
|
23
23
|
transition: `width ${TRANSITION_DURATION}ms ${easeOut} 0s`
|
|
24
24
|
}
|
|
@@ -43,10 +43,10 @@ const mobileInnerFlyoutStyles = getBooleanFF('platform.design-system-team.respon
|
|
|
43
43
|
const fixedInnerStyles = css({
|
|
44
44
|
width: `${LEFT_SIDEBAR_WIDTH}`,
|
|
45
45
|
position: 'fixed',
|
|
46
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
46
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
47
47
|
top: `calc(${BANNER_HEIGHT} + ${TOP_NAVIGATION_HEIGHT})`,
|
|
48
48
|
bottom: 0,
|
|
49
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
49
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
50
50
|
left: `${LEFT_PANEL_WIDTH}`,
|
|
51
51
|
transition: `width ${TRANSITION_DURATION}ms ${easeOut} 0s`
|
|
52
52
|
});
|
|
@@ -32,7 +32,7 @@ const draggingStyles = css({
|
|
|
32
32
|
* while main remains in place.
|
|
33
33
|
*/
|
|
34
34
|
const flyoutStyles = css({
|
|
35
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
36
36
|
marginLeft: `calc(-1 * var(--${VAR_LEFT_SIDEBAR_FLYOUT}, ${DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH}px) + ${COLLAPSED_LEFT_SIDEBAR_WIDTH}px)`
|
|
37
37
|
});
|
|
38
38
|
|
|
@@ -21,9 +21,9 @@ const fixedInnerStyles = css({
|
|
|
21
21
|
*/
|
|
22
22
|
width: RIGHT_SIDEBAR_WIDTH,
|
|
23
23
|
position: 'fixed',
|
|
24
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
25
25
|
top: `calc(${BANNER_HEIGHT} + ${TOP_NAVIGATION_HEIGHT})`,
|
|
26
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
27
27
|
right: `calc(${RIGHT_PANEL_WIDTH})`,
|
|
28
28
|
bottom: 0
|
|
29
29
|
});
|
|
@@ -14,11 +14,11 @@ const topNavigationStyles = css({
|
|
|
14
14
|
const fixedStyles = css({
|
|
15
15
|
position: 'fixed',
|
|
16
16
|
zIndex: 2,
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
17
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
18
|
top: BANNER_HEIGHT,
|
|
19
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
20
|
right: RIGHT_PANEL_WIDTH,
|
|
21
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
22
|
left: LEFT_PANEL_WIDTH
|
|
23
23
|
});
|
|
24
24
|
|
package/dist/es2019/version.json
CHANGED
|
@@ -23,7 +23,7 @@ var resizeControlStyles = css({
|
|
|
23
23
|
position: 'absolute',
|
|
24
24
|
top: 0,
|
|
25
25
|
bottom: 0,
|
|
26
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
27
27
|
left: '100%',
|
|
28
28
|
outline: 'none'
|
|
29
29
|
});
|
|
@@ -11,7 +11,7 @@ var shadowStyles = css({
|
|
|
11
11
|
position: 'absolute',
|
|
12
12
|
top: 0,
|
|
13
13
|
bottom: 0,
|
|
14
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
15
15
|
left: -1,
|
|
16
16
|
background: "var(--ds-border, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
|
|
17
17
|
opacity: 0.5,
|
|
@@ -22,7 +22,7 @@ var shadowStyles = css({
|
|
|
22
22
|
});
|
|
23
23
|
var draggingStyles = css({
|
|
24
24
|
width: 6,
|
|
25
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
26
26
|
left: -6,
|
|
27
27
|
background: "var(--ds-background-neutral-subtle, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
|
|
28
28
|
opacity: 0.8
|
|
@@ -13,13 +13,13 @@ import { useSkipLinks } from '../../controllers';
|
|
|
13
13
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
14
14
|
var prefersReducedMotionStyles = css(prefersReducedMotion());
|
|
15
15
|
var skipLinkStyles = css({
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
17
17
|
margin: 10,
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
padding: '0.8rem 1rem',
|
|
20
20
|
position: 'fixed',
|
|
21
21
|
zIndex: -1,
|
|
22
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
23
23
|
left: -999999,
|
|
24
24
|
background: "var(--ds-surface-overlay, white)",
|
|
25
25
|
border: 'none',
|
|
@@ -16,9 +16,9 @@ var bannerFixedStyles = css({
|
|
|
16
16
|
position: 'fixed',
|
|
17
17
|
zIndex: 2,
|
|
18
18
|
top: 0,
|
|
19
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
20
|
right: RIGHT_PANEL_WIDTH,
|
|
21
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
22
|
left: LEFT_PANEL_WIDTH
|
|
23
23
|
});
|
|
24
24
|
|
|
@@ -14,10 +14,10 @@ var prefersReducedMotionStyles = css(prefersReducedMotion());
|
|
|
14
14
|
var mobileStyles = getBooleanFF('platform.design-system-team.responsive-page-layout-left-sidebar_p8r7g') ? css(_defineProperty({}, UNSAFE_media.below.md, {
|
|
15
15
|
width: "".concat(MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH, "px"),
|
|
16
16
|
position: 'fixed',
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
17
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
18
|
top: "calc(".concat(BANNER_HEIGHT, " + ").concat(TOP_NAVIGATION_HEIGHT, ")"),
|
|
19
19
|
bottom: 0,
|
|
20
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
21
|
left: "".concat(LEFT_PANEL_WIDTH),
|
|
22
22
|
transition: "width ".concat(TRANSITION_DURATION, "ms ").concat(easeOut, " 0s")
|
|
23
23
|
})) : undefined;
|
|
@@ -38,10 +38,10 @@ var mobileInnerFlyoutStyles = getBooleanFF('platform.design-system-team.responsi
|
|
|
38
38
|
var fixedInnerStyles = css({
|
|
39
39
|
width: "".concat(LEFT_SIDEBAR_WIDTH),
|
|
40
40
|
position: 'fixed',
|
|
41
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
41
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
42
42
|
top: "calc(".concat(BANNER_HEIGHT, " + ").concat(TOP_NAVIGATION_HEIGHT, ")"),
|
|
43
43
|
bottom: 0,
|
|
44
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
44
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
45
45
|
left: "".concat(LEFT_PANEL_WIDTH),
|
|
46
46
|
transition: "width ".concat(TRANSITION_DURATION, "ms ").concat(easeOut, " 0s")
|
|
47
47
|
});
|
|
@@ -32,7 +32,7 @@ var draggingStyles = css({
|
|
|
32
32
|
* while main remains in place.
|
|
33
33
|
*/
|
|
34
34
|
var flyoutStyles = css({
|
|
35
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
36
36
|
marginLeft: "calc(-1 * var(--".concat(VAR_LEFT_SIDEBAR_FLYOUT, ", ").concat(DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH, "px) + ").concat(COLLAPSED_LEFT_SIDEBAR_WIDTH, "px)")
|
|
37
37
|
});
|
|
38
38
|
|
|
@@ -22,9 +22,9 @@ var fixedInnerStyles = css({
|
|
|
22
22
|
*/
|
|
23
23
|
width: RIGHT_SIDEBAR_WIDTH,
|
|
24
24
|
position: 'fixed',
|
|
25
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
26
26
|
top: "calc(".concat(BANNER_HEIGHT, " + ").concat(TOP_NAVIGATION_HEIGHT, ")"),
|
|
27
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
28
28
|
right: "calc(".concat(RIGHT_PANEL_WIDTH, ")"),
|
|
29
29
|
bottom: 0
|
|
30
30
|
});
|
|
@@ -15,11 +15,11 @@ var topNavigationStyles = css({
|
|
|
15
15
|
var fixedStyles = css({
|
|
16
16
|
position: 'fixed',
|
|
17
17
|
zIndex: 2,
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
19
19
|
top: BANNER_HEIGHT,
|
|
20
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
21
21
|
right: RIGHT_PANEL_WIDTH,
|
|
22
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
23
23
|
left: LEFT_PANEL_WIDTH
|
|
24
24
|
});
|
|
25
25
|
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page-layout",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.4",
|
|
4
4
|
"description": "A collection of components which let you compose an application's page layout.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
"@atlaskit/icon": "^21.12.0",
|
|
38
38
|
"@atlaskit/motion": "^1.4.0",
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
40
|
-
"@atlaskit/primitives": "^0.
|
|
40
|
+
"@atlaskit/primitives": "^0.15.0",
|
|
41
41
|
"@atlaskit/theme": "^12.5.0",
|
|
42
|
-
"@atlaskit/tokens": "^1.
|
|
42
|
+
"@atlaskit/tokens": "^1.10.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"@emotion/react": "^11.7.1",
|
|
45
45
|
"bind-event-listener": "^2.1.1",
|
|
@@ -57,12 +57,12 @@
|
|
|
57
57
|
"@atlaskit/drawer": "^7.5.0",
|
|
58
58
|
"@atlaskit/icon": "*",
|
|
59
59
|
"@atlaskit/logo": "^13.14.0",
|
|
60
|
-
"@atlaskit/menu": "^1.
|
|
60
|
+
"@atlaskit/menu": "^1.9.0",
|
|
61
61
|
"@atlaskit/notification-indicator": "^9.1.0",
|
|
62
62
|
"@atlaskit/notification-log-client": "^6.1.0",
|
|
63
63
|
"@atlaskit/popup": "^1.8.0",
|
|
64
64
|
"@atlaskit/section-message": "^6.4.0",
|
|
65
|
-
"@atlaskit/side-navigation": "^1.
|
|
65
|
+
"@atlaskit/side-navigation": "^1.10.0",
|
|
66
66
|
"@atlaskit/ssr": "*",
|
|
67
67
|
"@atlaskit/tooltip": "*",
|
|
68
68
|
"@atlaskit/visual-regression": "*",
|