@atlaskit/editor-core 217.6.4 → 217.7.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 +21 -0
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/fontSizeStyles.js +21 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/fontSizeStyles.js +21 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/fontSizeStyles.js +21 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 217.7.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7ba3e1eb9de75`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ba3e1eb9de75) -
|
|
8
|
+
[ux] Fix top border corners being cut off in comment boxes in Jira
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 217.7.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [`f30780a78f02c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f30780a78f02c) -
|
|
16
|
+
Fix list item markers not inheriting font-size when small text is applied. Propagate font-size to
|
|
17
|
+
li and blockTaskItem elements via CSS :has() so the ::marker pseudo-element renders at the correct
|
|
18
|
+
size, while resetting the inner block mark to prevent double-application.
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- Updated dependencies
|
|
23
|
+
|
|
3
24
|
## 217.6.4
|
|
4
25
|
|
|
5
26
|
### Patch Changes
|
|
@@ -111,7 +111,7 @@ var StickyToolbar = function StickyToolbar(props) {
|
|
|
111
111
|
return (
|
|
112
112
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
113
113
|
(0, _react2.jsx)("div", {
|
|
114
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding]
|
|
114
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, (0, _expValEquals.expValEquals)('platform_editor_fix_comment_border', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, (0, _expValEquals.expValEquals)('platform_editor_fix_comment_border', 'isEnabled', true) && !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
|
|
115
115
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
116
116
|
,
|
|
117
117
|
style: {
|
|
@@ -18,6 +18,27 @@ var fontSizeStyles = exports.fontSizeStyles = (0, _react.css)({
|
|
|
18
18
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
19
19
|
font: 'var(--editor-font-ugc-token-body-small)'
|
|
20
20
|
}
|
|
21
|
+
},
|
|
22
|
+
// Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
|
|
23
|
+
// Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
|
|
24
|
+
// into nested lists and compound the sizing at each nesting level.
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
26
|
+
"li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
28
|
+
font: 'var(--editor-font-ugc-token-body-small)'
|
|
29
|
+
},
|
|
30
|
+
// For blockTaskItem nodes: propagate font-size to the task container so the
|
|
31
|
+
// checkbox and layout align with the content size. Reset on the inner mark to avoid
|
|
32
|
+
// double-applying.
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
34
|
+
"[data-prosemirror-node-name='blockTaskItem']:has(.fabric-editor-font-size[data-font-size='small'])": {
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
36
|
+
font: 'var(--editor-font-ugc-token-body-small)',
|
|
37
|
+
// Reset the inner block mark so the font value is not applied twice
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
39
|
+
'.fabric-editor-font-size': {
|
|
40
|
+
font: 'inherit'
|
|
41
|
+
}
|
|
21
42
|
}
|
|
22
43
|
}
|
|
23
44
|
});
|
|
@@ -105,7 +105,7 @@ const StickyToolbar = props => {
|
|
|
105
105
|
return (
|
|
106
106
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
107
107
|
jsx("div", {
|
|
108
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding]
|
|
108
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
|
|
109
109
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
110
110
|
,
|
|
111
111
|
style: {
|
|
@@ -11,6 +11,27 @@ export const fontSizeStyles = css({
|
|
|
11
11
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
12
12
|
font: 'var(--editor-font-ugc-token-body-small)'
|
|
13
13
|
}
|
|
14
|
+
},
|
|
15
|
+
// Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
|
|
16
|
+
// Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
|
|
17
|
+
// into nested lists and compound the sizing at each nesting level.
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
19
|
+
"li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
21
|
+
font: 'var(--editor-font-ugc-token-body-small)'
|
|
22
|
+
},
|
|
23
|
+
// For blockTaskItem nodes: propagate font-size to the task container so the
|
|
24
|
+
// checkbox and layout align with the content size. Reset on the inner mark to avoid
|
|
25
|
+
// double-applying.
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
27
|
+
"[data-prosemirror-node-name='blockTaskItem']:has(.fabric-editor-font-size[data-font-size='small'])": {
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
29
|
+
font: 'var(--editor-font-ugc-token-body-small)',
|
|
30
|
+
// Reset the inner block mark so the font value is not applied twice
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
32
|
+
'.fabric-editor-font-size': {
|
|
33
|
+
font: 'inherit'
|
|
34
|
+
}
|
|
14
35
|
}
|
|
15
36
|
}
|
|
16
37
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "
|
|
2
|
+
export const version = "0.0.0-development";
|
|
@@ -102,7 +102,7 @@ var StickyToolbar = function StickyToolbar(props) {
|
|
|
102
102
|
return (
|
|
103
103
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
104
104
|
jsx("div", {
|
|
105
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding]
|
|
105
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
|
|
106
106
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
107
107
|
,
|
|
108
108
|
style: {
|
|
@@ -11,6 +11,27 @@ export var fontSizeStyles = css({
|
|
|
11
11
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
12
12
|
font: 'var(--editor-font-ugc-token-body-small)'
|
|
13
13
|
}
|
|
14
|
+
},
|
|
15
|
+
// Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
|
|
16
|
+
// Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
|
|
17
|
+
// into nested lists and compound the sizing at each nesting level.
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
19
|
+
"li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
21
|
+
font: 'var(--editor-font-ugc-token-body-small)'
|
|
22
|
+
},
|
|
23
|
+
// For blockTaskItem nodes: propagate font-size to the task container so the
|
|
24
|
+
// checkbox and layout align with the content size. Reset on the inner mark to avoid
|
|
25
|
+
// double-applying.
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
27
|
+
"[data-prosemirror-node-name='blockTaskItem']:has(.fabric-editor-font-size[data-font-size='small'])": {
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
29
|
+
font: 'var(--editor-font-ugc-token-body-small)',
|
|
30
|
+
// Reset the inner block mark so the font value is not applied twice
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
32
|
+
'.fabric-editor-font-size': {
|
|
33
|
+
font: 'inherit'
|
|
34
|
+
}
|
|
14
35
|
}
|
|
15
36
|
}
|
|
16
37
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "
|
|
2
|
+
export var version = "0.0.0-development";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "217.
|
|
3
|
+
"version": "217.7.1",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
"@atlaskit/mention": "^24.6.0",
|
|
65
65
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
66
66
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
67
|
-
"@atlaskit/react-ufo": "^5.
|
|
67
|
+
"@atlaskit/react-ufo": "^5.6.0",
|
|
68
68
|
"@atlaskit/task-decision": "^19.3.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^48.
|
|
70
|
-
"@atlaskit/tokens": "^11.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^48.2.0",
|
|
70
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
71
71
|
"@atlaskit/tooltip": "^21.0.0",
|
|
72
72
|
"@atlaskit/width-detector": "^5.0.0",
|
|
73
73
|
"@babel/runtime": "^7.0.0",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"uuid": "^3.1.0"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
|
-
"@atlaskit/editor-common": "^112.
|
|
86
|
+
"@atlaskit/editor-common": "^112.12.0",
|
|
87
87
|
"@atlaskit/link-provider": "^4.3.0",
|
|
88
88
|
"@atlaskit/media-core": "^37.0.0",
|
|
89
89
|
"react": "^18.2.0",
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
108
108
|
"@atlaskit/media-test-helpers": "^40.0.0",
|
|
109
109
|
"@atlaskit/modal-dialog": "^14.13.0",
|
|
110
|
-
"@atlaskit/renderer": "^128.
|
|
110
|
+
"@atlaskit/renderer": "^128.4.0",
|
|
111
111
|
"@atlaskit/section-message": "^8.12.0",
|
|
112
112
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
113
113
|
"@atlaskit/toggle": "^15.2.0",
|