@atlaskit/renderer 128.3.7 → 128.3.9
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 +20 -0
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +9 -8
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +8 -5
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +9 -8
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +7 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 128.3.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a5d5b5c29ef5d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5d5b5c29ef5d) -
|
|
8
|
+
Move smallTextStyle CSS custom property from css prop to style prop for consistency with other UGC
|
|
9
|
+
font tokens
|
|
10
|
+
|
|
11
|
+
Fix extra top margin for small text in nested renderer blocks
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 128.3.8
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`85bf86ad39118`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85bf86ad39118) -
|
|
20
|
+
Replace deprecated @atlaskit/navigation-next with @atlaskit/navigation-system in renderer examples
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
3
23
|
## 128.3.7
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -35,6 +35,8 @@ var _css8, _$concat3, _$concat6;
|
|
|
35
35
|
* @jsx jsx
|
|
36
36
|
*/
|
|
37
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
38
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
39
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
38
40
|
var wrappedMediaBreakoutPoint = 410;
|
|
39
41
|
var TELEPOINTER_ID = 'ai-streaming-telepointer';
|
|
40
42
|
var tableShadowWidth = 32;
|
|
@@ -51,9 +53,6 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
|
|
|
51
53
|
var baseFontStyle = (0, _react.css)({
|
|
52
54
|
font: (0, _ugcTokens.editorUGCToken)('editor.font.body')
|
|
53
55
|
});
|
|
54
|
-
var smallTextStyle = (0, _react.css)({
|
|
55
|
-
'--ak-renderer-editor-font-small-text': (0, _ugcTokens.editorUGCToken)('editor.font.body.small')
|
|
56
|
-
});
|
|
57
56
|
var fontSizeStyles = (0, _react.css)({
|
|
58
57
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
59
58
|
'.fabric-editor-font-size': {
|
|
@@ -773,7 +772,7 @@ var indentationSharedStylesWithMarginFix = (0, _react.css)({
|
|
|
773
772
|
}
|
|
774
773
|
}
|
|
775
774
|
});
|
|
776
|
-
var blockMarksSharedStylesDuplicateAnchor = (0, _react.css)((0, _defineProperty2.default)({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
775
|
+
var blockMarksSharedStylesDuplicateAnchor = (0, _react.css)((0, _defineProperty2.default)({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.fabric-editor-font-size:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
777
776
|
'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
|
|
778
777
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
779
778
|
':first-child:not(style), style:first-child + *': {
|
|
@@ -781,7 +780,7 @@ var blockMarksSharedStylesDuplicateAnchor = (0, _react.css)((0, _defineProperty2
|
|
|
781
780
|
}
|
|
782
781
|
}
|
|
783
782
|
}));
|
|
784
|
-
var blockMarksSharedStyles = (0, _react.css)((0, _defineProperty2.default)({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
783
|
+
var blockMarksSharedStyles = (0, _react.css)((0, _defineProperty2.default)({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.fabric-editor-font-size:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
785
784
|
'p, .heading-wrapper': {
|
|
786
785
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
787
786
|
':first-child:not(style), style:first-child + *': {
|
|
@@ -2018,7 +2017,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2018
2017
|
ref: innerRef,
|
|
2019
2018
|
onClick: onClick,
|
|
2020
2019
|
onMouseDown: onMouseDown,
|
|
2021
|
-
style: {
|
|
2020
|
+
style: _objectSpread({
|
|
2022
2021
|
'--ak-renderer-base-font-size': "".concat(baseFontSize, "px"),
|
|
2023
2022
|
'--ak-renderer-editor-font-heading-h1': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h1')),
|
|
2024
2023
|
'--ak-renderer-editor-font-heading-h2': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h2')),
|
|
@@ -2027,8 +2026,10 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2027
2026
|
'--ak-renderer-editor-font-heading-h5': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h5')),
|
|
2028
2027
|
'--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
|
|
2029
2028
|
'--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
|
|
2030
|
-
},
|
|
2031
|
-
|
|
2029
|
+
}, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && {
|
|
2030
|
+
'--ak-renderer-editor-font-small-text': (0, _ugcTokens.editorUGCToken)('editor.font.body.small')
|
|
2031
|
+
}),
|
|
2032
|
+
css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2032
2033
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2033
2034
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && ((0, _expValEquals.expValEquals)('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2034
2035
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
71
71
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
72
72
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
73
73
|
var packageName = "@atlaskit/renderer";
|
|
74
|
-
var packageVersion = "128.3.
|
|
74
|
+
var packageVersion = "128.3.8";
|
|
75
75
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
76
76
|
containerName: 'ak-renderer-wrapper',
|
|
77
77
|
containerType: 'inline-size'
|
|
@@ -42,9 +42,6 @@ const isBackgroundClipBrowserFixNeeded = () => {
|
|
|
42
42
|
const baseFontStyle = css({
|
|
43
43
|
font: editorUGCToken('editor.font.body')
|
|
44
44
|
});
|
|
45
|
-
const smallTextStyle = css({
|
|
46
|
-
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
47
|
-
});
|
|
48
45
|
const fontSizeStyles = css({
|
|
49
46
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
50
47
|
'.fabric-editor-font-size': {
|
|
@@ -907,6 +904,7 @@ const blockMarksSharedStylesDuplicateAnchor = css({
|
|
|
907
904
|
:not(.fabric-editor-indentation-mark)
|
|
908
905
|
:not(.fabric-editor-alignment),
|
|
909
906
|
.fabric-editor-alignment:first-of-type:first-child,
|
|
907
|
+
.fabric-editor-font-size:first-of-type:first-child,
|
|
910
908
|
.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child`]: {
|
|
911
909
|
'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
|
|
912
910
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
@@ -927,6 +925,7 @@ const blockMarksSharedStyles = css({
|
|
|
927
925
|
:not(.fabric-editor-indentation-mark)
|
|
928
926
|
:not(.fabric-editor-alignment),
|
|
929
927
|
.fabric-editor-alignment:first-of-type:first-child,
|
|
928
|
+
.fabric-editor-font-size:first-of-type:first-child,
|
|
930
929
|
.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child`]: {
|
|
931
930
|
'p, .heading-wrapper': {
|
|
932
931
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
@@ -2569,9 +2568,13 @@ export const RendererStyleContainer = props => {
|
|
|
2569
2568
|
'--ak-renderer-editor-font-heading-h4': `${editorUGCToken('editor.font.heading.h4')}`,
|
|
2570
2569
|
'--ak-renderer-editor-font-heading-h5': `${editorUGCToken('editor.font.heading.h5')}`,
|
|
2571
2570
|
'--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
|
|
2572
|
-
'--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}
|
|
2571
|
+
'--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`,
|
|
2572
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
|
|
2573
|
+
...(expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
|
|
2574
|
+
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
2575
|
+
})
|
|
2573
2576
|
},
|
|
2574
|
-
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) &&
|
|
2577
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2575
2578
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2576
2579
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2577
2580
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
57
57
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
58
58
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
59
59
|
const packageName = "@atlaskit/renderer";
|
|
60
|
-
const packageVersion = "128.3.
|
|
60
|
+
const packageVersion = "128.3.8";
|
|
61
61
|
const setAsQueryContainerStyles = css({
|
|
62
62
|
containerName: 'ak-renderer-wrapper',
|
|
63
63
|
containerType: 'inline-size'
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
var _css8, _$concat3, _$concat6;
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
5
|
/* eslint-disable @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
4
6
|
/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
|
|
5
7
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values */
|
|
@@ -44,9 +46,6 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
|
|
|
44
46
|
var baseFontStyle = css({
|
|
45
47
|
font: editorUGCToken('editor.font.body')
|
|
46
48
|
});
|
|
47
|
-
var smallTextStyle = css({
|
|
48
|
-
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
49
|
-
});
|
|
50
49
|
var fontSizeStyles = css({
|
|
51
50
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
52
51
|
'.fabric-editor-font-size': {
|
|
@@ -766,7 +765,7 @@ var indentationSharedStylesWithMarginFix = css({
|
|
|
766
765
|
}
|
|
767
766
|
}
|
|
768
767
|
});
|
|
769
|
-
var blockMarksSharedStylesDuplicateAnchor = css(_defineProperty({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
768
|
+
var blockMarksSharedStylesDuplicateAnchor = css(_defineProperty({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.fabric-editor-font-size:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
770
769
|
'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
|
|
771
770
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
772
771
|
':first-child:not(style), style:first-child + *': {
|
|
@@ -774,7 +773,7 @@ var blockMarksSharedStylesDuplicateAnchor = css(_defineProperty({}, "*:not(.fabr
|
|
|
774
773
|
}
|
|
775
774
|
}
|
|
776
775
|
}));
|
|
777
|
-
var blockMarksSharedStyles = css(_defineProperty({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
776
|
+
var blockMarksSharedStyles = css(_defineProperty({}, "*:not(.fabric-editor-block-mark) >,\n \t*:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n\t:not(.fabric-editor-indentation-mark)\n\t:not(.fabric-editor-alignment),\n \t.fabric-editor-alignment:first-of-type:first-child,\n \t.fabric-editor-font-size:first-of-type:first-child,\n \t.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child", {
|
|
778
777
|
'p, .heading-wrapper': {
|
|
779
778
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
780
779
|
':first-child:not(style), style:first-child + *': {
|
|
@@ -2011,7 +2010,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2011
2010
|
ref: innerRef,
|
|
2012
2011
|
onClick: onClick,
|
|
2013
2012
|
onMouseDown: onMouseDown,
|
|
2014
|
-
style: {
|
|
2013
|
+
style: _objectSpread({
|
|
2015
2014
|
'--ak-renderer-base-font-size': "".concat(baseFontSize, "px"),
|
|
2016
2015
|
'--ak-renderer-editor-font-heading-h1': "".concat(editorUGCToken('editor.font.heading.h1')),
|
|
2017
2016
|
'--ak-renderer-editor-font-heading-h2': "".concat(editorUGCToken('editor.font.heading.h2')),
|
|
@@ -2020,8 +2019,10 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
2020
2019
|
'--ak-renderer-editor-font-heading-h5': "".concat(editorUGCToken('editor.font.heading.h5')),
|
|
2021
2020
|
'--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
|
|
2022
2021
|
'--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
|
|
2023
|
-
},
|
|
2024
|
-
|
|
2022
|
+
}, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
|
|
2023
|
+
'--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
|
|
2024
|
+
}),
|
|
2025
|
+
css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
|
|
2025
2026
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2026
2027
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2027
2028
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
62
62
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
63
63
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
64
64
|
var packageName = "@atlaskit/renderer";
|
|
65
|
-
var packageVersion = "128.3.
|
|
65
|
+
var packageVersion = "128.3.8";
|
|
66
66
|
var setAsQueryContainerStyles = css({
|
|
67
67
|
containerName: 'ak-renderer-wrapper',
|
|
68
68
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "128.3.
|
|
3
|
+
"version": "128.3.9",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@atlaskit/status": "^3.1.0",
|
|
60
60
|
"@atlaskit/task-decision": "^19.3.0",
|
|
61
61
|
"@atlaskit/theme": "^22.0.0",
|
|
62
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^48.0.0",
|
|
63
63
|
"@atlaskit/tokens": "^11.3.0",
|
|
64
64
|
"@atlaskit/tooltip": "^21.0.0",
|
|
65
65
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"uuid": "^3.1.0"
|
|
74
74
|
},
|
|
75
75
|
"peerDependencies": {
|
|
76
|
-
"@atlaskit/editor-common": "^112.
|
|
76
|
+
"@atlaskit/editor-common": "^112.11.0",
|
|
77
77
|
"@atlaskit/link-provider": "^4.3.0",
|
|
78
78
|
"@atlaskit/media-core": "^37.0.0",
|
|
79
79
|
"react": "^18.2.0",
|
|
@@ -90,9 +90,10 @@
|
|
|
90
90
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
91
91
|
"@atlaskit/media-test-helpers": "^40.0.0",
|
|
92
92
|
"@atlaskit/mention": "^24.6.0",
|
|
93
|
-
"@atlaskit/modal-dialog": "^14.
|
|
94
|
-
"@atlaskit/navigation-
|
|
95
|
-
"@atlaskit/profilecard": "^24.
|
|
93
|
+
"@atlaskit/modal-dialog": "^14.13.0",
|
|
94
|
+
"@atlaskit/navigation-system": "^7.1.0",
|
|
95
|
+
"@atlaskit/profilecard": "^24.45.0",
|
|
96
|
+
"@atlaskit/side-nav-items": "^1.12.0",
|
|
96
97
|
"@atlaskit/util-data-test": "^18.5.0",
|
|
97
98
|
"@atlassian/a11y-jest-testing": "^0.10.0",
|
|
98
99
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|