@atlaskit/editor-plugin-help-dialog 1.1.2 → 1.2.0

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/styles.js +90 -14
  3. package/dist/es2019/ui/styles.js +90 -90
  4. package/dist/esm/ui/styles.js +90 -13
  5. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-plugin-help-dialog
2
2
 
3
+ ## 1.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934) [`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) - bumped editor-prosemirror version to 4.0.0
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 1.1.2
4
14
 
5
15
  ### Patch Changes
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)(_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)");
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"])));
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)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n margin: ", " 0;\n display: flex;\n justify-content: space-between;\n"])), "var(--ds-space-250, 20px)");
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)(_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)");
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)");
51
- var componentFromKeymapWrapperStyles = exports.componentFromKeymapWrapperStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n flex-shrink: 0;\n"])));
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
- z-index: ${akEditorUnitZIndex};
7
- min-height: ${"var(--ds-space-300, 24px)"};
8
- padding: ${"var(--ds-space-250, 20px)"} ${"var(--ds-space-500, 40px)"};
9
- font-size: ${relativeFontSizeToBase16(24)};
10
- display: flex;
11
- justify-content: space-between;
12
- align-items: center;
13
- box-shadow: 'none';
14
- color: ${`var(--ds-text, ${colors.N400})`};
15
- background-color: ${`var(--ds-background-neutral-subtle, ${colors.N0})`};
16
- border-radius: ${"var(--ds-border-radius, 3px)"};
17
- `;
18
- export const footer = css`
19
- z-index: ${akEditorUnitZIndex};
20
- font-size: ${relativeFontSizeToBase16(14)};
21
- line-height: ${"var(--ds-space-250, 20px)"};
22
- color: ${`var(--ds-text-subtlest, ${colors.N300})`};
23
- padding: ${"var(--ds-space-300, 24px)"};
24
- text-align: right;
25
- box-shadow: 'none';
26
- `;
27
- export const contentWrapper = css`
28
- padding: ${"var(--ds-space-250, 20px)"} ${"var(--ds-space-500, 40px)"};
29
- border-bottom-right-radius: ${"var(--ds-border-radius, 3px)"};
30
- overflow: auto;
31
- position: relative;
32
- color: ${`var(--ds-text-subtle, ${colors.N400})`};
33
- background-color: ${`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
- min-width: 604px;
46
- `;
47
- export const content = css`
48
- min-width: 524px;
49
- width: 100%;
50
- position: relative;
51
- display: flex;
52
- justify-content: space-between;
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: ${"var(--ds-space-250, 20px)"} 0;
62
- display: flex;
63
- justify-content: space-between;
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
- background-color: ${`var(--ds-background-neutral, ${colors.N20})`};
85
- border-radius: ${"var(--ds-border-radius, 3px)"};
86
- width: ${"var(--ds-space-300, 24px)"};
87
- display: inline-block;
88
- height: ${"var(--ds-space-300, 24px)"};
89
- line-height: 24px;
90
- text-align: center;
91
- `;
92
- export const codeMd = css`
93
- background-color: ${`var(--ds-background-neutral, ${colors.N20})`};
94
- border-radius: ${"var(--ds-border-radius, 3px)"};
95
- display: inline-block;
96
- height: ${"var(--ds-space-300, 24px)"};
97
- line-height: 24px;
98
- width: 50px;
99
- text-align: center;
100
- `;
101
- export const codeLg = css`
102
- background-color: ${`var(--ds-background-neutral, ${colors.N20})`};
103
- border-radius: ${"var(--ds-border-radius, 3px)"};
104
- display: inline-block;
105
- height: ${"var(--ds-space-300, 24px)"};
106
- line-height: ${"var(--ds-space-300, 24px)"};
107
- padding: 0 ${"var(--ds-space-150, 12px)"};
108
- text-align: center;
109
- `;
110
- export const shortcutsArray = css`
111
- display: flex;
112
- flex-direction: column;
113
- flex-shrink: 0;
114
- gap: ${"var(--ds-space-150, 12px)"};
115
- `;
116
- export const componentFromKeymapWrapperStyles = css`
117
- flex-shrink: 0;
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(_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)");
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"])));
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(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin: ", " 0;\n display: flex;\n justify-content: space-between;\n"])), "var(--ds-space-250, 20px)");
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(_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)");
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)");
41
- export var componentFromKeymapWrapperStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n"])));
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.2",
3
+ "version": "1.2.0",
4
4
  "description": "Help Dialog plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -32,10 +32,10 @@
32
32
  ".": "./src/index.ts"
33
33
  },
34
34
  "dependencies": {
35
- "@atlaskit/editor-common": "^78.30.0",
36
- "@atlaskit/editor-plugin-analytics": "^1.0.0",
37
- "@atlaskit/editor-plugin-quick-insert": "^1.0.0",
38
- "@atlaskit/editor-prosemirror": "3.0.0",
35
+ "@atlaskit/editor-common": "^78.31.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
39
  "@atlaskit/editor-shared-styles": "^2.9.0",
40
40
  "@atlaskit/icon": "^22.1.0",
41
41
  "@atlaskit/modal-dialog": "^12.11.0",