@atlaskit/editor-plugin-block-type 16.1.16 → 16.1.18
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 +12 -0
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/HeadingButton.compiled.css +14 -8
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +8 -32
- package/dist/cjs/pm-plugins/ui/ToolbarBlockType/index.js +2 -2
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/HeadingButton.compiled.css +14 -8
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +8 -32
- package/dist/es2019/pm-plugins/ui/ToolbarBlockType/index.js +1 -1
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/HeadingButton.compiled.css +14 -8
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/HeadingButton.js +8 -32
- package/dist/esm/pm-plugins/ui/ToolbarBlockType/index.js +1 -1
- package/dist/types/pm-plugins/ui/ToolbarBlockType/index.d.ts +2 -2
- package/dist/types/pm-plugins/ui/ToolbarBlockType/styled.d.ts +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
1
|
+
._1c77t7zq font{editor.font.body:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
2
|
+
._1db31m24 font{editor.font.heading.h6:normal 600 .785714em/1.45455 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
3
|
+
._1k511xgx font{editor.font.heading.h3:normal 600 1.14286em/1.25 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
4
|
+
._1obv1fw0 font{editor.font.weight.heading.h1.bold:700}
|
|
5
|
+
._1osd1fw0 font{editor.font.weight.heading.h5.bold:700}
|
|
6
|
+
._1sxz1fw0 font{editor.font.weight.heading.h3.bold:700}
|
|
7
|
+
._1tkzeeh4 font{editor.font.body.small:normal 400 .875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
8
|
+
._1xjn1kpd font{editor.font.heading.h5:normal 600 .857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
9
|
+
._2qeye8o0 font{editor.font.heading.h4:normal 600 1em/1.14286 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
10
|
+
._5vbmmnnt font{editor.font.heading.h2:normal 600 1.42857em/1.2 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
11
|
+
._coj31fw0 font{editor.font.weight.heading.h2.bold:700}
|
|
12
|
+
._djwm111w font{editor.font.heading.h1:normal 600 1.71429em/1.16667 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
13
|
+
._sumi1fw0 font{editor.font.weight.heading.h4.bold:700}
|
|
14
|
+
._yb941fw0 font{editor.font.weight.heading.h6.bold:700}
|
|
@@ -38,60 +38,36 @@ var HeadingText = function HeadingText(_ref) {
|
|
|
38
38
|
switch (headingType) {
|
|
39
39
|
case 'heading1':
|
|
40
40
|
return /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: (0, _runtime.ax)(["
|
|
42
|
-
style: {
|
|
43
|
-
"--_1h4o6ch": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.heading.h1'))
|
|
44
|
-
}
|
|
41
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
45
42
|
}, children);
|
|
46
43
|
case 'heading2':
|
|
47
44
|
return /*#__PURE__*/React.createElement("div", {
|
|
48
|
-
className: (0, _runtime.ax)(["
|
|
49
|
-
style: {
|
|
50
|
-
"--_1kn1hjn": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.heading.h2'))
|
|
51
|
-
}
|
|
45
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
52
46
|
}, children);
|
|
53
47
|
case 'heading3':
|
|
54
48
|
return /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: (0, _runtime.ax)(["
|
|
56
|
-
style: {
|
|
57
|
-
"--_13pg0ac": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.heading.h3'))
|
|
58
|
-
}
|
|
49
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
59
50
|
}, children);
|
|
60
51
|
case 'heading4':
|
|
61
52
|
return /*#__PURE__*/React.createElement("div", {
|
|
62
|
-
className: (0, _runtime.ax)(["
|
|
63
|
-
style: {
|
|
64
|
-
"--_j67hki": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.heading.h4'))
|
|
65
|
-
}
|
|
53
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
66
54
|
}, children);
|
|
67
55
|
case 'heading5':
|
|
68
56
|
return /*#__PURE__*/React.createElement("div", {
|
|
69
|
-
className: (0, _runtime.ax)(["
|
|
70
|
-
style: {
|
|
71
|
-
"--_1d0ko3v": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.heading.h5'))
|
|
72
|
-
}
|
|
57
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
73
58
|
}, children);
|
|
74
59
|
case 'heading6':
|
|
75
60
|
return /*#__PURE__*/React.createElement("div", {
|
|
76
|
-
className: (0, _runtime.ax)(["
|
|
77
|
-
style: {
|
|
78
|
-
"--_1c98jvx": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6'))
|
|
79
|
-
}
|
|
61
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
80
62
|
}, children);
|
|
81
63
|
case 'smallText':
|
|
82
64
|
return /*#__PURE__*/React.createElement("div", {
|
|
83
|
-
className: (0, _runtime.ax)(["
|
|
84
|
-
style: {
|
|
85
|
-
"--_1b6nbh6": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.body.small'))
|
|
86
|
-
}
|
|
65
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
87
66
|
}, children);
|
|
88
67
|
case 'normal':
|
|
89
68
|
default:
|
|
90
69
|
return /*#__PURE__*/React.createElement("div", {
|
|
91
|
-
className: (0, _runtime.ax)(["
|
|
92
|
-
style: {
|
|
93
|
-
"--_goypne": (0, _runtime.ix)((0, _ugcTokens.editorUGCToken)('editor.font.body'))
|
|
94
|
-
}
|
|
70
|
+
className: (0, _runtime.ax)(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
95
71
|
}, children);
|
|
96
72
|
}
|
|
97
73
|
};
|
|
@@ -22,7 +22,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
22
22
|
var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
|
|
23
23
|
var _primitives = require("@atlaskit/primitives");
|
|
24
24
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
25
|
-
var
|
|
25
|
+
var _themeMutationObserver = require("@atlaskit/tokens/theme-mutation-observer");
|
|
26
26
|
var _blockTypes = require("../../block-types");
|
|
27
27
|
var _blocktypeButton = require("./blocktype-button");
|
|
28
28
|
var _styled = require("./styled");
|
|
@@ -166,7 +166,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
166
166
|
key: "componentDidMount",
|
|
167
167
|
value: function componentDidMount() {
|
|
168
168
|
var _this2 = this;
|
|
169
|
-
var observer = new
|
|
169
|
+
var observer = new _themeMutationObserver.ThemeMutationObserver(function (_ref2) {
|
|
170
170
|
var typography = _ref2.typography;
|
|
171
171
|
if (typography !== _this2.state.typographyTheme) {
|
|
172
172
|
_this2.setState({
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
1
|
+
._1c77t7zq font{editor.font.body:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
2
|
+
._1db31m24 font{editor.font.heading.h6:normal 600 .785714em/1.45455 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
3
|
+
._1k511xgx font{editor.font.heading.h3:normal 600 1.14286em/1.25 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
4
|
+
._1obv1fw0 font{editor.font.weight.heading.h1.bold:700}
|
|
5
|
+
._1osd1fw0 font{editor.font.weight.heading.h5.bold:700}
|
|
6
|
+
._1sxz1fw0 font{editor.font.weight.heading.h3.bold:700}
|
|
7
|
+
._1tkzeeh4 font{editor.font.body.small:normal 400 .875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
8
|
+
._1xjn1kpd font{editor.font.heading.h5:normal 600 .857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
9
|
+
._2qeye8o0 font{editor.font.heading.h4:normal 600 1em/1.14286 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
10
|
+
._5vbmmnnt font{editor.font.heading.h2:normal 600 1.42857em/1.2 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
11
|
+
._coj31fw0 font{editor.font.weight.heading.h2.bold:700}
|
|
12
|
+
._djwm111w font{editor.font.heading.h1:normal 600 1.71429em/1.16667 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
13
|
+
._sumi1fw0 font{editor.font.weight.heading.h4.bold:700}
|
|
14
|
+
._yb941fw0 font{editor.font.weight.heading.h6.bold:700}
|
|
@@ -31,60 +31,36 @@ const HeadingText = ({
|
|
|
31
31
|
switch (headingType) {
|
|
32
32
|
case 'heading1':
|
|
33
33
|
return /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: ax(["
|
|
35
|
-
style: {
|
|
36
|
-
"--_1h4o6ch": ix(editorUGCToken('editor.font.heading.h1'))
|
|
37
|
-
}
|
|
34
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
38
35
|
}, children);
|
|
39
36
|
case 'heading2':
|
|
40
37
|
return /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: ax(["
|
|
42
|
-
style: {
|
|
43
|
-
"--_1kn1hjn": ix(editorUGCToken('editor.font.heading.h2'))
|
|
44
|
-
}
|
|
38
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
45
39
|
}, children);
|
|
46
40
|
case 'heading3':
|
|
47
41
|
return /*#__PURE__*/React.createElement("div", {
|
|
48
|
-
className: ax(["
|
|
49
|
-
style: {
|
|
50
|
-
"--_13pg0ac": ix(editorUGCToken('editor.font.heading.h3'))
|
|
51
|
-
}
|
|
42
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
52
43
|
}, children);
|
|
53
44
|
case 'heading4':
|
|
54
45
|
return /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: ax(["
|
|
56
|
-
style: {
|
|
57
|
-
"--_j67hki": ix(editorUGCToken('editor.font.heading.h4'))
|
|
58
|
-
}
|
|
46
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
59
47
|
}, children);
|
|
60
48
|
case 'heading5':
|
|
61
49
|
return /*#__PURE__*/React.createElement("div", {
|
|
62
|
-
className: ax(["
|
|
63
|
-
style: {
|
|
64
|
-
"--_1d0ko3v": ix(editorUGCToken('editor.font.heading.h5'))
|
|
65
|
-
}
|
|
50
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
66
51
|
}, children);
|
|
67
52
|
case 'heading6':
|
|
68
53
|
return /*#__PURE__*/React.createElement("div", {
|
|
69
|
-
className: ax(["
|
|
70
|
-
style: {
|
|
71
|
-
"--_1c98jvx": ix(editorUGCToken('editor.font.heading.h6'))
|
|
72
|
-
}
|
|
54
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
73
55
|
}, children);
|
|
74
56
|
case 'smallText':
|
|
75
57
|
return /*#__PURE__*/React.createElement("div", {
|
|
76
|
-
className: ax(["
|
|
77
|
-
style: {
|
|
78
|
-
"--_1b6nbh6": ix(editorUGCToken('editor.font.body.small'))
|
|
79
|
-
}
|
|
58
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
80
59
|
}, children);
|
|
81
60
|
case 'normal':
|
|
82
61
|
default:
|
|
83
62
|
return /*#__PURE__*/React.createElement("div", {
|
|
84
|
-
className: ax(["
|
|
85
|
-
style: {
|
|
86
|
-
"--_goypne": ix(editorUGCToken('editor.font.body'))
|
|
87
|
-
}
|
|
63
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
88
64
|
}, children);
|
|
89
65
|
}
|
|
90
66
|
};
|
|
@@ -17,7 +17,7 @@ import TextIcon from '@atlaskit/icon/core/text';
|
|
|
17
17
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
18
18
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
19
19
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
20
|
-
import { ThemeMutationObserver } from '@atlaskit/tokens';
|
|
20
|
+
import { ThemeMutationObserver } from '@atlaskit/tokens/theme-mutation-observer';
|
|
21
21
|
import { NORMAL_TEXT } from '../../block-types';
|
|
22
22
|
import { BlockTypeButton } from './blocktype-button';
|
|
23
23
|
import { blockTypeMenuItemStyle, floatingToolbarWrapperStyle, keyboardShortcut, keyboardShortcutSelect } from './styled';
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
1
|
+
._1c77t7zq font{editor.font.body:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
2
|
+
._1db31m24 font{editor.font.heading.h6:normal 600 .785714em/1.45455 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
3
|
+
._1k511xgx font{editor.font.heading.h3:normal 600 1.14286em/1.25 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
4
|
+
._1obv1fw0 font{editor.font.weight.heading.h1.bold:700}
|
|
5
|
+
._1osd1fw0 font{editor.font.weight.heading.h5.bold:700}
|
|
6
|
+
._1sxz1fw0 font{editor.font.weight.heading.h3.bold:700}
|
|
7
|
+
._1tkzeeh4 font{editor.font.body.small:normal 400 .875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
8
|
+
._1xjn1kpd font{editor.font.heading.h5:normal 600 .857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
9
|
+
._2qeye8o0 font{editor.font.heading.h4:normal 600 1em/1.14286 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
10
|
+
._5vbmmnnt font{editor.font.heading.h2:normal 600 1.42857em/1.2 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
11
|
+
._coj31fw0 font{editor.font.weight.heading.h2.bold:700}
|
|
12
|
+
._djwm111w font{editor.font.heading.h1:normal 600 1.71429em/1.16667 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
13
|
+
._sumi1fw0 font{editor.font.weight.heading.h4.bold:700}
|
|
14
|
+
._yb941fw0 font{editor.font.weight.heading.h6.bold:700}
|
|
@@ -30,60 +30,36 @@ var HeadingText = function HeadingText(_ref) {
|
|
|
30
30
|
switch (headingType) {
|
|
31
31
|
case 'heading1':
|
|
32
32
|
return /*#__PURE__*/React.createElement("div", {
|
|
33
|
-
className: ax(["
|
|
34
|
-
style: {
|
|
35
|
-
"--_1h4o6ch": ix(editorUGCToken('editor.font.heading.h1'))
|
|
36
|
-
}
|
|
33
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
37
34
|
}, children);
|
|
38
35
|
case 'heading2':
|
|
39
36
|
return /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
className: ax(["
|
|
41
|
-
style: {
|
|
42
|
-
"--_1kn1hjn": ix(editorUGCToken('editor.font.heading.h2'))
|
|
43
|
-
}
|
|
37
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
44
38
|
}, children);
|
|
45
39
|
case 'heading3':
|
|
46
40
|
return /*#__PURE__*/React.createElement("div", {
|
|
47
|
-
className: ax(["
|
|
48
|
-
style: {
|
|
49
|
-
"--_13pg0ac": ix(editorUGCToken('editor.font.heading.h3'))
|
|
50
|
-
}
|
|
41
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
51
42
|
}, children);
|
|
52
43
|
case 'heading4':
|
|
53
44
|
return /*#__PURE__*/React.createElement("div", {
|
|
54
|
-
className: ax(["
|
|
55
|
-
style: {
|
|
56
|
-
"--_j67hki": ix(editorUGCToken('editor.font.heading.h4'))
|
|
57
|
-
}
|
|
45
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
58
46
|
}, children);
|
|
59
47
|
case 'heading5':
|
|
60
48
|
return /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
className: ax(["
|
|
62
|
-
style: {
|
|
63
|
-
"--_1d0ko3v": ix(editorUGCToken('editor.font.heading.h5'))
|
|
64
|
-
}
|
|
49
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
65
50
|
}, children);
|
|
66
51
|
case 'heading6':
|
|
67
52
|
return /*#__PURE__*/React.createElement("div", {
|
|
68
|
-
className: ax(["
|
|
69
|
-
style: {
|
|
70
|
-
"--_1c98jvx": ix(editorUGCToken('editor.font.heading.h6'))
|
|
71
|
-
}
|
|
53
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
72
54
|
}, children);
|
|
73
55
|
case 'smallText':
|
|
74
56
|
return /*#__PURE__*/React.createElement("div", {
|
|
75
|
-
className: ax(["
|
|
76
|
-
style: {
|
|
77
|
-
"--_1b6nbh6": ix(editorUGCToken('editor.font.body.small'))
|
|
78
|
-
}
|
|
57
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
79
58
|
}, children);
|
|
80
59
|
case 'normal':
|
|
81
60
|
default:
|
|
82
61
|
return /*#__PURE__*/React.createElement("div", {
|
|
83
|
-
className: ax(["
|
|
84
|
-
style: {
|
|
85
|
-
"--_goypne": ix(editorUGCToken('editor.font.body'))
|
|
86
|
-
}
|
|
62
|
+
className: ax(["_djwm111w _5vbmmnnt _1k511xgx _2qeye8o0 _1xjn1kpd _1db31m24 _1c77t7zq _1tkzeeh4 _1obv1fw0 _coj31fw0 _1sxz1fw0 _sumi1fw0 _1osd1fw0 _yb941fw0"])
|
|
87
63
|
}, children);
|
|
88
64
|
}
|
|
89
65
|
};
|
|
@@ -26,7 +26,7 @@ import TextIcon from '@atlaskit/icon/core/text';
|
|
|
26
26
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
27
27
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
28
28
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
29
|
-
import { ThemeMutationObserver } from '@atlaskit/tokens';
|
|
29
|
+
import { ThemeMutationObserver } from '@atlaskit/tokens/theme-mutation-observer';
|
|
30
30
|
import { NORMAL_TEXT } from '../../block-types';
|
|
31
31
|
import { BlockTypeButton } from './blocktype-button';
|
|
32
32
|
import { blockTypeMenuItemStyle, floatingToolbarWrapperStyle, keyboardShortcut, keyboardShortcutSelect } from './styled';
|
|
@@ -7,8 +7,8 @@ import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
|
|
|
7
7
|
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
8
8
|
import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
|
|
9
9
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
10
|
+
import type { ThemeState } from '@atlaskit/tokens/theme-config';
|
|
11
|
+
import { ThemeMutationObserver } from '@atlaskit/tokens/theme-mutation-observer';
|
|
12
12
|
import type { BlockTypePlugin } from '../../../blockTypePluginType';
|
|
13
13
|
import type { TextBlockTypes } from '../../block-types';
|
|
14
14
|
import type { BlockType } from '../../types';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import { type SerializedStyles } from '@emotion/react';
|
|
6
|
-
import {
|
|
6
|
+
import type { ThemeState } from '@atlaskit/tokens/theme-config';
|
|
7
7
|
export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean, typographyTheme?: ThemeState["typography"]) => () => SerializedStyles;
|
|
8
8
|
export declare const keyboardShortcut: SerializedStyles;
|
|
9
9
|
export declare const keyboardShortcutSelect: SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-type",
|
|
3
|
-
"version": "16.1.
|
|
3
|
+
"version": "16.1.18",
|
|
4
4
|
"description": "BlockType plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -34,22 +34,22 @@
|
|
|
34
34
|
"@atlaskit/editor-prosemirror": "^8.0.0",
|
|
35
35
|
"@atlaskit/editor-shared-styles": "^4.0.0",
|
|
36
36
|
"@atlaskit/editor-tables": "^3.0.0",
|
|
37
|
-
"@atlaskit/editor-toolbar": "^2.
|
|
37
|
+
"@atlaskit/editor-toolbar": "^2.2.0",
|
|
38
38
|
"@atlaskit/editor-toolbar-model": "^1.1.0",
|
|
39
|
-
"@atlaskit/icon": "^
|
|
39
|
+
"@atlaskit/icon": "^37.0.0",
|
|
40
40
|
"@atlaskit/icon-lab": "^7.3.0",
|
|
41
41
|
"@atlaskit/platform-feature-flags": "^2.0.0",
|
|
42
|
-
"@atlaskit/primitives": "^20.
|
|
42
|
+
"@atlaskit/primitives": "^20.6.0",
|
|
43
43
|
"@atlaskit/prosemirror-history": "^1.0.0",
|
|
44
44
|
"@atlaskit/prosemirror-input-rules": "^4.0.0",
|
|
45
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
46
|
-
"@atlaskit/tokens": "^15.
|
|
45
|
+
"@atlaskit/tmp-editor-statsig": "^125.0.0",
|
|
46
|
+
"@atlaskit/tokens": "^15.8.0",
|
|
47
47
|
"@babel/runtime": "^7.0.0",
|
|
48
48
|
"@compiled/react": "^0.20.0",
|
|
49
49
|
"@emotion/react": "^11.7.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@atlaskit/editor-common": "^116.
|
|
52
|
+
"@atlaskit/editor-common": "^116.30.0",
|
|
53
53
|
"react": "^18.2.0",
|
|
54
54
|
"react-dom": "^18.2.0",
|
|
55
55
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|