@atlaskit/page-layout 3.5.1 → 3.6.0

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 (84) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/__perf__/utils/perf-example.tsx +1 -1
  3. package/__perf__/utils/product-integration/atlassian-navigation.tsx +1 -1
  4. package/__perf__/utils/product-integration/notifications-popup.tsx +1 -1
  5. package/__perf__/utils/product-integration/sample-footer.tsx +1 -1
  6. package/__perf__/utils/product-integration/sample-header.tsx +1 -1
  7. package/__perf__/utils/product-integration/side-navigation.tsx +1 -1
  8. package/dist/cjs/components/resize-control/grab-area.js +6 -11
  9. package/dist/cjs/components/resize-control/index.js +2 -1
  10. package/dist/cjs/components/resize-control/resize-button.js +4 -11
  11. package/dist/cjs/components/resize-control/shadow.js +1 -1
  12. package/dist/cjs/components/skip-links/skip-link-components.js +2 -1
  13. package/dist/cjs/components/skip-links/use-custom-skip-link.js +1 -1
  14. package/dist/cjs/components/slots/banner-slot.js +1 -1
  15. package/dist/cjs/components/slots/content.js +1 -1
  16. package/dist/cjs/components/slots/internal/left-sidebar-inner.js +1 -1
  17. package/dist/cjs/components/slots/internal/left-sidebar-outer.js +1 -1
  18. package/dist/cjs/components/slots/internal/resizable-children-wrapper.js +1 -1
  19. package/dist/cjs/components/slots/internal/slot-focus-ring.js +1 -1
  20. package/dist/cjs/components/slots/left-panel.js +1 -1
  21. package/dist/cjs/components/slots/left-sidebar-without-resize.js +1 -1
  22. package/dist/cjs/components/slots/left-sidebar.js +2 -1
  23. package/dist/cjs/components/slots/main.js +1 -1
  24. package/dist/cjs/components/slots/page-layout.js +1 -1
  25. package/dist/cjs/components/slots/right-panel.js +1 -1
  26. package/dist/cjs/components/slots/right-sidebar.js +1 -1
  27. package/dist/cjs/components/slots/top-navigation.js +1 -1
  28. package/dist/es2019/components/resize-control/grab-area.js +6 -11
  29. package/dist/es2019/components/resize-control/index.js +1 -1
  30. package/dist/es2019/components/resize-control/resize-button.js +4 -11
  31. package/dist/es2019/components/resize-control/shadow.js +1 -1
  32. package/dist/es2019/components/skip-links/skip-link-components.js +1 -1
  33. package/dist/es2019/components/skip-links/use-custom-skip-link.js +1 -1
  34. package/dist/es2019/components/slots/banner-slot.js +1 -1
  35. package/dist/es2019/components/slots/content.js +1 -1
  36. package/dist/es2019/components/slots/internal/left-sidebar-inner.js +1 -1
  37. package/dist/es2019/components/slots/internal/left-sidebar-outer.js +1 -1
  38. package/dist/es2019/components/slots/internal/resizable-children-wrapper.js +1 -1
  39. package/dist/es2019/components/slots/internal/slot-focus-ring.js +1 -1
  40. package/dist/es2019/components/slots/left-panel.js +1 -1
  41. package/dist/es2019/components/slots/left-sidebar-without-resize.js +1 -1
  42. package/dist/es2019/components/slots/left-sidebar.js +1 -1
  43. package/dist/es2019/components/slots/main.js +1 -1
  44. package/dist/es2019/components/slots/page-layout.js +1 -1
  45. package/dist/es2019/components/slots/right-panel.js +1 -1
  46. package/dist/es2019/components/slots/right-sidebar.js +1 -1
  47. package/dist/es2019/components/slots/top-navigation.js +1 -1
  48. package/dist/esm/components/resize-control/grab-area.js +6 -11
  49. package/dist/esm/components/resize-control/index.js +1 -1
  50. package/dist/esm/components/resize-control/resize-button.js +4 -11
  51. package/dist/esm/components/resize-control/shadow.js +1 -1
  52. package/dist/esm/components/skip-links/skip-link-components.js +1 -1
  53. package/dist/esm/components/skip-links/use-custom-skip-link.js +1 -1
  54. package/dist/esm/components/slots/banner-slot.js +1 -1
  55. package/dist/esm/components/slots/content.js +1 -1
  56. package/dist/esm/components/slots/internal/left-sidebar-inner.js +1 -1
  57. package/dist/esm/components/slots/internal/left-sidebar-outer.js +1 -1
  58. package/dist/esm/components/slots/internal/resizable-children-wrapper.js +1 -1
  59. package/dist/esm/components/slots/internal/slot-focus-ring.js +1 -1
  60. package/dist/esm/components/slots/left-panel.js +1 -1
  61. package/dist/esm/components/slots/left-sidebar-without-resize.js +1 -1
  62. package/dist/esm/components/slots/left-sidebar.js +1 -1
  63. package/dist/esm/components/slots/main.js +1 -1
  64. package/dist/esm/components/slots/page-layout.js +1 -1
  65. package/dist/esm/components/slots/right-panel.js +1 -1
  66. package/dist/esm/components/slots/right-sidebar.js +1 -1
  67. package/dist/esm/components/slots/top-navigation.js +1 -1
  68. package/dist/types/components/resize-control/grab-area.d.ts +1 -1
  69. package/dist/types/components/resize-control/shadow.d.ts +1 -1
  70. package/dist/types/components/skip-links/skip-link-components.d.ts +1 -1
  71. package/dist/types/components/slots/content.d.ts +1 -1
  72. package/dist/types/components/slots/internal/left-sidebar-inner.d.ts +1 -1
  73. package/dist/types/components/slots/internal/left-sidebar-outer.d.ts +1 -1
  74. package/dist/types/components/slots/internal/resizable-children-wrapper.d.ts +1 -1
  75. package/dist/types/components/slots/internal/slot-focus-ring.d.ts +1 -1
  76. package/dist/types-ts4.5/components/resize-control/grab-area.d.ts +1 -1
  77. package/dist/types-ts4.5/components/resize-control/shadow.d.ts +1 -1
  78. package/dist/types-ts4.5/components/skip-links/skip-link-components.d.ts +1 -1
  79. package/dist/types-ts4.5/components/slots/content.d.ts +1 -1
  80. package/dist/types-ts4.5/components/slots/internal/left-sidebar-inner.d.ts +1 -1
  81. package/dist/types-ts4.5/components/slots/internal/left-sidebar-outer.d.ts +1 -1
  82. package/dist/types-ts4.5/components/slots/internal/resizable-children-wrapper.d.ts +1 -1
  83. package/dist/types-ts4.5/components/slots/internal/slot-focus-ring.d.ts +1 -1
  84. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 3.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#123311](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123311)
8
+ [`2176e65169e6f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2176e65169e6f) -
9
+ Surface layout fixes without feature flag.
10
+
3
11
  ## 3.5.1
4
12
 
5
13
  ### Patch Changes
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { Fragment, type MouseEvent, useState } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { useState } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { Fragment } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { jsx } from '@emotion/react';
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { jsx } from '@emotion/react';
@@ -9,15 +9,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
11
  var _react = require("@emotion/react");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _colors = require("@atlaskit/theme/colors");
14
13
  var _constants = require("../../common/constants");
15
14
  var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollapsed", "label", "leftSidebarPercentageExpanded", "onKeyDown", "onMouseDown", "onBlur", "onFocus", "ref"];
16
15
  /* eslint-disable react/react-in-jsx-scope */
17
16
  /**
18
17
  * @jsxRuntime classic
18
+ * @jsx jsx
19
19
  */
20
- /** @jsx jsx */
21
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
22
21
  /**
23
22
  * Determines the color of the grab line.
@@ -41,16 +40,14 @@ var grabAreaStyles = (0, _react.css)({
41
40
  },
42
41
  '&:enabled:hover, &:enabled:focus, &:enabled:active': (0, _defineProperty2.default)({}, varLineColor, "var(--ds-border-selected, ".concat(_colors.B200, ")"))
43
42
  });
44
- var grabAreaReducedHeightStyles = (0, _react.css)({
45
- height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
46
- position: 'absolute',
47
- insetBlockEnd: 0
48
- });
49
43
  var grabAreaCollapsedStyles = (0, _react.css)({
44
+ height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
50
45
  padding: 0,
46
+ position: 'absolute',
51
47
  backgroundColor: 'transparent',
52
48
  border: 0,
53
- cursor: 'default'
49
+ cursor: 'default',
50
+ insetBlockEnd: 0
54
51
  });
55
52
  var lineStyles = (0, _react.css)({
56
53
  display: 'block',
@@ -87,9 +84,7 @@ var GrabArea = function GrabArea(_ref) {
87
84
  // usability.
88
85
  ,
89
86
  role: "slider",
90
- css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles,
91
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
92
- (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.page-layout-resize-button-fix_u0qxv') && isLeftSidebarCollapsed && grabAreaReducedHeightStyles],
87
+ css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles],
93
88
  "aria-orientation": "vertical",
94
89
  "aria-valuenow": leftSidebarPercentageExpanded,
95
90
  "aria-valuemin": 0,
@@ -22,7 +22,8 @@ var _shadow = _interopRequireDefault(require("./shadow"));
22
22
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
23
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
24
24
  * @jsxRuntime classic
25
- */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
+ * @jsx jsx
26
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
26
27
  /* import useUpdateCssVar from '../../controllers/use-update-css-vars'; */
27
28
  var cssSelector = (0, _defineProperty2.default)({}, _constants.RESIZE_CONTROL_SELECTOR, true);
28
29
  var resizeControlStyles = (0, _react2.css)({
@@ -12,27 +12,22 @@ var _react = require("@emotion/react");
12
12
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
13
13
  var _curves = require("@atlaskit/motion/curves");
14
14
  var _durations = require("@atlaskit/motion/durations");
15
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _responsive = require("@atlaskit/primitives/responsive");
17
16
  var _colors = require("@atlaskit/theme/colors");
18
17
  var _constants = require("../../common/constants");
19
18
  var _excluded = ["isLeftSidebarCollapsed", "label", "testId"];
20
19
  /**
21
20
  * @jsxRuntime classic
21
+ * @jsx jsx
22
22
  */
23
- /** @jsx jsx */
24
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
24
  var increaseHitAreaStyles = (0, _react.css)({
26
25
  position: 'absolute',
27
- insetBlockEnd: "var(--ds-space-negative-100, -8px)",
28
- insetBlockStart: "var(--ds-space-negative-100, -8px)",
26
+ insetBlockEnd: "var(--ds-space-negative-300, -24px)",
27
+ insetBlockStart: "var(--ds-space-negative-300, -24px)",
29
28
  insetInlineEnd: "var(--ds-space-negative-150, -12px)",
30
29
  insetInlineStart: "var(--ds-space-negative-100, -8px)"
31
30
  });
32
- var furtherIncreasedHitAreasStyles = (0, _react.css)({
33
- insetBlockEnd: "var(--ds-space-negative-300, -24px)",
34
- insetBlockStart: "var(--ds-space-negative-300, -24px)"
35
- });
36
31
  var mobileStyles = (0, _react.css)((0, _defineProperty2.default)({}, _responsive.UNSAFE_media.below.sm, {
37
32
  opacity: 1
38
33
  }));
@@ -99,9 +94,7 @@ var ResizeButton = function ResizeButton(_ref) {
99
94
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
100
95
  }, props), (0, _react.jsx)(_chevronRight.default, {
101
96
  label: ""
102
- }), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? (0, _react.jsx)("span", {
103
- css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
104
- }) : (0, _react.jsx)("div", {
97
+ }), (0, _react.jsx)("span", {
105
98
  css: increaseHitAreaStyles
106
99
  }));
107
100
  };
@@ -9,8 +9,8 @@ var _motion = require("@atlaskit/motion");
9
9
  var _hooks = require("../../common/hooks");
10
10
  /**
11
11
  * @jsxRuntime classic
12
+ * @jsx jsx
12
13
  */
13
- /** @jsx jsx */
14
14
 
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
16
 
@@ -16,7 +16,8 @@ var _controllers = require("../../controllers");
16
16
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
17
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */ /**
18
18
  * @jsxRuntime classic
19
- */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
19
+ * @jsx jsx
20
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
20
21
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
22
  var prefersReducedMotionStyles = (0, _react.css)((0, _motion.prefersReducedMotion)());
22
23
  var skipLinkStyles = (0, _react.css)({
@@ -8,8 +8,8 @@ var _react = require("react");
8
8
  var _controllers = require("../../controllers");
9
9
  /**
10
10
  * @jsxRuntime classic
11
+ * @jsx jsx
11
12
  */
12
- /** @jsx jsx */
13
13
 
14
14
  var useCustomSkipLink = exports.useCustomSkipLink = function useCustomSkipLink(id, skipLinkTitle) {
15
15
  var listIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
16
16
  var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
17
17
  /**
18
18
  * @jsxRuntime classic
19
+ * @jsx jsx
19
20
  */
20
- /** @jsx jsx */
21
21
 
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
23
 
@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
8
8
  var _constants = require("../../common/constants");
9
9
  /**
10
10
  * @jsxRuntime classic
11
+ * @jsx jsx
11
12
  */
12
- /** @jsx jsx */
13
13
 
14
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
15
 
@@ -13,8 +13,8 @@ var _constants = require("../../../common/constants");
13
13
  var _hooks = require("../../../common/hooks");
14
14
  /**
15
15
  * @jsxRuntime classic
16
+ * @jsx jsx
16
17
  */
17
- /** @jsx jsx */
18
18
 
19
19
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
20
20
 
@@ -18,8 +18,8 @@ var _controllers = require("../../../controllers");
18
18
  var _slotFocusRing = _interopRequireDefault(require("./slot-focus-ring"));
19
19
  /**
20
20
  * @jsxRuntime classic
21
+ * @jsx jsx
21
22
  */
22
- /** @jsx jsx */
23
23
 
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
25
 
@@ -10,8 +10,8 @@ var _constants = require("../../../common/constants");
10
10
  var _hooks = require("../../../common/hooks");
11
11
  /**
12
12
  * @jsxRuntime classic
13
+ * @jsx jsx
13
14
  */
14
- /** @jsx jsx */
15
15
 
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
17
 
@@ -8,8 +8,8 @@ var _react = require("@emotion/react");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
9
  /**
10
10
  * @jsxRuntime classic
11
+ * @jsx jsx
11
12
  */
12
- /** @jsx jsx */
13
13
 
14
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
15
 
@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
16
16
  var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
17
17
  /**
18
18
  * @jsxRuntime classic
19
+ * @jsx jsx
19
20
  */
20
- /** @jsx jsx */
21
21
 
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
23
 
@@ -16,8 +16,8 @@ var _leftSidebarOuter = _interopRequireDefault(require("./internal/left-sidebar-
16
16
  var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
17
17
  /**
18
18
  * @jsxRuntime classic
19
+ * @jsx jsx
19
20
  */
20
- /** @jsx jsx */
21
21
 
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
23
 
@@ -23,7 +23,8 @@ var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
23
23
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24
24
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */ /**
25
25
  * @jsxRuntime classic
26
- */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
26
+ * @jsx jsx
27
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
27
28
  var openBackdropStyles = (0, _react2.css)({
28
29
  width: '100%',
29
30
  height: '100%',
@@ -17,8 +17,8 @@ var _controllers = require("../../controllers");
17
17
  var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"));
18
18
  /**
19
19
  * @jsxRuntime classic
20
+ * @jsx jsx
20
21
  */
21
- /** @jsx jsx */
22
22
 
23
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
24
24
 
@@ -15,8 +15,8 @@ var _controllers = require("../../controllers");
15
15
  var _skipLinks = require("../skip-links");
16
16
  /**
17
17
  * @jsxRuntime classic
18
+ * @jsx jsx
18
19
  */
19
- /** @jsx jsx */
20
20
 
21
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
22
22
 
@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
16
16
  var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
17
17
  /**
18
18
  * @jsxRuntime classic
19
+ * @jsx jsx
19
20
  */
20
- /** @jsx jsx */
21
21
 
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
23
 
@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
16
16
  var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
17
17
  /**
18
18
  * @jsxRuntime classic
19
+ * @jsx jsx
19
20
  */
20
- /** @jsx jsx */
21
21
 
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
23
 
@@ -16,8 +16,8 @@ var _slotFocusRing = _interopRequireDefault(require("./internal/slot-focus-ring"
16
16
  var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
17
17
  /**
18
18
  * @jsxRuntime classic
19
+ * @jsx jsx
19
20
  */
20
- /** @jsx jsx */
21
21
 
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
23
 
@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  /* eslint-disable react/react-in-jsx-scope */
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { css, jsx } from '@emotion/react';
10
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
11
10
  import { B200 } from '@atlaskit/theme/colors';
12
11
  import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
13
12
  /**
@@ -34,16 +33,14 @@ const grabAreaStyles = css({
34
33
  [varLineColor]: `var(--ds-border-selected, ${B200})`
35
34
  }
36
35
  });
37
- const grabAreaReducedHeightStyles = css({
38
- height: `calc(100% - ${"var(--ds-space-600, 3rem)"} * 2)`,
39
- position: 'absolute',
40
- insetBlockEnd: 0
41
- });
42
36
  const grabAreaCollapsedStyles = css({
37
+ height: `calc(100% - ${"var(--ds-space-600, 3rem)"} * 2)`,
43
38
  padding: 0,
39
+ position: 'absolute',
44
40
  backgroundColor: 'transparent',
45
41
  border: 0,
46
- cursor: 'default'
42
+ cursor: 'default',
43
+ insetBlockEnd: 0
47
44
  });
48
45
  const lineStyles = css({
49
46
  display: 'block',
@@ -83,9 +80,7 @@ const GrabArea = ({
83
80
  // usability.
84
81
  ,
85
82
  role: "slider",
86
- css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles,
87
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
88
- getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') && isLeftSidebarCollapsed && grabAreaReducedHeightStyles],
83
+ css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles],
89
84
  "aria-orientation": "vertical",
90
85
  "aria-valuenow": leftSidebarPercentageExpanded,
91
86
  "aria-valuemin": 0,
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { Fragment, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,29 +1,24 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import ChevronRight from '@atlaskit/icon/glyph/chevron-right';
10
10
  import { easeOut } from '@atlaskit/motion/curves';
11
11
  import { mediumDurationMs, smallDurationMs } from '@atlaskit/motion/durations';
12
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
13
12
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
14
13
  import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
15
14
  import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
16
15
  const increaseHitAreaStyles = css({
17
16
  position: 'absolute',
18
- insetBlockEnd: `${"var(--ds-space-negative-100, -8px)"}`,
19
- insetBlockStart: `${"var(--ds-space-negative-100, -8px)"}`,
17
+ insetBlockEnd: `${"var(--ds-space-negative-300, -24px)"}`,
18
+ insetBlockStart: `${"var(--ds-space-negative-300, -24px)"}`,
20
19
  insetInlineEnd: `${"var(--ds-space-negative-150, -12px)"}`,
21
20
  insetInlineStart: `${"var(--ds-space-negative-100, -8px)"}`
22
21
  });
23
- const furtherIncreasedHitAreasStyles = css({
24
- insetBlockEnd: `${"var(--ds-space-negative-300, -24px)"}`,
25
- insetBlockStart: `${"var(--ds-space-negative-300, -24px)"}`
26
- });
27
22
  const mobileStyles = css({
28
23
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
24
  [UNSAFE_media.below.sm]: {
@@ -97,9 +92,7 @@ const ResizeButton = ({
97
92
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
98
93
  }, props), jsx(ChevronRight, {
99
94
  label: ""
100
- }), getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? jsx("span", {
101
- css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
102
- }) : jsx("div", {
95
+ }), jsx("span", {
103
96
  css: increaseHitAreaStyles
104
97
  }));
105
98
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { useEffect } from 'react';
6
6
  import { useSkipLinks } from '../../controllers';
7
7
  export const useCustomSkipLink = (id, skipLinkTitle, listIndex = 0) => {
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useEffect } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { forwardRef, useContext } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { ClassNames, css, jsx } from '@emotion/react';
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useEffect } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { useEffect } from 'react';
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { Fragment, useCallback, useContext, useEffect, useRef } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useContext } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { Fragment } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useEffect } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useEffect } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useEffect } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -5,12 +5,11 @@ var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollaps
5
5
  /* eslint-disable react/react-in-jsx-scope */
6
6
  /**
7
7
  * @jsxRuntime classic
8
+ * @jsx jsx
8
9
  */
9
- /** @jsx jsx */
10
10
 
11
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
12
  import { css, jsx } from '@emotion/react';
13
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
14
13
  import { B200 } from '@atlaskit/theme/colors';
15
14
  import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
16
15
  /**
@@ -35,16 +34,14 @@ var grabAreaStyles = css({
35
34
  },
36
35
  '&:enabled:hover, &:enabled:focus, &:enabled:active': _defineProperty({}, varLineColor, "var(--ds-border-selected, ".concat(B200, ")"))
37
36
  });
38
- var grabAreaReducedHeightStyles = css({
39
- height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
40
- position: 'absolute',
41
- insetBlockEnd: 0
42
- });
43
37
  var grabAreaCollapsedStyles = css({
38
+ height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
44
39
  padding: 0,
40
+ position: 'absolute',
45
41
  backgroundColor: 'transparent',
46
42
  border: 0,
47
- cursor: 'default'
43
+ cursor: 'default',
44
+ insetBlockEnd: 0
48
45
  });
49
46
  var lineStyles = css({
50
47
  display: 'block',
@@ -81,9 +78,7 @@ var GrabArea = function GrabArea(_ref) {
81
78
  // usability.
82
79
  ,
83
80
  role: "slider",
84
- css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles,
85
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
86
- getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') && isLeftSidebarCollapsed && grabAreaReducedHeightStyles],
81
+ css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles],
87
82
  "aria-orientation": "vertical",
88
83
  "aria-valuenow": leftSidebarPercentageExpanded,
89
84
  "aria-valuemin": 0,
@@ -5,8 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
6
  /**
7
7
  * @jsxRuntime classic
8
+ * @jsx jsx
8
9
  */
9
- /** @jsx jsx */
10
10
  import { Fragment, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
11
11
 
12
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -4,29 +4,24 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  var _excluded = ["isLeftSidebarCollapsed", "label", "testId"];
5
5
  /**
6
6
  * @jsxRuntime classic
7
+ * @jsx jsx
7
8
  */
8
- /** @jsx jsx */
9
9
 
10
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
11
  import { css, jsx } from '@emotion/react';
12
12
  import ChevronRight from '@atlaskit/icon/glyph/chevron-right';
13
13
  import { easeOut } from '@atlaskit/motion/curves';
14
14
  import { mediumDurationMs, smallDurationMs } from '@atlaskit/motion/durations';
15
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
16
15
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
17
16
  import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
18
17
  import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
19
18
  var increaseHitAreaStyles = css({
20
19
  position: 'absolute',
21
- insetBlockEnd: "var(--ds-space-negative-100, -8px)",
22
- insetBlockStart: "var(--ds-space-negative-100, -8px)",
20
+ insetBlockEnd: "var(--ds-space-negative-300, -24px)",
21
+ insetBlockStart: "var(--ds-space-negative-300, -24px)",
23
22
  insetInlineEnd: "var(--ds-space-negative-150, -12px)",
24
23
  insetInlineStart: "var(--ds-space-negative-100, -8px)"
25
24
  });
26
- var furtherIncreasedHitAreasStyles = css({
27
- insetBlockEnd: "var(--ds-space-negative-300, -24px)",
28
- insetBlockStart: "var(--ds-space-negative-300, -24px)"
29
- });
30
25
  var mobileStyles = css(_defineProperty({}, UNSAFE_media.below.sm, {
31
26
  opacity: 1
32
27
  }));
@@ -93,9 +88,7 @@ var ResizeButton = function ResizeButton(_ref) {
93
88
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
94
89
  }, props), jsx(ChevronRight, {
95
90
  label: ""
96
- }), getBooleanFF('platform.design-system-team.page-layout-resize-button-fix_u0qxv') ? jsx("span", {
97
- css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
98
- }) : jsx("div", {
91
+ }), jsx("span", {
99
92
  css: increaseHitAreaStyles
100
93
  }));
101
94
  };
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -5,8 +5,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
5
5
  /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
6
6
  /**
7
7
  * @jsxRuntime classic
8
+ * @jsx jsx
8
9
  */
9
- /** @jsx jsx */
10
10
 
11
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
12
  import { css, jsx } from '@emotion/react';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { useEffect } from 'react';
6
6
  import { useSkipLinks } from '../../controllers';
7
7
  export var useCustomSkipLink = function useCustomSkipLink(id, skipLinkTitle) {
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import { useEffect } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import { forwardRef, useContext } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { ClassNames, css, jsx } from '@emotion/react';
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import { useEffect } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useEffect } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -4,8 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
5
5
  /**
6
6
  * @jsxRuntime classic
7
+ * @jsx jsx
7
8
  */
8
- /** @jsx jsx */
9
9
  import { Fragment, useCallback, useContext, useEffect, useRef } from 'react';
10
10
 
11
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /**
3
3
  * @jsxRuntime classic
4
+ * @jsx jsx
4
5
  */
5
- /** @jsx jsx */
6
6
  import { useContext } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import { Fragment } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import { useEffect } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import { useEffect } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  /**
4
4
  * @jsxRuntime classic
5
+ * @jsx jsx
5
6
  */
6
- /** @jsx jsx */
7
7
  import { useEffect } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { type LeftSidebarProps } from '../../common/types';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { jsx } from '@emotion/react';
6
6
  declare const Shadow: ({ testId }: {
7
7
  testId?: string | undefined;
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { type SkipLinkWrapperProps } from './types';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  interface ContentProps {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import type { ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  type LeftSidebarInnerProps = {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type MouseEventHandler, type ReactNode } from 'react';
6
6
  type LeftSidebarOuterProps = {
7
7
  children: ReactNode;
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import type { ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  type ResizableChildrenWrapperProps = {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import type { ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  type SlotFocusRingProps = {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { type LeftSidebarProps } from '../../common/types';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { jsx } from '@emotion/react';
6
6
  declare const Shadow: ({ testId }: {
7
7
  testId?: string | undefined;
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { type SkipLinkWrapperProps } from './types';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  interface ContentProps {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import type { ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  type LeftSidebarInnerProps = {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type MouseEventHandler, type ReactNode } from 'react';
6
6
  type LeftSidebarOuterProps = {
7
7
  children: ReactNode;
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import type { ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  type ResizableChildrenWrapperProps = {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import type { ReactNode } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  type SlotFocusRingProps = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "3.5.1",
3
+ "version": "3.6.0",
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/"
@@ -40,7 +40,7 @@
40
40
  "homepage": "https://atlassian.design/components/page-layout/",
41
41
  "dependencies": {
42
42
  "@atlaskit/ds-lib": "^2.3.0",
43
- "@atlaskit/icon": "^22.6.0",
43
+ "@atlaskit/icon": "^22.7.0",
44
44
  "@atlaskit/link": "^1.0.0",
45
45
  "@atlaskit/motion": "^1.7.0",
46
46
  "@atlaskit/platform-feature-flags": "^0.3.0",
@@ -114,9 +114,6 @@
114
114
  }
115
115
  },
116
116
  "platform-feature-flags": {
117
- "platform.design-system-team.page-layout-resize-button-fix_u0qxv": {
118
- "type": "boolean"
119
- },
120
117
  "platform.atlassian.griffin-navigation-redesign": {
121
118
  "type": "boolean"
122
119
  }