@atlaskit/editor-plugin-help-dialog 1.0.0 → 1.0.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/.eslintrc.js +4 -0
- package/CHANGELOG.md +12 -0
- package/dist/cjs/ui/styles.js +7 -8
- package/dist/es2019/ui/styles.js +15 -16
- package/dist/esm/ui/styles.js +7 -8
- package/package.json +3 -3
package/.eslintrc.js
CHANGED
|
@@ -4,5 +4,9 @@ module.exports = {
|
|
|
4
4
|
'@typescript-eslint/no-explicit-any': 'error',
|
|
5
5
|
'@atlaskit/design-system/consistent-css-prop-usage': 'warn',
|
|
6
6
|
'@repo/internal/dom-events/no-unsafe-event-listeners': 'warn',
|
|
7
|
+
'@atlaskit/design-system/ensure-design-token-usage/preview': [
|
|
8
|
+
'error',
|
|
9
|
+
{ domains: ['spacing'], shouldEnforceFallbacks: false },
|
|
10
|
+
],
|
|
7
11
|
},
|
|
8
12
|
};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-help-dialog
|
|
2
2
|
|
|
3
|
+
## 1.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#73177](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73177) [`22452599ed8f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22452599ed8f) - Move styling for certain packages to tokens.
|
|
8
|
+
|
|
9
|
+
## 1.0.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 1.0.0
|
|
4
16
|
|
|
5
17
|
### Major Changes
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -11,14 +11,13 @@ var _react = require("@emotion/react");
|
|
|
11
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
12
|
var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
13
13
|
var colors = _colors;
|
|
14
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
15
14
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
16
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
var header = exports.header = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n z-index: ", ";\n min-height:
|
|
19
|
-
var footer = exports.footer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n z-index: ", ";\n font-size: ", ";\n line-height:
|
|
20
|
-
var contentWrapper = exports.contentWrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "
|
|
21
|
-
var line = exports.line = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n content: '';\n display: block;\n height:
|
|
17
|
+
var header = exports.header = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n z-index: ", ";\n min-height: ", ";\n padding: ", " ", ";\n font-size: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-shadow: 'none';\n color: ", ";\n background-color: ", ";\n border-radius: ", ";\n"])), _editorSharedStyles.akEditorUnitZIndex, "var(--ds-space-300, 24px)", "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(24), "var(--ds-text, ".concat(colors.N400, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"), "var(--ds-border-radius, 3px)");
|
|
18
|
+
var footer = exports.footer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n z-index: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n padding: ", ";\n text-align: right;\n box-shadow: 'none';\n"])), _editorSharedStyles.akEditorUnitZIndex, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-space-250, 20px)", "var(--ds-text-subtlest, ".concat(colors.N300, ")"), "var(--ds-space-300, 24px)");
|
|
19
|
+
var contentWrapper = exports.contentWrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", " ", ";\n border-bottom-right-radius: ", ";\n overflow: auto;\n position: relative;\n color: ", ";\n background-color: ", ";\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", "var(--ds-border-radius, 3px)", "var(--ds-text-subtle, ".concat(colors.N400, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"));
|
|
20
|
+
var line = exports.line = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n content: '';\n display: block;\n height: ", ";\n left: 0;\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n min-width: 604px;\n"])), "var(--ds-background-neutral-subtle, #fff)", "var(--ds-space-025, 2px)");
|
|
22
21
|
var content = exports.content = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n min-width: 524px;\n width: 100%;\n position: relative;\n display: flex;\n justify-content: space-between;\n"])));
|
|
23
22
|
var column = exports.column = {
|
|
24
23
|
width: '44%',
|
|
@@ -45,8 +44,8 @@ var title = exports.title = {
|
|
|
45
44
|
lineHeight: 1.42857142857143
|
|
46
45
|
}
|
|
47
46
|
};
|
|
48
|
-
var codeSm = exports.codeSm = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "
|
|
49
|
-
var codeMd = exports.codeMd = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "
|
|
50
|
-
var codeLg = exports.codeLg = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "
|
|
47
|
+
var codeSm = exports.codeSm = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", ";\n width: ", ";\n display: inline-block;\n height: ", ";\n line-height: 24px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
|
|
48
|
+
var codeMd = exports.codeMd = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", ";\n display: inline-block;\n height: ", ";\n line-height: 24px;\n width: 50px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-300, 24px)");
|
|
49
|
+
var codeLg = exports.codeLg = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", ";\n display: inline-block;\n height: ", ";\n line-height: ", ";\n padding: 0 ", ";\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
|
|
51
50
|
var shortcutsArray = exports.shortcutsArray = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n gap: ", ";\n"])), "var(--ds-space-150, 12px)");
|
|
52
51
|
var componentFromKeymapWrapperStyles = exports.componentFromKeymapWrapperStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n flex-shrink: 0;\n"])));
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -2,10 +2,9 @@ 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
|
-
import { borderRadius } from '@atlaskit/theme/constants';
|
|
6
5
|
export const header = css`
|
|
7
6
|
z-index: ${akEditorUnitZIndex};
|
|
8
|
-
min-height: 24px;
|
|
7
|
+
min-height: ${"var(--ds-space-300, 24px)"};
|
|
9
8
|
padding: ${"var(--ds-space-250, 20px)"} ${"var(--ds-space-500, 40px)"};
|
|
10
9
|
font-size: ${relativeFontSizeToBase16(24)};
|
|
11
10
|
display: flex;
|
|
@@ -14,20 +13,20 @@ export const header = css`
|
|
|
14
13
|
box-shadow: 'none';
|
|
15
14
|
color: ${`var(--ds-text, ${colors.N400})`};
|
|
16
15
|
background-color: ${`var(--ds-background-neutral-subtle, ${colors.N0})`};
|
|
17
|
-
border-radius: ${
|
|
16
|
+
border-radius: ${"var(--ds-border-radius, 3px)"};
|
|
18
17
|
`;
|
|
19
18
|
export const footer = css`
|
|
20
19
|
z-index: ${akEditorUnitZIndex};
|
|
21
20
|
font-size: ${relativeFontSizeToBase16(14)};
|
|
22
|
-
line-height: 20px;
|
|
21
|
+
line-height: ${"var(--ds-space-250, 20px)"};
|
|
23
22
|
color: ${`var(--ds-text-subtlest, ${colors.N300})`};
|
|
24
23
|
padding: ${"var(--ds-space-300, 24px)"};
|
|
25
24
|
text-align: right;
|
|
26
25
|
box-shadow: 'none';
|
|
27
26
|
`;
|
|
28
27
|
export const contentWrapper = css`
|
|
29
|
-
padding: ${"var(--ds-space-250, 20px)"}
|
|
30
|
-
border-bottom-right-radius: ${
|
|
28
|
+
padding: ${"var(--ds-space-250, 20px)"} ${"var(--ds-space-500, 40px)"};
|
|
29
|
+
border-bottom-right-radius: ${"var(--ds-border-radius, 3px)"};
|
|
31
30
|
overflow: auto;
|
|
32
31
|
position: relative;
|
|
33
32
|
color: ${`var(--ds-text-subtle, ${colors.N400})`};
|
|
@@ -37,7 +36,7 @@ export const line = css`
|
|
|
37
36
|
background: ${"var(--ds-background-neutral-subtle, #fff)"};
|
|
38
37
|
content: '';
|
|
39
38
|
display: block;
|
|
40
|
-
height: 2px;
|
|
39
|
+
height: ${"var(--ds-space-025, 2px)"};
|
|
41
40
|
left: 0;
|
|
42
41
|
position: absolute;
|
|
43
42
|
top: 0;
|
|
@@ -83,29 +82,29 @@ export const title = {
|
|
|
83
82
|
};
|
|
84
83
|
export const codeSm = css`
|
|
85
84
|
background-color: ${`var(--ds-background-neutral, ${colors.N20})`};
|
|
86
|
-
border-radius: ${
|
|
87
|
-
width: 24px;
|
|
85
|
+
border-radius: ${"var(--ds-border-radius, 3px)"};
|
|
86
|
+
width: ${"var(--ds-space-300, 24px)"};
|
|
88
87
|
display: inline-block;
|
|
89
|
-
height: 24px;
|
|
88
|
+
height: ${"var(--ds-space-300, 24px)"};
|
|
90
89
|
line-height: 24px;
|
|
91
90
|
text-align: center;
|
|
92
91
|
`;
|
|
93
92
|
export const codeMd = css`
|
|
94
93
|
background-color: ${`var(--ds-background-neutral, ${colors.N20})`};
|
|
95
|
-
border-radius: ${
|
|
94
|
+
border-radius: ${"var(--ds-border-radius, 3px)"};
|
|
96
95
|
display: inline-block;
|
|
97
|
-
height: 24px;
|
|
96
|
+
height: ${"var(--ds-space-300, 24px)"};
|
|
98
97
|
line-height: 24px;
|
|
99
98
|
width: 50px;
|
|
100
99
|
text-align: center;
|
|
101
100
|
`;
|
|
102
101
|
export const codeLg = css`
|
|
103
102
|
background-color: ${`var(--ds-background-neutral, ${colors.N20})`};
|
|
104
|
-
border-radius: ${
|
|
103
|
+
border-radius: ${"var(--ds-border-radius, 3px)"};
|
|
105
104
|
display: inline-block;
|
|
106
|
-
height: 24px;
|
|
107
|
-
line-height: 24px;
|
|
108
|
-
padding: 0
|
|
105
|
+
height: ${"var(--ds-space-300, 24px)"};
|
|
106
|
+
line-height: ${"var(--ds-space-300, 24px)"};
|
|
107
|
+
padding: 0 ${"var(--ds-space-150, 12px)"};
|
|
109
108
|
text-align: center;
|
|
110
109
|
`;
|
|
111
110
|
export const shortcutsArray = css`
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -4,11 +4,10 @@ import { css } from '@emotion/react';
|
|
|
4
4
|
import { akEditorUnitZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import * as colors from '@atlaskit/theme/colors';
|
|
6
6
|
import { N400 } from '@atlaskit/theme/colors';
|
|
7
|
-
|
|
8
|
-
export var
|
|
9
|
-
export var
|
|
10
|
-
export var
|
|
11
|
-
export var line = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background: ", ";\n content: '';\n display: block;\n height: 2px;\n left: 0;\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n min-width: 604px;\n"])), "var(--ds-background-neutral-subtle, #fff)");
|
|
7
|
+
export var header = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: ", ";\n min-height: ", ";\n padding: ", " ", ";\n font-size: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-shadow: 'none';\n color: ", ";\n background-color: ", ";\n border-radius: ", ";\n"])), akEditorUnitZIndex, "var(--ds-space-300, 24px)", "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", relativeFontSizeToBase16(24), "var(--ds-text, ".concat(colors.N400, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"), "var(--ds-border-radius, 3px)");
|
|
8
|
+
export var footer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n z-index: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n padding: ", ";\n text-align: right;\n box-shadow: 'none';\n"])), akEditorUnitZIndex, relativeFontSizeToBase16(14), "var(--ds-space-250, 20px)", "var(--ds-text-subtlest, ".concat(colors.N300, ")"), "var(--ds-space-300, 24px)");
|
|
9
|
+
export var contentWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: ", " ", ";\n border-bottom-right-radius: ", ";\n overflow: auto;\n position: relative;\n color: ", ";\n background-color: ", ";\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-500, 40px)", "var(--ds-border-radius, 3px)", "var(--ds-text-subtle, ".concat(colors.N400, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"));
|
|
10
|
+
export var line = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background: ", ";\n content: '';\n display: block;\n height: ", ";\n left: 0;\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n min-width: 604px;\n"])), "var(--ds-background-neutral-subtle, #fff)", "var(--ds-space-025, 2px)");
|
|
12
11
|
export var content = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n min-width: 524px;\n width: 100%;\n position: relative;\n display: flex;\n justify-content: space-between;\n"])));
|
|
13
12
|
export var column = {
|
|
14
13
|
width: '44%',
|
|
@@ -35,8 +34,8 @@ export var title = {
|
|
|
35
34
|
lineHeight: 1.42857142857143
|
|
36
35
|
}
|
|
37
36
|
};
|
|
38
|
-
export var codeSm = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "
|
|
39
|
-
export var codeMd = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "
|
|
40
|
-
export var codeLg = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", "
|
|
37
|
+
export var codeSm = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", ";\n width: ", ";\n display: inline-block;\n height: ", ";\n line-height: 24px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
|
|
38
|
+
export var codeMd = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", ";\n display: inline-block;\n height: ", ";\n line-height: 24px;\n width: 50px;\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-300, 24px)");
|
|
39
|
+
export var codeLg = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", ";\n display: inline-block;\n height: ", ";\n line-height: ", ";\n padding: 0 ", ";\n text-align: center;\n"])), "var(--ds-background-neutral, ".concat(colors.N20, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
|
|
41
40
|
export var shortcutsArray = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n gap: ", ";\n"])), "var(--ds-space-150, 12px)");
|
|
42
41
|
export var componentFromKeymapWrapperStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n"])));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-help-dialog",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Help Dialog plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
".": "./src/index.ts"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/editor-common": "^
|
|
35
|
+
"@atlaskit/editor-common": "^78.0.0",
|
|
36
36
|
"@atlaskit/editor-plugin-analytics": "^1.0.0",
|
|
37
37
|
"@atlaskit/editor-plugin-quick-insert": "^1.0.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "3.0.0",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@atlaskit/modal-dialog": "^12.10.0",
|
|
42
42
|
"@atlaskit/platform-feature-flags": "^0.2.5",
|
|
43
43
|
"@atlaskit/theme": "^12.6.0",
|
|
44
|
-
"@atlaskit/tokens": "^1.
|
|
44
|
+
"@atlaskit/tokens": "^1.37.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",
|