@atlaskit/page-layout 1.7.2 → 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.
Files changed (30) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/__perf__/utils/product-integration/notifications-popup.tsx +2 -2
  3. package/dist/cjs/components/resize-control/index.js +1 -1
  4. package/dist/cjs/components/resize-control/shadow.js +2 -2
  5. package/dist/cjs/components/skip-links/skip-link-components.js +3 -3
  6. package/dist/cjs/components/slots/banner-slot.js +2 -2
  7. package/dist/cjs/components/slots/internal/left-sidebar-inner.js +4 -4
  8. package/dist/cjs/components/slots/main.js +1 -1
  9. package/dist/cjs/components/slots/right-sidebar.js +2 -2
  10. package/dist/cjs/components/slots/top-navigation.js +3 -3
  11. package/dist/cjs/version.json +1 -1
  12. package/dist/es2019/components/resize-control/index.js +1 -1
  13. package/dist/es2019/components/resize-control/shadow.js +2 -2
  14. package/dist/es2019/components/skip-links/skip-link-components.js +3 -3
  15. package/dist/es2019/components/slots/banner-slot.js +2 -2
  16. package/dist/es2019/components/slots/internal/left-sidebar-inner.js +4 -4
  17. package/dist/es2019/components/slots/main.js +1 -1
  18. package/dist/es2019/components/slots/right-sidebar.js +2 -2
  19. package/dist/es2019/components/slots/top-navigation.js +3 -3
  20. package/dist/es2019/version.json +1 -1
  21. package/dist/esm/components/resize-control/index.js +1 -1
  22. package/dist/esm/components/resize-control/shadow.js +2 -2
  23. package/dist/esm/components/skip-links/skip-link-components.js +3 -3
  24. package/dist/esm/components/slots/banner-slot.js +2 -2
  25. package/dist/esm/components/slots/internal/left-sidebar-inner.js +4 -4
  26. package/dist/esm/components/slots/main.js +1 -1
  27. package/dist/esm/components/slots/right-sidebar.js +2 -2
  28. package/dist/esm/components/slots/top-navigation.js +3 -3
  29. package/dist/esm/version.json +1 -1
  30. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 1.7.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 1.7.3
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 1.7.2
4
16
 
5
17
  ### Patch Changes
@@ -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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
30
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
31
31
  left: _constants.LEFT_PANEL_WIDTH
32
32
  });
33
33
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "1.7.2",
3
+ "version": "1.7.4",
4
4
  "sideEffects": false
5
5
  }
@@ -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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
21
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
22
22
  left: LEFT_PANEL_WIDTH
23
23
  });
24
24
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "1.7.2",
3
+ "version": "1.7.4",
4
4
  "sideEffects": false
5
5
  }
@@ -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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
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-spacing
22
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
23
23
  left: LEFT_PANEL_WIDTH
24
24
  });
25
25
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "1.7.2",
3
+ "version": "1.7.4",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "1.7.2",
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.13.0",
40
+ "@atlaskit/primitives": "^0.15.0",
41
41
  "@atlaskit/theme": "^12.5.0",
42
- "@atlaskit/tokens": "^1.9.0",
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.8.0",
60
+ "@atlaskit/menu": "^1.9.0",
61
61
  "@atlaskit/notification-indicator": "^9.1.0",
62
62
  "@atlaskit/notification-log-client": "^6.1.0",
63
- "@atlaskit/popup": "^1.7.0",
63
+ "@atlaskit/popup": "^1.8.0",
64
64
  "@atlaskit/section-message": "^6.4.0",
65
- "@atlaskit/side-navigation": "^1.8.0",
65
+ "@atlaskit/side-navigation": "^1.10.0",
66
66
  "@atlaskit/ssr": "*",
67
67
  "@atlaskit/tooltip": "*",
68
68
  "@atlaskit/visual-regression": "*",