@atlaskit/page-layout 3.2.0 → 3.2.2

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 CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 3.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#98828](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98828)
8
+ [`fb9c6472e3a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fb9c6472e3a6) -
9
+ Use `main` element over `div` with `role="main"`.
10
+
11
+ ## 3.2.1
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 3.2.0
4
18
 
5
19
  ### Minor Changes
@@ -62,9 +62,7 @@ var Main = function Main(props) {
62
62
  isFixed = _useContext$leftSideb.isFixed;
63
63
  return (0, _react2.jsx)(_slotFocusRing.default, null, function (_ref) {
64
64
  var className = _ref.className;
65
- return (0, _react2.jsx)("div", (0, _extends2.default)({
66
- // Using ARIA role instead of <main> tag to avoid any issues with downstream implementations.
67
- role: "main",
65
+ return (0, _react2.jsx)("main", (0, _extends2.default)({
68
66
  "data-testid": testId,
69
67
  css: [mainStyles, isDragging && draggingStyles, isFlyoutOpen && !isFixed && flyoutStyles, prefersReducedMotionStyles],
70
68
  className: className,
@@ -59,9 +59,7 @@ const Main = props => {
59
59
  } = useContext(SidebarResizeContext);
60
60
  return jsx(SlotFocusRing, null, ({
61
61
  className
62
- }) => jsx("div", _extends({
63
- // Using ARIA role instead of <main> tag to avoid any issues with downstream implementations.
64
- role: "main",
62
+ }) => jsx("main", _extends({
65
63
  "data-testid": testId,
66
64
  css: [mainStyles, isDragging && draggingStyles, isFlyoutOpen && !isFixed && flyoutStyles, prefersReducedMotionStyles],
67
65
  className: className,
@@ -55,9 +55,7 @@ var Main = function Main(props) {
55
55
  isFixed = _useContext$leftSideb.isFixed;
56
56
  return jsx(SlotFocusRing, null, function (_ref) {
57
57
  var className = _ref.className;
58
- return jsx("div", _extends({
59
- // Using ARIA role instead of <main> tag to avoid any issues with downstream implementations.
60
- role: "main",
58
+ return jsx("main", _extends({
61
59
  "data-testid": testId,
62
60
  css: [mainStyles, isDragging && draggingStyles, isFlyoutOpen && !isFixed && flyoutStyles, prefersReducedMotionStyles],
63
61
  className: className,
@@ -1,5 +1,5 @@
1
1
  import { jsx } from '@emotion/react';
2
- import { SlotWidthProps } from '../../common/types';
2
+ import { type SlotWidthProps } from '../../common/types';
3
3
  /**
4
4
  * __Main__
5
5
  *
@@ -1,5 +1,5 @@
1
1
  import { jsx } from '@emotion/react';
2
- import { SlotWidthProps } from '../../common/types';
2
+ import { type SlotWidthProps } from '../../common/types';
3
3
  /**
4
4
  * __Main__
5
5
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "3.2.0",
3
+ "version": "3.2.2",
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.7.0",
46
- "@atlaskit/theme": "^12.7.0",
47
- "@atlaskit/tokens": "^1.44.0",
45
+ "@atlaskit/primitives": "^6.1.0",
46
+ "@atlaskit/theme": "^12.8.0",
47
+ "@atlaskit/tokens": "^1.46.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1",
50
50
  "bind-event-listener": "^3.0.0",
@@ -57,17 +57,17 @@
57
57
  "devDependencies": {
58
58
  "@af/accessibility-testing": "*",
59
59
  "@af/integration-testing": "*",
60
- "@atlaskit/atlassian-navigation": "^3.4.0",
60
+ "@atlaskit/atlassian-navigation": "^3.6.0",
61
61
  "@atlaskit/atlassian-notifications": "^0.4.0",
62
- "@atlaskit/drawer": "^7.7.0",
63
- "@atlaskit/logo": "^13.15.0",
62
+ "@atlaskit/drawer": "^7.8.0",
63
+ "@atlaskit/logo": "^13.16.0",
64
64
  "@atlaskit/menu": "^2.2.0",
65
65
  "@atlaskit/notification-indicator": "^9.2.0",
66
66
  "@atlaskit/notification-log-client": "^6.1.0",
67
- "@atlaskit/popup": "^1.15.0",
68
- "@atlaskit/side-navigation": "^3.0.0",
67
+ "@atlaskit/popup": "^1.17.0",
68
+ "@atlaskit/side-navigation": "^3.1.0",
69
69
  "@atlaskit/ssr": "*",
70
- "@atlaskit/toggle": "^13.0.0",
70
+ "@atlaskit/toggle": "^13.1.0",
71
71
  "@atlaskit/tooltip": "^18.3.0",
72
72
  "@atlaskit/visual-regression": "*",
73
73
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",