@atlaskit/page-layout 3.1.3 → 3.1.5

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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/resize-control/grab-area.js +1 -1
  3. package/dist/cjs/components/resize-control/resize-button.js +4 -1
  4. package/dist/es2019/components/resize-control/grab-area.js +1 -1
  5. package/dist/es2019/components/resize-control/resize-button.js +4 -1
  6. package/dist/esm/components/resize-control/grab-area.js +1 -1
  7. package/dist/esm/components/resize-control/resize-button.js +4 -1
  8. package/package.json +9 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 3.1.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#91041](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91041) [`c5634a5ddf4f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c5634a5ddf4f) - Fix a11y failure in ResizeButton by replacing empty div with span element.
8
+
9
+ ## 3.1.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [#89529](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89529) [`70c8a51f46c6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/70c8a51f46c6) - [ux] Fix grabber overlapping with add table row button for Confluence
14
+
3
15
  ## 3.1.3
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/resize-control/grab-area.js CHANGED
@@ -22,7 +22,7 @@ var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollaps
22
22
  */
23
23
  var varLineColor = '--ds-line';
24
24
  var grabAreaStyles = (0, _react.css)({
25
- width: 24,
25
+ width: "var(--ds-space-200, 16px)",
26
26
  height: '100%',
27
27
  padding: 0,
28
28
  backgroundColor: 'transparent',
package/dist/cjs/components/resize-control/resize-button.js CHANGED
@@ -12,6 +12,7 @@ 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");
15
16
  var _responsive = require("@atlaskit/primitives/responsive");
16
17
  var _colors = require("@atlaskit/theme/colors");
17
18
  var _constants = require("../../common/constants");
@@ -86,7 +87,9 @@ var ResizeButton = function ResizeButton(_ref) {
86
87
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
87
88
  }, props), (0, _react.jsx)(_chevronRight.default, {
88
89
  label: ""
89
- }), (0, _react.jsx)("div", {
90
+ }), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.page-layout-remove-empty-div_4jg0j') ? (0, _react.jsx)("span", {
91
+ css: increaseHitAreaStyles
92
+ }) : (0, _react.jsx)("div", {
90
93
  css: increaseHitAreaStyles
91
94
  }));
92
95
  };
package/dist/es2019/components/resize-control/grab-area.js CHANGED
@@ -13,7 +13,7 @@ import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/consta
13
13
  */
14
14
  const varLineColor = '--ds-line';
15
15
  const grabAreaStyles = css({
16
- width: 24,
16
+ width: "var(--ds-space-200, 16px)",
17
17
  height: '100%',
18
18
  padding: 0,
19
19
  backgroundColor: 'transparent',
package/dist/es2019/components/resize-control/resize-button.js CHANGED
@@ -5,6 +5,7 @@ import { css, jsx } from '@emotion/react';
5
5
  import ChevronRight from '@atlaskit/icon/glyph/chevron-right';
6
6
  import { easeOut } from '@atlaskit/motion/curves';
7
7
  import { mediumDurationMs, smallDurationMs } from '@atlaskit/motion/durations';
8
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
8
9
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
9
10
  import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
10
11
  import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
@@ -84,7 +85,9 @@ const ResizeButton = ({
84
85
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
85
86
  }, props), jsx(ChevronRight, {
86
87
  label: ""
87
- }), jsx("div", {
88
+ }), getBooleanFF('platform.design-system-team.page-layout-remove-empty-div_4jg0j') ? jsx("span", {
89
+ css: increaseHitAreaStyles
90
+ }) : jsx("div", {
88
91
  css: increaseHitAreaStyles
89
92
  }));
90
93
 
package/dist/esm/components/resize-control/grab-area.js CHANGED
@@ -16,7 +16,7 @@ import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/consta
16
16
  */
17
17
  var varLineColor = '--ds-line';
18
18
  var grabAreaStyles = css({
19
- width: 24,
19
+ width: "var(--ds-space-200, 16px)",
20
20
  height: '100%',
21
21
  padding: 0,
22
22
  backgroundColor: 'transparent',
package/dist/esm/components/resize-control/resize-button.js CHANGED
@@ -8,6 +8,7 @@ import { css, jsx } from '@emotion/react';
8
8
  import ChevronRight from '@atlaskit/icon/glyph/chevron-right';
9
9
  import { easeOut } from '@atlaskit/motion/curves';
10
10
  import { mediumDurationMs, smallDurationMs } from '@atlaskit/motion/durations';
11
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
11
12
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
12
13
  import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
13
14
  import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
@@ -80,7 +81,9 @@ var ResizeButton = function ResizeButton(_ref) {
80
81
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
81
82
  }, props), jsx(ChevronRight, {
82
83
  label: ""
83
- }), jsx("div", {
84
+ }), getBooleanFF('platform.design-system-team.page-layout-remove-empty-div_4jg0j') ? jsx("span", {
85
+ css: increaseHitAreaStyles
86
+ }) : jsx("div", {
84
87
  css: increaseHitAreaStyles
85
88
  }));
86
89
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "3.1.3",
3
+ "version": "3.1.5",
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/"
@@ -42,9 +42,9 @@
42
42
  "@atlaskit/icon": "^22.1.0",
43
43
  "@atlaskit/motion": "^1.5.0",
44
44
  "@atlaskit/platform-feature-flags": "^0.2.0",
45
- "@atlaskit/primitives": "^5.1.0",
46
- "@atlaskit/theme": "^12.6.0",
47
- "@atlaskit/tokens": "^1.42.0",
45
+ "@atlaskit/primitives": "^5.5.0",
46
+ "@atlaskit/theme": "^12.7.0",
47
+ "@atlaskit/tokens": "^1.43.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1",
50
50
  "bind-event-listener": "^2.1.1",
@@ -57,14 +57,14 @@
57
57
  "devDependencies": {
58
58
  "@af/accessibility-testing": "*",
59
59
  "@af/integration-testing": "*",
60
- "@atlaskit/atlassian-navigation": "^3.3.0",
60
+ "@atlaskit/atlassian-navigation": "^3.4.0",
61
61
  "@atlaskit/atlassian-notifications": "^0.4.0",
62
62
  "@atlaskit/drawer": "^7.7.0",
63
63
  "@atlaskit/logo": "^13.15.0",
64
64
  "@atlaskit/menu": "^2.1.0",
65
65
  "@atlaskit/notification-indicator": "^9.2.0",
66
66
  "@atlaskit/notification-log-client": "^6.1.0",
67
- "@atlaskit/popup": "^1.13.0",
67
+ "@atlaskit/popup": "^1.14.0",
68
68
  "@atlaskit/side-navigation": "^3.0.0",
69
69
  "@atlaskit/ssr": "*",
70
70
  "@atlaskit/tooltip": "*",
@@ -118,6 +118,9 @@
118
118
  },
119
119
  "platform.atlassian.griffin-navigation-redesign": {
120
120
  "type": "boolean"
121
+ },
122
+ "platform.design-system-team.page-layout-remove-empty-div_4jg0j": {
123
+ "type": "boolean"
121
124
  }
122
125
  }
123
126
  }