@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.
- package/CHANGELOG.md +8 -0
- package/__perf__/utils/perf-example.tsx +1 -1
- package/__perf__/utils/product-integration/atlassian-navigation.tsx +1 -1
- package/__perf__/utils/product-integration/notifications-popup.tsx +1 -1
- package/__perf__/utils/product-integration/sample-footer.tsx +1 -1
- package/__perf__/utils/product-integration/sample-header.tsx +1 -1
- package/__perf__/utils/product-integration/side-navigation.tsx +1 -1
- package/dist/cjs/components/resize-control/grab-area.js +6 -11
- package/dist/cjs/components/resize-control/index.js +2 -1
- package/dist/cjs/components/resize-control/resize-button.js +4 -11
- package/dist/cjs/components/resize-control/shadow.js +1 -1
- package/dist/cjs/components/skip-links/skip-link-components.js +2 -1
- package/dist/cjs/components/skip-links/use-custom-skip-link.js +1 -1
- package/dist/cjs/components/slots/banner-slot.js +1 -1
- package/dist/cjs/components/slots/content.js +1 -1
- package/dist/cjs/components/slots/internal/left-sidebar-inner.js +1 -1
- package/dist/cjs/components/slots/internal/left-sidebar-outer.js +1 -1
- package/dist/cjs/components/slots/internal/resizable-children-wrapper.js +1 -1
- package/dist/cjs/components/slots/internal/slot-focus-ring.js +1 -1
- package/dist/cjs/components/slots/left-panel.js +1 -1
- package/dist/cjs/components/slots/left-sidebar-without-resize.js +1 -1
- package/dist/cjs/components/slots/left-sidebar.js +2 -1
- package/dist/cjs/components/slots/main.js +1 -1
- package/dist/cjs/components/slots/page-layout.js +1 -1
- package/dist/cjs/components/slots/right-panel.js +1 -1
- package/dist/cjs/components/slots/right-sidebar.js +1 -1
- package/dist/cjs/components/slots/top-navigation.js +1 -1
- package/dist/es2019/components/resize-control/grab-area.js +6 -11
- package/dist/es2019/components/resize-control/index.js +1 -1
- package/dist/es2019/components/resize-control/resize-button.js +4 -11
- package/dist/es2019/components/resize-control/shadow.js +1 -1
- package/dist/es2019/components/skip-links/skip-link-components.js +1 -1
- package/dist/es2019/components/skip-links/use-custom-skip-link.js +1 -1
- package/dist/es2019/components/slots/banner-slot.js +1 -1
- package/dist/es2019/components/slots/content.js +1 -1
- package/dist/es2019/components/slots/internal/left-sidebar-inner.js +1 -1
- package/dist/es2019/components/slots/internal/left-sidebar-outer.js +1 -1
- package/dist/es2019/components/slots/internal/resizable-children-wrapper.js +1 -1
- package/dist/es2019/components/slots/internal/slot-focus-ring.js +1 -1
- package/dist/es2019/components/slots/left-panel.js +1 -1
- package/dist/es2019/components/slots/left-sidebar-without-resize.js +1 -1
- package/dist/es2019/components/slots/left-sidebar.js +1 -1
- package/dist/es2019/components/slots/main.js +1 -1
- package/dist/es2019/components/slots/page-layout.js +1 -1
- package/dist/es2019/components/slots/right-panel.js +1 -1
- package/dist/es2019/components/slots/right-sidebar.js +1 -1
- package/dist/es2019/components/slots/top-navigation.js +1 -1
- package/dist/esm/components/resize-control/grab-area.js +6 -11
- package/dist/esm/components/resize-control/index.js +1 -1
- package/dist/esm/components/resize-control/resize-button.js +4 -11
- package/dist/esm/components/resize-control/shadow.js +1 -1
- package/dist/esm/components/skip-links/skip-link-components.js +1 -1
- package/dist/esm/components/skip-links/use-custom-skip-link.js +1 -1
- package/dist/esm/components/slots/banner-slot.js +1 -1
- package/dist/esm/components/slots/content.js +1 -1
- package/dist/esm/components/slots/internal/left-sidebar-inner.js +1 -1
- package/dist/esm/components/slots/internal/left-sidebar-outer.js +1 -1
- package/dist/esm/components/slots/internal/resizable-children-wrapper.js +1 -1
- package/dist/esm/components/slots/internal/slot-focus-ring.js +1 -1
- package/dist/esm/components/slots/left-panel.js +1 -1
- package/dist/esm/components/slots/left-sidebar-without-resize.js +1 -1
- package/dist/esm/components/slots/left-sidebar.js +1 -1
- package/dist/esm/components/slots/main.js +1 -1
- package/dist/esm/components/slots/page-layout.js +1 -1
- package/dist/esm/components/slots/right-panel.js +1 -1
- package/dist/esm/components/slots/right-sidebar.js +1 -1
- package/dist/esm/components/slots/top-navigation.js +1 -1
- package/dist/types/components/resize-control/grab-area.d.ts +1 -1
- package/dist/types/components/resize-control/shadow.d.ts +1 -1
- package/dist/types/components/skip-links/skip-link-components.d.ts +1 -1
- package/dist/types/components/slots/content.d.ts +1 -1
- package/dist/types/components/slots/internal/left-sidebar-inner.d.ts +1 -1
- package/dist/types/components/slots/internal/left-sidebar-outer.d.ts +1 -1
- package/dist/types/components/slots/internal/resizable-children-wrapper.d.ts +1 -1
- package/dist/types/components/slots/internal/slot-focus-ring.d.ts +1 -1
- package/dist/types-ts4.5/components/resize-control/grab-area.d.ts +1 -1
- package/dist/types-ts4.5/components/resize-control/shadow.d.ts +1 -1
- package/dist/types-ts4.5/components/skip-links/skip-link-components.d.ts +1 -1
- package/dist/types-ts4.5/components/slots/content.d.ts +1 -1
- package/dist/types-ts4.5/components/slots/internal/left-sidebar-inner.d.ts +1 -1
- package/dist/types-ts4.5/components/slots/internal/left-sidebar-outer.d.ts +1 -1
- package/dist/types-ts4.5/components/slots/internal/resizable-children-wrapper.d.ts +1 -1
- package/dist/types-ts4.5/components/slots/internal/slot-focus-ring.d.ts +1 -1
- 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
|
|
@@ -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
|
-
|
|
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-
|
|
28
|
-
insetBlockStart: "var(--ds-space-negative-
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
19
|
-
insetBlockStart: `${"var(--ds-space-negative-
|
|
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
|
-
}),
|
|
101
|
-
css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
|
|
102
|
-
}) : jsx("div", {
|
|
95
|
+
}), jsx("span", {
|
|
103
96
|
css: increaseHitAreaStyles
|
|
104
97
|
}));
|
|
105
98
|
|
|
@@ -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,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,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
|
|
@@ -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-
|
|
22
|
-
insetBlockStart: "var(--ds-space-negative-
|
|
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
|
-
}),
|
|
97
|
-
css: [increaseHitAreaStyles, furtherIncreasedHitAreasStyles]
|
|
98
|
-
}) : jsx("div", {
|
|
91
|
+
}), jsx("span", {
|
|
99
92
|
css: increaseHitAreaStyles
|
|
100
93
|
}));
|
|
101
94
|
};
|
|
@@ -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';
|
|
@@ -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
|
|
|
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
|
|
@@ -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
|
|
@@ -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 { 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';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page-layout",
|
|
3
|
-
"version": "3.
|
|
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.
|
|
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
|
}
|