@atlaskit/page-layout 4.2.13 → 4.2.15
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 +14 -0
- package/dist/cjs/components/skip-links/skip-link-components.js +1 -1
- package/dist/cjs/components/slots/internal/left-sidebar-outer.js +5 -3
- package/dist/cjs/components/slots/left-sidebar.js +1 -1
- package/dist/es2019/components/skip-links/skip-link-components.js +1 -1
- package/dist/es2019/components/slots/internal/left-sidebar-outer.js +5 -3
- package/dist/es2019/components/slots/left-sidebar.js +1 -1
- package/dist/esm/components/skip-links/skip-link-components.js +1 -1
- package/dist/esm/components/slots/internal/left-sidebar-outer.js +5 -3
- package/dist/esm/components/slots/left-sidebar.js +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/page-layout
|
|
2
2
|
|
|
3
|
+
## 4.2.15
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 4.2.14
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
|
|
14
|
+
Internal changes to how borders are applied.
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 4.2.13
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -113,7 +113,7 @@ var SkipLinkWrapper = exports.SkipLinkWrapper = function SkipLinkWrapper(_ref) {
|
|
|
113
113
|
var emptyLabelOverride = !!(skipLinksLabel !== null && skipLinksLabel !== void 0 && skipLinksLabel.match(/^\s+$/));
|
|
114
114
|
var label = skipLinksLabel || _constants.DEFAULT_I18N_PROPS_SKIP_LINKS;
|
|
115
115
|
return (
|
|
116
|
-
// eslint-disable-next-line
|
|
116
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
117
117
|
(0, _react.jsx)("div", {
|
|
118
118
|
onFocus: attachEscHandler,
|
|
119
119
|
onBlur: removeEscHandler,
|
|
@@ -108,7 +108,7 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
108
108
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
109
109
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
110
110
|
*/
|
|
111
|
-
// eslint-disable-next-line
|
|
111
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
112
112
|
(0, _react2.jsx)("div", (0, _extends2.default)({
|
|
113
113
|
css: [
|
|
114
114
|
// mobile viewport styles
|
|
@@ -122,9 +122,11 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
122
122
|
id: id
|
|
123
123
|
// We are adding additional functionality for hover, so this should
|
|
124
124
|
// not have associated key events.
|
|
125
|
-
// eslint-disable-next-line
|
|
125
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
126
|
+
,
|
|
127
|
+
onMouseOver: onMouseOver
|
|
128
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
126
129
|
,
|
|
127
|
-
onMouseOver: onMouseOver,
|
|
128
130
|
onMouseLeave: onMouseLeave,
|
|
129
131
|
onClick: onClick,
|
|
130
132
|
ref: ref
|
|
@@ -297,7 +297,7 @@ var LeftSidebar = function LeftSidebar(props) {
|
|
|
297
297
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
298
298
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
299
299
|
*/
|
|
300
|
-
// eslint-disable-next-line
|
|
300
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
301
301
|
(0, _react2.jsx)("div", {
|
|
302
302
|
css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
|
|
303
303
|
onClick: closeMobileFlyout
|
|
@@ -97,7 +97,7 @@ export const SkipLinkWrapper = ({
|
|
|
97
97
|
const emptyLabelOverride = !!(skipLinksLabel !== null && skipLinksLabel !== void 0 && skipLinksLabel.match(/^\s+$/));
|
|
98
98
|
const label = skipLinksLabel || DEFAULT_I18N_PROPS_SKIP_LINKS;
|
|
99
99
|
return (
|
|
100
|
-
// eslint-disable-next-line
|
|
100
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
101
101
|
jsx("div", {
|
|
102
102
|
onFocus: attachEscHandler,
|
|
103
103
|
onBlur: removeEscHandler,
|
|
@@ -109,7 +109,7 @@ const LeftSidebarOuterComponent = ({
|
|
|
109
109
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
110
110
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
111
111
|
*/
|
|
112
|
-
// eslint-disable-next-line
|
|
112
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
113
113
|
jsx("div", _extends({
|
|
114
114
|
css: [
|
|
115
115
|
// mobile viewport styles
|
|
@@ -123,9 +123,11 @@ const LeftSidebarOuterComponent = ({
|
|
|
123
123
|
id: id
|
|
124
124
|
// We are adding additional functionality for hover, so this should
|
|
125
125
|
// not have associated key events.
|
|
126
|
-
// eslint-disable-next-line
|
|
126
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
127
|
+
,
|
|
128
|
+
onMouseOver: onMouseOver
|
|
129
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
127
130
|
,
|
|
128
|
-
onMouseOver: onMouseOver,
|
|
129
131
|
onMouseLeave: onMouseLeave,
|
|
130
132
|
onClick: onClick,
|
|
131
133
|
ref: ref
|
|
@@ -298,7 +298,7 @@ const LeftSidebar = props => {
|
|
|
298
298
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
299
299
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
300
300
|
*/
|
|
301
|
-
// eslint-disable-next-line
|
|
301
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
302
302
|
jsx("div", {
|
|
303
303
|
css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
|
|
304
304
|
onClick: closeMobileFlyout
|
|
@@ -110,7 +110,7 @@ export var SkipLinkWrapper = function SkipLinkWrapper(_ref) {
|
|
|
110
110
|
var emptyLabelOverride = !!(skipLinksLabel !== null && skipLinksLabel !== void 0 && skipLinksLabel.match(/^\s+$/));
|
|
111
111
|
var label = skipLinksLabel || DEFAULT_I18N_PROPS_SKIP_LINKS;
|
|
112
112
|
return (
|
|
113
|
-
// eslint-disable-next-line
|
|
113
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
114
114
|
jsx("div", {
|
|
115
115
|
onFocus: attachEscHandler,
|
|
116
116
|
onBlur: removeEscHandler,
|
|
@@ -100,7 +100,7 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
100
100
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
101
101
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
102
102
|
*/
|
|
103
|
-
// eslint-disable-next-line
|
|
103
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
104
104
|
jsx("div", _extends({
|
|
105
105
|
css: [
|
|
106
106
|
// mobile viewport styles
|
|
@@ -114,9 +114,11 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
114
114
|
id: id
|
|
115
115
|
// We are adding additional functionality for hover, so this should
|
|
116
116
|
// not have associated key events.
|
|
117
|
-
// eslint-disable-next-line
|
|
117
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
118
|
+
,
|
|
119
|
+
onMouseOver: onMouseOver
|
|
120
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
118
121
|
,
|
|
119
|
-
onMouseOver: onMouseOver,
|
|
120
122
|
onMouseLeave: onMouseLeave,
|
|
121
123
|
onClick: onClick,
|
|
122
124
|
ref: ref
|
|
@@ -294,7 +294,7 @@ var LeftSidebar = function LeftSidebar(props) {
|
|
|
294
294
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
295
295
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
296
296
|
*/
|
|
297
|
-
// eslint-disable-next-line
|
|
297
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
298
298
|
jsx("div", {
|
|
299
299
|
css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
|
|
300
300
|
onClick: closeMobileFlyout
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page-layout",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.15",
|
|
4
4
|
"description": "A collection of components which let you compose an application's page layout.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,14 +37,14 @@
|
|
|
37
37
|
},
|
|
38
38
|
"homepage": "https://atlassian.design/components/page-layout/",
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@atlaskit/ds-lib": "^5.
|
|
41
|
-
"@atlaskit/icon": "^28.
|
|
40
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
41
|
+
"@atlaskit/icon": "^28.5.0",
|
|
42
42
|
"@atlaskit/link": "^3.2.0",
|
|
43
43
|
"@atlaskit/motion": "^5.3.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
|
-
"@atlaskit/primitives": "^
|
|
45
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
46
46
|
"@atlaskit/theme": "^21.0.0",
|
|
47
|
-
"@atlaskit/tokens": "^6.
|
|
47
|
+
"@atlaskit/tokens": "^6.5.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@emotion/react": "^11.7.1",
|
|
50
50
|
"bind-event-listener": "^3.0.0",
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
"@af/accessibility-testing": "workspace:^",
|
|
59
59
|
"@af/integration-testing": "workspace:^",
|
|
60
60
|
"@atlaskit/atlassian-navigation": "^5.3.0",
|
|
61
|
-
"@atlaskit/button": "^23.
|
|
62
|
-
"@atlaskit/docs": "^11.
|
|
63
|
-
"@atlaskit/logo": "^19.
|
|
61
|
+
"@atlaskit/button": "^23.5.0",
|
|
62
|
+
"@atlaskit/docs": "^11.1.0",
|
|
63
|
+
"@atlaskit/logo": "^19.9.0",
|
|
64
64
|
"@atlaskit/menu": "^8.4.0",
|
|
65
|
-
"@atlaskit/popup": "^4.
|
|
65
|
+
"@atlaskit/popup": "^4.4.0",
|
|
66
66
|
"@atlaskit/section-message": "^8.7.0",
|
|
67
67
|
"@atlaskit/side-navigation": "^11.0.0",
|
|
68
|
-
"@atlaskit/tooltip": "^20.
|
|
68
|
+
"@atlaskit/tooltip": "^20.5.0",
|
|
69
69
|
"@atlassian/ssr-tests": "^0.3.0",
|
|
70
70
|
"@testing-library/react": "^13.4.0",
|
|
71
71
|
"@testing-library/react-hooks": "^8.0.1",
|