@atlaskit/drawer 11.0.10 → 11.0.12
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/drawer.js +4 -3
- package/dist/es2019/drawer.js +4 -3
- package/dist/esm/drawer.js +4 -3
- package/offerings.json +108 -0
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/drawer
|
|
2
2
|
|
|
3
|
+
## 11.0.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
|
|
8
|
+
Internal changes to how borders are applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 11.0.11
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 11.0.10
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/drawer.js
CHANGED
|
@@ -14,6 +14,7 @@ var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
|
14
14
|
var _blanket = _interopRequireDefault(require("./blanket"));
|
|
15
15
|
var _drawerPanel = require("./drawer-panel/drawer-panel");
|
|
16
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
17
|
+
/// <reference types="node" />
|
|
17
18
|
/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
18
19
|
|
|
19
20
|
// escape close manager for layering
|
|
@@ -66,7 +67,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
66
67
|
action: 'dismissed',
|
|
67
68
|
componentName: 'drawer',
|
|
68
69
|
packageName: "@atlaskit/drawer",
|
|
69
|
-
packageVersion: "11.0.
|
|
70
|
+
packageVersion: "11.0.11",
|
|
70
71
|
analyticsData: {
|
|
71
72
|
trigger: 'escKey'
|
|
72
73
|
}
|
|
@@ -89,7 +90,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
89
90
|
action: 'dismissed',
|
|
90
91
|
componentName: 'drawer',
|
|
91
92
|
packageName: "@atlaskit/drawer",
|
|
92
|
-
packageVersion: "11.0.
|
|
93
|
+
packageVersion: "11.0.11",
|
|
93
94
|
analyticsData: {
|
|
94
95
|
trigger: 'blanket'
|
|
95
96
|
}
|
|
@@ -101,7 +102,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
101
102
|
action: 'dismissed',
|
|
102
103
|
componentName: 'drawer',
|
|
103
104
|
packageName: "@atlaskit/drawer",
|
|
104
|
-
packageVersion: "11.0.
|
|
105
|
+
packageVersion: "11.0.11",
|
|
105
106
|
analyticsData: {
|
|
106
107
|
trigger: 'backButton'
|
|
107
108
|
}
|
package/dist/es2019/drawer.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
1
2
|
/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
2
3
|
import React, { useCallback, useEffect } from 'react';
|
|
3
4
|
import { canUseDOM } from 'exenv';
|
|
@@ -51,7 +52,7 @@ export const Drawer = ({
|
|
|
51
52
|
action: 'dismissed',
|
|
52
53
|
componentName: 'drawer',
|
|
53
54
|
packageName: "@atlaskit/drawer",
|
|
54
|
-
packageVersion: "11.0.
|
|
55
|
+
packageVersion: "11.0.11",
|
|
55
56
|
analyticsData: {
|
|
56
57
|
trigger: 'escKey'
|
|
57
58
|
}
|
|
@@ -72,7 +73,7 @@ export const Drawer = ({
|
|
|
72
73
|
action: 'dismissed',
|
|
73
74
|
componentName: 'drawer',
|
|
74
75
|
packageName: "@atlaskit/drawer",
|
|
75
|
-
packageVersion: "11.0.
|
|
76
|
+
packageVersion: "11.0.11",
|
|
76
77
|
analyticsData: {
|
|
77
78
|
trigger: 'blanket'
|
|
78
79
|
}
|
|
@@ -82,7 +83,7 @@ export const Drawer = ({
|
|
|
82
83
|
action: 'dismissed',
|
|
83
84
|
componentName: 'drawer',
|
|
84
85
|
packageName: "@atlaskit/drawer",
|
|
85
|
-
packageVersion: "11.0.
|
|
86
|
+
packageVersion: "11.0.11",
|
|
86
87
|
analyticsData: {
|
|
87
88
|
trigger: 'backButton'
|
|
88
89
|
}
|
package/dist/esm/drawer.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
1
2
|
/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
2
3
|
import React, { useCallback, useEffect } from 'react';
|
|
3
4
|
import { canUseDOM } from 'exenv';
|
|
@@ -56,7 +57,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
56
57
|
action: 'dismissed',
|
|
57
58
|
componentName: 'drawer',
|
|
58
59
|
packageName: "@atlaskit/drawer",
|
|
59
|
-
packageVersion: "11.0.
|
|
60
|
+
packageVersion: "11.0.11",
|
|
60
61
|
analyticsData: {
|
|
61
62
|
trigger: 'escKey'
|
|
62
63
|
}
|
|
@@ -79,7 +80,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
79
80
|
action: 'dismissed',
|
|
80
81
|
componentName: 'drawer',
|
|
81
82
|
packageName: "@atlaskit/drawer",
|
|
82
|
-
packageVersion: "11.0.
|
|
83
|
+
packageVersion: "11.0.11",
|
|
83
84
|
analyticsData: {
|
|
84
85
|
trigger: 'blanket'
|
|
85
86
|
}
|
|
@@ -91,7 +92,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
91
92
|
action: 'dismissed',
|
|
92
93
|
componentName: 'drawer',
|
|
93
94
|
packageName: "@atlaskit/drawer",
|
|
94
|
-
packageVersion: "11.0.
|
|
95
|
+
packageVersion: "11.0.11",
|
|
95
96
|
analyticsData: {
|
|
96
97
|
trigger: 'backButton'
|
|
97
98
|
}
|
package/offerings.json
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"name": "Drawer",
|
|
4
|
+
"package": "@atlaskit/drawer",
|
|
5
|
+
"import": {
|
|
6
|
+
"name": "Drawer",
|
|
7
|
+
"package": "@atlaskit/drawer",
|
|
8
|
+
"type": "default"
|
|
9
|
+
},
|
|
10
|
+
"keywords": ["drawer", "panel", "slide", "overlay", "navigation", "sidebar"],
|
|
11
|
+
"categories": ["overlays-and-layering"],
|
|
12
|
+
"shortDescription": "A drawer is a panel that slides in from the left side of the screen for navigation or additional content.",
|
|
13
|
+
"status": "intent-to-deprecate",
|
|
14
|
+
"accessibilityGuidelines": [
|
|
15
|
+
"Ensure proper focus management when drawer opens/closes",
|
|
16
|
+
"Provide keyboard navigation support",
|
|
17
|
+
"Use appropriate ARIA attributes for drawer state",
|
|
18
|
+
"Ensure content is accessible when drawer is open",
|
|
19
|
+
"Provide clear close mechanisms"
|
|
20
|
+
],
|
|
21
|
+
"usageGuidelines": [
|
|
22
|
+
"Use for navigation or secondary content",
|
|
23
|
+
"Provide clear open/close mechanisms",
|
|
24
|
+
"Consider screen size and drawer width",
|
|
25
|
+
"Use appropriate backdrop behavior",
|
|
26
|
+
"Consider alternative patterns like Modal for better UX"
|
|
27
|
+
],
|
|
28
|
+
"contentGuidelines": [
|
|
29
|
+
"Organize content logically within the drawer",
|
|
30
|
+
"Use clear navigation labels",
|
|
31
|
+
"Provide appropriate close actions",
|
|
32
|
+
"Consider content hierarchy and grouping"
|
|
33
|
+
],
|
|
34
|
+
"examples": ["./examples/ai/drawer.tsx"]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "DrawerContent",
|
|
38
|
+
"package": "@atlaskit/drawer",
|
|
39
|
+
"import": {
|
|
40
|
+
"name": "DrawerContent",
|
|
41
|
+
"package": "@atlaskit/drawer",
|
|
42
|
+
"type": "named"
|
|
43
|
+
},
|
|
44
|
+
"keywords": ["drawer", "content", "panel", "body"],
|
|
45
|
+
"categories": ["overlays-and-layering"],
|
|
46
|
+
"shortDescription": "The main content area of a drawer panel.",
|
|
47
|
+
"status": "intent-to-deprecate",
|
|
48
|
+
"usageGuidelines": [
|
|
49
|
+
"Use as the main content container within a drawer",
|
|
50
|
+
"Place primary content and actions here",
|
|
51
|
+
"Ensure proper scrolling behavior for long content"
|
|
52
|
+
],
|
|
53
|
+
"contentGuidelines": [
|
|
54
|
+
"Organize content logically",
|
|
55
|
+
"Use appropriate spacing and layout",
|
|
56
|
+
"Consider content hierarchy"
|
|
57
|
+
],
|
|
58
|
+
"examples": ["./examples/ai/drawer-content.tsx"]
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"name": "DrawerSidebar",
|
|
62
|
+
"package": "@atlaskit/drawer",
|
|
63
|
+
"import": {
|
|
64
|
+
"name": "DrawerSidebar",
|
|
65
|
+
"package": "@atlaskit/drawer",
|
|
66
|
+
"type": "named"
|
|
67
|
+
},
|
|
68
|
+
"keywords": ["drawer", "sidebar", "navigation", "panel"],
|
|
69
|
+
"categories": ["overlays-and-layering"],
|
|
70
|
+
"shortDescription": "A sidebar component within a drawer for navigation or secondary content.",
|
|
71
|
+
"status": "intent-to-deprecate",
|
|
72
|
+
"usageGuidelines": [
|
|
73
|
+
"Use for navigation or secondary content in a drawer",
|
|
74
|
+
"Keep sidebar content focused and organized",
|
|
75
|
+
"Consider responsive behavior"
|
|
76
|
+
],
|
|
77
|
+
"contentGuidelines": [
|
|
78
|
+
"Use clear navigation labels",
|
|
79
|
+
"Organize content hierarchically",
|
|
80
|
+
"Keep sidebar content concise"
|
|
81
|
+
],
|
|
82
|
+
"examples": ["./examples/ai/drawer-sidebar.tsx"]
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"name": "DrawerCloseButton",
|
|
86
|
+
"package": "@atlaskit/drawer",
|
|
87
|
+
"import": {
|
|
88
|
+
"name": "DrawerCloseButton",
|
|
89
|
+
"package": "@atlaskit/drawer",
|
|
90
|
+
"type": "named"
|
|
91
|
+
},
|
|
92
|
+
"keywords": ["drawer", "close", "button", "action"],
|
|
93
|
+
"categories": ["overlays-and-layering"],
|
|
94
|
+
"shortDescription": "A close button specifically designed for drawer components.",
|
|
95
|
+
"status": "intent-to-deprecate",
|
|
96
|
+
"usageGuidelines": [
|
|
97
|
+
"Use to provide clear close functionality for drawers",
|
|
98
|
+
"Position prominently for easy access",
|
|
99
|
+
"Ensure keyboard accessibility"
|
|
100
|
+
],
|
|
101
|
+
"contentGuidelines": [
|
|
102
|
+
"Use clear close icon or text",
|
|
103
|
+
"Ensure button is easily discoverable",
|
|
104
|
+
"Provide appropriate hover/focus states"
|
|
105
|
+
],
|
|
106
|
+
"examples": ["./examples/ai/drawer-close-button.tsx"]
|
|
107
|
+
}
|
|
108
|
+
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/drawer",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.12",
|
|
4
4
|
"description": "A drawer is a panel that slides in from the left side of the screen.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
"@atlaskit/blanket": "^15.0.0",
|
|
42
42
|
"@atlaskit/button": "^23.4.0",
|
|
43
43
|
"@atlaskit/css": "^0.14.0",
|
|
44
|
-
"@atlaskit/icon": "^28.
|
|
44
|
+
"@atlaskit/icon": "^28.2.0",
|
|
45
45
|
"@atlaskit/layering": "^3.0.0",
|
|
46
46
|
"@atlaskit/motion": "^5.3.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
48
|
"@atlaskit/portal": "^5.1.0",
|
|
49
|
-
"@atlaskit/theme": "^
|
|
49
|
+
"@atlaskit/theme": "^21.0.0",
|
|
50
50
|
"@atlaskit/tokens": "^6.3.0",
|
|
51
51
|
"@babel/runtime": "^7.0.0",
|
|
52
52
|
"@compiled/react": "^0.18.3",
|
|
@@ -65,10 +65,10 @@
|
|
|
65
65
|
"@af/integration-testing": "workspace:^",
|
|
66
66
|
"@af/visual-regression": "workspace:^",
|
|
67
67
|
"@atlaskit/code": "^17.2.0",
|
|
68
|
-
"@atlaskit/docs": "^11.
|
|
68
|
+
"@atlaskit/docs": "^11.1.0",
|
|
69
69
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
70
70
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
71
|
-
"@atlaskit/form": "^12.
|
|
71
|
+
"@atlaskit/form": "^12.7.0",
|
|
72
72
|
"@atlaskit/inline-message": "^15.3.0",
|
|
73
73
|
"@atlaskit/link": "^3.2.0",
|
|
74
74
|
"@atlaskit/menu": "^8.4.0",
|