@atlaskit/editor-plugin-help-dialog 1.1.2 → 1.2.1
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 +74 -25
- package/dist/cjs/ui/styles.js +90 -14
- package/dist/es2019/ui/styles.js +90 -90
- package/dist/esm/ui/styles.js +90 -13
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,143 +1,192 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-help-dialog
|
|
2
2
|
|
|
3
|
+
## 1.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 1.2.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934)
|
|
14
|
+
[`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) -
|
|
15
|
+
bumped editor-prosemirror version to 4.0.0
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 1.1.2
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
6
24
|
|
|
7
|
-
-
|
|
25
|
+
- [#91571](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91571)
|
|
26
|
+
[`984cb24fae77`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/984cb24fae77) -
|
|
27
|
+
refactored help dialog
|
|
8
28
|
|
|
9
29
|
## 1.1.1
|
|
10
30
|
|
|
11
31
|
### Patch Changes
|
|
12
32
|
|
|
13
|
-
-
|
|
33
|
+
- [#81374](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81374)
|
|
34
|
+
[`1aa1f97dd341`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1aa1f97dd341) -
|
|
35
|
+
React 18 types for editor-plugin-help-dialog
|
|
14
36
|
|
|
15
37
|
## 1.1.0
|
|
16
38
|
|
|
17
39
|
### Minor Changes
|
|
18
40
|
|
|
19
|
-
-
|
|
41
|
+
- [#77222](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77222)
|
|
42
|
+
[`b924ab2b79f3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b924ab2b79f3) -
|
|
43
|
+
[ux] Add keyboard shortcuts for center and right text alignment
|
|
20
44
|
|
|
21
45
|
### Patch Changes
|
|
22
46
|
|
|
23
|
-
-
|
|
47
|
+
- Updated dependencies
|
|
24
48
|
|
|
25
49
|
## 1.0.2
|
|
26
50
|
|
|
27
51
|
### Patch Changes
|
|
28
52
|
|
|
29
|
-
-
|
|
53
|
+
- [#73177](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73177)
|
|
54
|
+
[`22452599ed8f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22452599ed8f) -
|
|
55
|
+
Move styling for certain packages to tokens.
|
|
30
56
|
|
|
31
57
|
## 1.0.1
|
|
32
58
|
|
|
33
59
|
### Patch Changes
|
|
34
60
|
|
|
35
|
-
-
|
|
61
|
+
- Updated dependencies
|
|
36
62
|
|
|
37
63
|
## 1.0.0
|
|
38
64
|
|
|
39
65
|
### Major Changes
|
|
40
66
|
|
|
41
|
-
-
|
|
67
|
+
- [#72386](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72386)
|
|
68
|
+
[`0c52b0be40c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c52b0be40c1) -
|
|
69
|
+
This changeset exists to bump all editor plugins that currently don't have a major version. This
|
|
70
|
+
is to address an issue with Jira plugin consumption.
|
|
42
71
|
|
|
43
72
|
### Patch Changes
|
|
44
73
|
|
|
45
|
-
-
|
|
74
|
+
- Updated dependencies
|
|
46
75
|
|
|
47
76
|
## 0.3.9
|
|
48
77
|
|
|
49
78
|
### Patch Changes
|
|
50
79
|
|
|
51
|
-
-
|
|
80
|
+
- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572)
|
|
81
|
+
[`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) -
|
|
82
|
+
Upgrading @atlaskit/editor-prosemirror dependency
|
|
52
83
|
|
|
53
84
|
## 0.3.8
|
|
54
85
|
|
|
55
86
|
### Patch Changes
|
|
56
87
|
|
|
57
|
-
-
|
|
88
|
+
- [#65334](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65334)
|
|
89
|
+
[`089979f0308f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/089979f0308f) -
|
|
90
|
+
[ux] ECA11Y-111/ECA11Y-86 Help dialog - resize table and media information
|
|
58
91
|
|
|
59
92
|
## 0.3.7
|
|
60
93
|
|
|
61
94
|
### Patch Changes
|
|
62
95
|
|
|
63
|
-
-
|
|
96
|
+
- Updated dependencies
|
|
64
97
|
|
|
65
98
|
## 0.3.6
|
|
66
99
|
|
|
67
100
|
### Patch Changes
|
|
68
101
|
|
|
69
|
-
-
|
|
102
|
+
- [#58893](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58893)
|
|
103
|
+
[`ed82b25d516b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed82b25d516b) -
|
|
104
|
+
[ux] [ECA11Y-110] Selecting table columns and rows via shortcuts
|
|
70
105
|
|
|
71
106
|
## 0.3.5
|
|
72
107
|
|
|
73
108
|
### Patch Changes
|
|
74
109
|
|
|
75
|
-
-
|
|
110
|
+
- Updated dependencies
|
|
76
111
|
|
|
77
112
|
## 0.3.4
|
|
78
113
|
|
|
79
114
|
### Patch Changes
|
|
80
115
|
|
|
81
|
-
-
|
|
116
|
+
- [#42221](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42221)
|
|
117
|
+
[`7fd1f8bb312`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fd1f8bb312) - revert
|
|
118
|
+
pr 42221
|
|
82
119
|
|
|
83
120
|
## 0.3.3
|
|
84
121
|
|
|
85
122
|
### Patch Changes
|
|
86
123
|
|
|
87
|
-
-
|
|
124
|
+
- [#42221](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42221)
|
|
125
|
+
[`1f49a73a590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f49a73a590) - [ux]
|
|
126
|
+
[ECA11Y-110] Selecting table columns, rows, whole table via shortcuts
|
|
88
127
|
|
|
89
128
|
## 0.3.2
|
|
90
129
|
|
|
91
130
|
### Patch Changes
|
|
92
131
|
|
|
93
|
-
-
|
|
132
|
+
- [#43436](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43436)
|
|
133
|
+
[`6bf14e25965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6bf14e25965) - Revert
|
|
134
|
+
"Resize media for the keyboard users"
|
|
94
135
|
|
|
95
136
|
## 0.3.1
|
|
96
137
|
|
|
97
138
|
### Patch Changes
|
|
98
139
|
|
|
99
|
-
-
|
|
140
|
+
- Updated dependencies
|
|
100
141
|
|
|
101
142
|
## 0.3.0
|
|
102
143
|
|
|
103
144
|
### Minor Changes
|
|
104
145
|
|
|
105
|
-
-
|
|
146
|
+
- [#43108](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43108)
|
|
147
|
+
[`b779a47b799`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b779a47b799) -
|
|
148
|
+
ECA11Y-86: Added ability to resize media via keyboard and added announcer
|
|
106
149
|
|
|
107
150
|
### Patch Changes
|
|
108
151
|
|
|
109
|
-
-
|
|
152
|
+
- Updated dependencies
|
|
110
153
|
|
|
111
154
|
## 0.2.3
|
|
112
155
|
|
|
113
156
|
### Patch Changes
|
|
114
157
|
|
|
115
|
-
-
|
|
158
|
+
- [#42734](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42734)
|
|
159
|
+
[`9a298d1b3c3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a298d1b3c3) -
|
|
160
|
+
Decouple code-block plugin from editor-core.
|
|
116
161
|
|
|
117
162
|
## 0.2.2
|
|
118
163
|
|
|
119
164
|
### Patch Changes
|
|
120
165
|
|
|
121
|
-
-
|
|
166
|
+
- Updated dependencies
|
|
122
167
|
|
|
123
168
|
## 0.2.1
|
|
124
169
|
|
|
125
170
|
### Patch Changes
|
|
126
171
|
|
|
127
|
-
-
|
|
172
|
+
- Updated dependencies
|
|
128
173
|
|
|
129
174
|
## 0.2.0
|
|
130
175
|
|
|
131
176
|
### Minor Changes
|
|
132
177
|
|
|
133
|
-
-
|
|
178
|
+
- [#41049](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41049)
|
|
179
|
+
[`56e271b5da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56e271b5da6) -
|
|
180
|
+
Extract help-dialog-plugin from editor-core
|
|
134
181
|
|
|
135
182
|
## 0.1.0
|
|
136
183
|
|
|
137
184
|
### Minor Changes
|
|
138
185
|
|
|
139
|
-
-
|
|
186
|
+
- [#41020](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41020)
|
|
187
|
+
[`ab49509530f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab49509530f) - Add
|
|
188
|
+
editor-plugin-help-dialog
|
|
140
189
|
|
|
141
190
|
### Patch Changes
|
|
142
191
|
|
|
143
|
-
-
|
|
192
|
+
- Updated dependencies
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -1,31 +1,76 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.title = exports.shortcutsArray = exports.row = exports.line = exports.header = exports.footer = exports.dialogHeader = exports.contentWrapper = exports.content = exports.componentFromKeymapWrapperStyles = exports.column = exports.codeSm = exports.codeMd = exports.codeLg = void 0;
|
|
9
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
8
|
var _react = require("@emotion/react");
|
|
11
9
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
10
|
var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
13
11
|
var colors = _colors;
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
15
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
|
-
var header = exports.header = (0, _react.css)(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
var header = exports.header = (0, _react.css)({
|
|
15
|
+
zIndex: _editorSharedStyles.akEditorUnitZIndex,
|
|
16
|
+
minHeight: "var(--ds-space-300, 24px)",
|
|
17
|
+
padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
|
|
18
|
+
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(24),
|
|
19
|
+
display: 'flex',
|
|
20
|
+
justifyContent: 'space-between',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
boxShadow: "'none'",
|
|
23
|
+
color: "var(--ds-text, ".concat(colors.N400, ")"),
|
|
24
|
+
backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"),
|
|
25
|
+
borderRadius: "var(--ds-border-radius, 3px)"
|
|
26
|
+
});
|
|
27
|
+
var footer = exports.footer = (0, _react.css)({
|
|
28
|
+
zIndex: _editorSharedStyles.akEditorUnitZIndex,
|
|
29
|
+
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
|
|
30
|
+
lineHeight: "var(--ds-space-250, 20px)",
|
|
31
|
+
color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
|
|
32
|
+
padding: "var(--ds-space-300, 24px)",
|
|
33
|
+
textAlign: 'right',
|
|
34
|
+
boxShadow: "'none'"
|
|
35
|
+
});
|
|
36
|
+
var contentWrapper = exports.contentWrapper = (0, _react.css)({
|
|
37
|
+
padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
|
|
38
|
+
borderBottomRightRadius: "var(--ds-border-radius, 3px)",
|
|
39
|
+
overflow: 'auto',
|
|
40
|
+
position: 'relative',
|
|
41
|
+
color: "var(--ds-text-subtle, ".concat(colors.N400, ")"),
|
|
42
|
+
backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")")
|
|
43
|
+
});
|
|
44
|
+
var line = exports.line = (0, _react.css)({
|
|
45
|
+
background: "var(--ds-background-neutral-subtle, #fff)",
|
|
46
|
+
content: "''",
|
|
47
|
+
display: 'block',
|
|
48
|
+
height: "var(--ds-space-025, 2px)",
|
|
49
|
+
left: 0,
|
|
50
|
+
position: 'absolute',
|
|
51
|
+
top: 0,
|
|
52
|
+
right: 0,
|
|
53
|
+
width: '100%',
|
|
54
|
+
minWidth: '604px'
|
|
55
|
+
});
|
|
56
|
+
var content = exports.content = (0, _react.css)({
|
|
57
|
+
minWidth: '524px',
|
|
58
|
+
width: '100%',
|
|
59
|
+
position: 'relative',
|
|
60
|
+
display: 'flex',
|
|
61
|
+
justifyContent: 'space-between'
|
|
62
|
+
});
|
|
22
63
|
var column = exports.column = {
|
|
23
64
|
width: '44%',
|
|
24
65
|
'& > ul': {
|
|
25
66
|
padding: 0
|
|
26
67
|
}
|
|
27
68
|
};
|
|
28
|
-
var row = exports.row = (0, _react.css)(
|
|
69
|
+
var row = exports.row = (0, _react.css)({
|
|
70
|
+
margin: "var(--ds-space-250, 20px)".concat(" 0"),
|
|
71
|
+
display: 'flex',
|
|
72
|
+
justifyContent: 'space-between'
|
|
73
|
+
});
|
|
29
74
|
var dialogHeader = exports.dialogHeader = {
|
|
30
75
|
'&': {
|
|
31
76
|
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(24),
|
|
@@ -44,8 +89,39 @@ var title = exports.title = {
|
|
|
44
89
|
lineHeight: 1.42857142857143
|
|
45
90
|
}
|
|
46
91
|
};
|
|
47
|
-
var codeSm = exports.codeSm = (0, _react.css)(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
92
|
+
var codeSm = exports.codeSm = (0, _react.css)({
|
|
93
|
+
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
94
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
95
|
+
width: "var(--ds-space-300, 24px)",
|
|
96
|
+
display: 'inline-block',
|
|
97
|
+
height: "var(--ds-space-300, 24px)",
|
|
98
|
+
lineHeight: '24px',
|
|
99
|
+
textAlign: 'center'
|
|
100
|
+
});
|
|
101
|
+
var codeMd = exports.codeMd = (0, _react.css)({
|
|
102
|
+
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
103
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
104
|
+
display: 'inline-block',
|
|
105
|
+
height: "var(--ds-space-300, 24px)",
|
|
106
|
+
lineHeight: '24px',
|
|
107
|
+
width: '50px',
|
|
108
|
+
textAlign: 'center'
|
|
109
|
+
});
|
|
110
|
+
var codeLg = exports.codeLg = (0, _react.css)({
|
|
111
|
+
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
112
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
113
|
+
display: 'inline-block',
|
|
114
|
+
height: "var(--ds-space-300, 24px)",
|
|
115
|
+
lineHeight: "var(--ds-space-300, 24px)",
|
|
116
|
+
padding: "0 ".concat("var(--ds-space-150, 12px)"),
|
|
117
|
+
textAlign: 'center'
|
|
118
|
+
});
|
|
119
|
+
var shortcutsArray = exports.shortcutsArray = (0, _react.css)({
|
|
120
|
+
display: 'flex',
|
|
121
|
+
flexDirection: 'column',
|
|
122
|
+
flexShrink: 0,
|
|
123
|
+
gap: "var(--ds-space-150, 12px)"
|
|
124
|
+
});
|
|
125
|
+
var componentFromKeymapWrapperStyles = exports.componentFromKeymapWrapperStyles = (0, _react.css)({
|
|
126
|
+
flexShrink: 0
|
|
127
|
+
});
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -2,66 +2,66 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { akEditorUnitZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import * as colors from '@atlaskit/theme/colors';
|
|
4
4
|
import { N400 } from '@atlaskit/theme/colors';
|
|
5
|
-
export const header = css
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
padding:
|
|
9
|
-
|
|
10
|
-
display: flex
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
color:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
export const footer = css
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
color:
|
|
23
|
-
padding:
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
export const contentWrapper = css
|
|
28
|
-
padding:
|
|
29
|
-
|
|
30
|
-
overflow: auto
|
|
31
|
-
position: relative
|
|
32
|
-
color:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
export const line = css
|
|
36
|
-
background:
|
|
37
|
-
content: ''
|
|
38
|
-
display: block
|
|
39
|
-
height:
|
|
40
|
-
left: 0
|
|
41
|
-
position: absolute
|
|
42
|
-
top: 0
|
|
43
|
-
right: 0
|
|
44
|
-
width: 100
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
export const content = css
|
|
48
|
-
|
|
49
|
-
width: 100
|
|
50
|
-
position: relative
|
|
51
|
-
display: flex
|
|
52
|
-
|
|
53
|
-
|
|
5
|
+
export const header = css({
|
|
6
|
+
zIndex: akEditorUnitZIndex,
|
|
7
|
+
minHeight: "var(--ds-space-300, 24px)",
|
|
8
|
+
padding: `${"var(--ds-space-250, 20px)"} ${"var(--ds-space-500, 40px)"}`,
|
|
9
|
+
fontSize: relativeFontSizeToBase16(24),
|
|
10
|
+
display: 'flex',
|
|
11
|
+
justifyContent: 'space-between',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
boxShadow: "'none'",
|
|
14
|
+
color: `var(--ds-text, ${colors.N400})`,
|
|
15
|
+
backgroundColor: `var(--ds-background-neutral-subtle, ${colors.N0})`,
|
|
16
|
+
borderRadius: "var(--ds-border-radius, 3px)"
|
|
17
|
+
});
|
|
18
|
+
export const footer = css({
|
|
19
|
+
zIndex: akEditorUnitZIndex,
|
|
20
|
+
fontSize: relativeFontSizeToBase16(14),
|
|
21
|
+
lineHeight: "var(--ds-space-250, 20px)",
|
|
22
|
+
color: `var(--ds-text-subtlest, ${colors.N300})`,
|
|
23
|
+
padding: "var(--ds-space-300, 24px)",
|
|
24
|
+
textAlign: 'right',
|
|
25
|
+
boxShadow: "'none'"
|
|
26
|
+
});
|
|
27
|
+
export const contentWrapper = css({
|
|
28
|
+
padding: `${"var(--ds-space-250, 20px)"} ${"var(--ds-space-500, 40px)"}`,
|
|
29
|
+
borderBottomRightRadius: "var(--ds-border-radius, 3px)",
|
|
30
|
+
overflow: 'auto',
|
|
31
|
+
position: 'relative',
|
|
32
|
+
color: `var(--ds-text-subtle, ${colors.N400})`,
|
|
33
|
+
backgroundColor: `var(--ds-background-neutral-subtle, ${colors.N0})`
|
|
34
|
+
});
|
|
35
|
+
export const line = css({
|
|
36
|
+
background: "var(--ds-background-neutral-subtle, #fff)",
|
|
37
|
+
content: "''",
|
|
38
|
+
display: 'block',
|
|
39
|
+
height: "var(--ds-space-025, 2px)",
|
|
40
|
+
left: 0,
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
top: 0,
|
|
43
|
+
right: 0,
|
|
44
|
+
width: '100%',
|
|
45
|
+
minWidth: '604px'
|
|
46
|
+
});
|
|
47
|
+
export const content = css({
|
|
48
|
+
minWidth: '524px',
|
|
49
|
+
width: '100%',
|
|
50
|
+
position: 'relative',
|
|
51
|
+
display: 'flex',
|
|
52
|
+
justifyContent: 'space-between'
|
|
53
|
+
});
|
|
54
54
|
export const column = {
|
|
55
55
|
width: '44%',
|
|
56
56
|
'& > ul': {
|
|
57
57
|
padding: 0
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
export const row = css
|
|
61
|
-
margin:
|
|
62
|
-
display: flex
|
|
63
|
-
|
|
64
|
-
|
|
60
|
+
export const row = css({
|
|
61
|
+
margin: `${"var(--ds-space-250, 20px)"} 0`,
|
|
62
|
+
display: 'flex',
|
|
63
|
+
justifyContent: 'space-between'
|
|
64
|
+
});
|
|
65
65
|
export const dialogHeader = {
|
|
66
66
|
'&': {
|
|
67
67
|
fontSize: relativeFontSizeToBase16(24),
|
|
@@ -80,39 +80,39 @@ export const title = {
|
|
|
80
80
|
lineHeight: 1.42857142857143
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
|
-
export const codeSm = css
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
width:
|
|
87
|
-
display: inline-block
|
|
88
|
-
height:
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
export const codeMd = css
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
display: inline-block
|
|
96
|
-
height:
|
|
97
|
-
|
|
98
|
-
width: 50px
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
export const codeLg = css
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
display: inline-block
|
|
105
|
-
height:
|
|
106
|
-
|
|
107
|
-
padding: 0 ${"var(--ds-space-150, 12px)"}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
export const shortcutsArray = css
|
|
111
|
-
display: flex
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
gap:
|
|
115
|
-
|
|
116
|
-
export const componentFromKeymapWrapperStyles = css
|
|
117
|
-
|
|
118
|
-
|
|
83
|
+
export const codeSm = css({
|
|
84
|
+
backgroundColor: `var(--ds-background-neutral, ${colors.N20})`,
|
|
85
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
86
|
+
width: "var(--ds-space-300, 24px)",
|
|
87
|
+
display: 'inline-block',
|
|
88
|
+
height: "var(--ds-space-300, 24px)",
|
|
89
|
+
lineHeight: '24px',
|
|
90
|
+
textAlign: 'center'
|
|
91
|
+
});
|
|
92
|
+
export const codeMd = css({
|
|
93
|
+
backgroundColor: `var(--ds-background-neutral, ${colors.N20})`,
|
|
94
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
95
|
+
display: 'inline-block',
|
|
96
|
+
height: "var(--ds-space-300, 24px)",
|
|
97
|
+
lineHeight: '24px',
|
|
98
|
+
width: '50px',
|
|
99
|
+
textAlign: 'center'
|
|
100
|
+
});
|
|
101
|
+
export const codeLg = css({
|
|
102
|
+
backgroundColor: `var(--ds-background-neutral, ${colors.N20})`,
|
|
103
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
104
|
+
display: 'inline-block',
|
|
105
|
+
height: "var(--ds-space-300, 24px)",
|
|
106
|
+
lineHeight: "var(--ds-space-300, 24px)",
|
|
107
|
+
padding: `0 ${"var(--ds-space-150, 12px)"}`,
|
|
108
|
+
textAlign: 'center'
|
|
109
|
+
});
|
|
110
|
+
export const shortcutsArray = css({
|
|
111
|
+
display: 'flex',
|
|
112
|
+
flexDirection: 'column',
|
|
113
|
+
flexShrink: 0,
|
|
114
|
+
gap: "var(--ds-space-150, 12px)"
|
|
115
|
+
});
|
|
116
|
+
export const componentFromKeymapWrapperStyles = css({
|
|
117
|
+
flexShrink: 0
|
|
118
|
+
});
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -1,21 +1,67 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
3
1
|
import { css } from '@emotion/react';
|
|
4
2
|
import { akEditorUnitZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
5
3
|
import * as colors from '@atlaskit/theme/colors';
|
|
6
4
|
import { N400 } from '@atlaskit/theme/colors';
|
|
7
|
-
export var header = css(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
export var header = css({
|
|
6
|
+
zIndex: akEditorUnitZIndex,
|
|
7
|
+
minHeight: "var(--ds-space-300, 24px)",
|
|
8
|
+
padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
|
|
9
|
+
fontSize: relativeFontSizeToBase16(24),
|
|
10
|
+
display: 'flex',
|
|
11
|
+
justifyContent: 'space-between',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
boxShadow: "'none'",
|
|
14
|
+
color: "var(--ds-text, ".concat(colors.N400, ")"),
|
|
15
|
+
backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"),
|
|
16
|
+
borderRadius: "var(--ds-border-radius, 3px)"
|
|
17
|
+
});
|
|
18
|
+
export var footer = css({
|
|
19
|
+
zIndex: akEditorUnitZIndex,
|
|
20
|
+
fontSize: relativeFontSizeToBase16(14),
|
|
21
|
+
lineHeight: "var(--ds-space-250, 20px)",
|
|
22
|
+
color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
|
|
23
|
+
padding: "var(--ds-space-300, 24px)",
|
|
24
|
+
textAlign: 'right',
|
|
25
|
+
boxShadow: "'none'"
|
|
26
|
+
});
|
|
27
|
+
export var contentWrapper = css({
|
|
28
|
+
padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
|
|
29
|
+
borderBottomRightRadius: "var(--ds-border-radius, 3px)",
|
|
30
|
+
overflow: 'auto',
|
|
31
|
+
position: 'relative',
|
|
32
|
+
color: "var(--ds-text-subtle, ".concat(colors.N400, ")"),
|
|
33
|
+
backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")")
|
|
34
|
+
});
|
|
35
|
+
export var line = css({
|
|
36
|
+
background: "var(--ds-background-neutral-subtle, #fff)",
|
|
37
|
+
content: "''",
|
|
38
|
+
display: 'block',
|
|
39
|
+
height: "var(--ds-space-025, 2px)",
|
|
40
|
+
left: 0,
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
top: 0,
|
|
43
|
+
right: 0,
|
|
44
|
+
width: '100%',
|
|
45
|
+
minWidth: '604px'
|
|
46
|
+
});
|
|
47
|
+
export var content = css({
|
|
48
|
+
minWidth: '524px',
|
|
49
|
+
width: '100%',
|
|
50
|
+
position: 'relative',
|
|
51
|
+
display: 'flex',
|
|
52
|
+
justifyContent: 'space-between'
|
|
53
|
+
});
|
|
12
54
|
export var column = {
|
|
13
55
|
width: '44%',
|
|
14
56
|
'& > ul': {
|
|
15
57
|
padding: 0
|
|
16
58
|
}
|
|
17
59
|
};
|
|
18
|
-
export var row = css(
|
|
60
|
+
export var row = css({
|
|
61
|
+
margin: "var(--ds-space-250, 20px)".concat(" 0"),
|
|
62
|
+
display: 'flex',
|
|
63
|
+
justifyContent: 'space-between'
|
|
64
|
+
});
|
|
19
65
|
export var dialogHeader = {
|
|
20
66
|
'&': {
|
|
21
67
|
fontSize: relativeFontSizeToBase16(24),
|
|
@@ -34,8 +80,39 @@ export var title = {
|
|
|
34
80
|
lineHeight: 1.42857142857143
|
|
35
81
|
}
|
|
36
82
|
};
|
|
37
|
-
export var codeSm = css(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
83
|
+
export var codeSm = css({
|
|
84
|
+
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
85
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
86
|
+
width: "var(--ds-space-300, 24px)",
|
|
87
|
+
display: 'inline-block',
|
|
88
|
+
height: "var(--ds-space-300, 24px)",
|
|
89
|
+
lineHeight: '24px',
|
|
90
|
+
textAlign: 'center'
|
|
91
|
+
});
|
|
92
|
+
export var codeMd = css({
|
|
93
|
+
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
94
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
95
|
+
display: 'inline-block',
|
|
96
|
+
height: "var(--ds-space-300, 24px)",
|
|
97
|
+
lineHeight: '24px',
|
|
98
|
+
width: '50px',
|
|
99
|
+
textAlign: 'center'
|
|
100
|
+
});
|
|
101
|
+
export var codeLg = css({
|
|
102
|
+
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
103
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
104
|
+
display: 'inline-block',
|
|
105
|
+
height: "var(--ds-space-300, 24px)",
|
|
106
|
+
lineHeight: "var(--ds-space-300, 24px)",
|
|
107
|
+
padding: "0 ".concat("var(--ds-space-150, 12px)"),
|
|
108
|
+
textAlign: 'center'
|
|
109
|
+
});
|
|
110
|
+
export var shortcutsArray = css({
|
|
111
|
+
display: 'flex',
|
|
112
|
+
flexDirection: 'column',
|
|
113
|
+
flexShrink: 0,
|
|
114
|
+
gap: "var(--ds-space-150, 12px)"
|
|
115
|
+
});
|
|
116
|
+
export var componentFromKeymapWrapperStyles = css({
|
|
117
|
+
flexShrink: 0
|
|
118
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-help-dialog",
|
|
3
|
-
"version": "1.1
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"description": "Help Dialog plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,16 +32,16 @@
|
|
|
32
32
|
".": "./src/index.ts"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/editor-common": "^
|
|
36
|
-
"@atlaskit/editor-plugin-analytics": "^1.
|
|
37
|
-
"@atlaskit/editor-plugin-quick-insert": "^1.
|
|
38
|
-
"@atlaskit/editor-prosemirror": "
|
|
39
|
-
"@atlaskit/editor-shared-styles": "^2.
|
|
35
|
+
"@atlaskit/editor-common": "^79.0.0",
|
|
36
|
+
"@atlaskit/editor-plugin-analytics": "^1.1.0",
|
|
37
|
+
"@atlaskit/editor-plugin-quick-insert": "^1.1.0",
|
|
38
|
+
"@atlaskit/editor-prosemirror": "4.0.0",
|
|
39
|
+
"@atlaskit/editor-shared-styles": "^2.10.0",
|
|
40
40
|
"@atlaskit/icon": "^22.1.0",
|
|
41
|
-
"@atlaskit/modal-dialog": "^12.
|
|
41
|
+
"@atlaskit/modal-dialog": "^12.13.0",
|
|
42
42
|
"@atlaskit/platform-feature-flags": "^0.2.5",
|
|
43
43
|
"@atlaskit/theme": "^12.7.0",
|
|
44
|
-
"@atlaskit/tokens": "^1.
|
|
44
|
+
"@atlaskit/tokens": "^1.45.0",
|
|
45
45
|
"@babel/runtime": "^7.0.0",
|
|
46
46
|
"@emotion/react": "^11.7.1",
|
|
47
47
|
"react-intl-next": "npm:react-intl@^5.18.1",
|