@atlaskit/renderer 124.4.2 → 124.4.4
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 +16 -0
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +28 -2
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +29 -3
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +29 -3
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 124.4.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`c8fcf531a86b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c8fcf531a86b8) -
|
|
8
|
+
[ux] Scale status in smart link inside excerpt when content in dense mode
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 124.4.3
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`83f9f7557b327`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/83f9f7557b327) -
|
|
16
|
+
[EDITOR-2007] Scale paragraph margins based on paragraph size
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 124.4.2
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -532,6 +532,8 @@ var ruleSharedStyles = (0, _react.css)({
|
|
|
532
532
|
borderRadius: "var(--ds-radius-full, 9999px)"
|
|
533
533
|
}
|
|
534
534
|
});
|
|
535
|
+
|
|
536
|
+
// When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
|
|
535
537
|
var paragraphSharedStylesWithEditorUGC = (0, _react.css)({
|
|
536
538
|
'& p': {
|
|
537
539
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -540,6 +542,14 @@ var paragraphSharedStylesWithEditorUGC = (0, _react.css)({
|
|
|
540
542
|
marginBottom: 0
|
|
541
543
|
}
|
|
542
544
|
});
|
|
545
|
+
var paragraphStylesUGCScaledMargin = (0, _react.css)({
|
|
546
|
+
'& p': {
|
|
547
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
548
|
+
font: "var(--ak-renderer-editor-font-normal-text)",
|
|
549
|
+
marginTop: _editorSharedStyles.scaledBlockNodesVerticalMargin,
|
|
550
|
+
marginBottom: 0
|
|
551
|
+
}
|
|
552
|
+
});
|
|
543
553
|
var paragraphSharedStyles = (0, _react.css)({
|
|
544
554
|
'& p': {
|
|
545
555
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -553,6 +563,21 @@ var paragraphSharedStyles = (0, _react.css)({
|
|
|
553
563
|
letterSpacing: '-0.005em'
|
|
554
564
|
}
|
|
555
565
|
});
|
|
566
|
+
|
|
567
|
+
// When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
|
|
568
|
+
var paragraphSharedStyleScaledMargin = (0, _react.css)({
|
|
569
|
+
'& p': {
|
|
570
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
571
|
+
fontSize: '1em',
|
|
572
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
573
|
+
lineHeight: _editorSharedStyles.akEditorLineHeight,
|
|
574
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
575
|
+
marginTop: _editorSharedStyles.scaledBlockNodesVerticalMargin,
|
|
576
|
+
marginBottom: 0,
|
|
577
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
578
|
+
letterSpacing: '-0.005em'
|
|
579
|
+
}
|
|
580
|
+
});
|
|
556
581
|
var listsSharedStyles = (0, _react.css)((_css8 = {
|
|
557
582
|
/* =============== INDENTATION SPACING ========= */
|
|
558
583
|
'ul, ol': {
|
|
@@ -691,7 +716,8 @@ var codeMarkSharedStyles = (0, _react.css)({
|
|
|
691
716
|
}
|
|
692
717
|
});
|
|
693
718
|
var extensionStyle = (0, _react.css)({
|
|
694
|
-
|
|
719
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
720
|
+
'.ak-renderer-extension :not([data-inline-card-lozenge] *)': {
|
|
695
721
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
696
722
|
fontSize: 'var(--ak-renderer-base-font-size)'
|
|
697
723
|
}
|
|
@@ -1550,7 +1576,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
1550
1576
|
'--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
|
|
1551
1577
|
'--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
|
|
1552
1578
|
},
|
|
1553
|
-
css: [baseStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && denseEmojiStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, !(0, _platformFeatureFlags.fg)('aifc_create_enabled') && telepointerStyles, (0, _platformFeatureFlags.fg)('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, _browser.browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, (0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1579
|
+
css: [baseStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && denseEmojiStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, !(0, _platformFeatureFlags.fg)('aifc_create_enabled') && telepointerStyles, (0, _platformFeatureFlags.fg)('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, _browser.browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, (0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1554
1580
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
1555
1581
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, (0, _platformFeatureFlags.fg)('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
|
|
1556
1582
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
68
68
|
// we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
|
|
69
69
|
var TABLE_WIDTH_INFO_TIMEOUT = 10000;
|
|
70
70
|
var packageName = "@atlaskit/renderer";
|
|
71
|
-
var packageVersion = "124.4.
|
|
71
|
+
var packageVersion = "124.4.3";
|
|
72
72
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
73
73
|
containerName: 'ak-renderer-wrapper',
|
|
74
74
|
containerType: 'inline-size'
|
|
@@ -13,7 +13,7 @@ import { FullPagePadding } from './style';
|
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
14
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
15
15
|
import { RendererCssClassName } from '../../consts';
|
|
16
|
-
import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
|
|
16
|
+
import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
|
|
17
17
|
import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
|
|
18
18
|
import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
|
|
19
19
|
import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
@@ -608,6 +608,8 @@ const ruleSharedStyles = css({
|
|
|
608
608
|
borderRadius: "var(--ds-radius-full, 9999px)"
|
|
609
609
|
}
|
|
610
610
|
});
|
|
611
|
+
|
|
612
|
+
// When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
|
|
611
613
|
const paragraphSharedStylesWithEditorUGC = css({
|
|
612
614
|
'& p': {
|
|
613
615
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -616,6 +618,14 @@ const paragraphSharedStylesWithEditorUGC = css({
|
|
|
616
618
|
marginBottom: 0
|
|
617
619
|
}
|
|
618
620
|
});
|
|
621
|
+
const paragraphStylesUGCScaledMargin = css({
|
|
622
|
+
'& p': {
|
|
623
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
624
|
+
font: `var(--ak-renderer-editor-font-normal-text)`,
|
|
625
|
+
marginTop: scaledBlockNodesVerticalMargin,
|
|
626
|
+
marginBottom: 0
|
|
627
|
+
}
|
|
628
|
+
});
|
|
619
629
|
const paragraphSharedStyles = css({
|
|
620
630
|
'& p': {
|
|
621
631
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -629,6 +639,21 @@ const paragraphSharedStyles = css({
|
|
|
629
639
|
letterSpacing: '-0.005em'
|
|
630
640
|
}
|
|
631
641
|
});
|
|
642
|
+
|
|
643
|
+
// When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
|
|
644
|
+
const paragraphSharedStyleScaledMargin = css({
|
|
645
|
+
'& p': {
|
|
646
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
647
|
+
fontSize: '1em',
|
|
648
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
649
|
+
lineHeight: akEditorLineHeight,
|
|
650
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
651
|
+
marginTop: scaledBlockNodesVerticalMargin,
|
|
652
|
+
marginBottom: 0,
|
|
653
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
654
|
+
letterSpacing: '-0.005em'
|
|
655
|
+
}
|
|
656
|
+
});
|
|
632
657
|
const listsSharedStyles = css({
|
|
633
658
|
/* =============== INDENTATION SPACING ========= */
|
|
634
659
|
'ul, ol': {
|
|
@@ -798,7 +823,8 @@ const codeMarkSharedStyles = css({
|
|
|
798
823
|
}
|
|
799
824
|
});
|
|
800
825
|
const extensionStyle = css({
|
|
801
|
-
|
|
826
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
827
|
+
'.ak-renderer-extension :not([data-inline-card-lozenge] *)': {
|
|
802
828
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
803
829
|
fontSize: 'var(--ak-renderer-base-font-size)'
|
|
804
830
|
}
|
|
@@ -1959,7 +1985,7 @@ export const RendererStyleContainer = props => {
|
|
|
1959
1985
|
'--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
|
|
1960
1986
|
'--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`
|
|
1961
1987
|
},
|
|
1962
|
-
css: [baseStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseEmojiStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, !fg('aifc_create_enabled') && telepointerStyles, fg('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && extensionStyle, fg('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1988
|
+
css: [baseStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseEmojiStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, !fg('aifc_create_enabled') && telepointerStyles, fg('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && extensionStyle, fg('platform_editor_typography_ugc') ? expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1963
1989
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
1964
1990
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, fg('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
|
|
1965
1991
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
54
54
|
// we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
|
|
55
55
|
const TABLE_WIDTH_INFO_TIMEOUT = 10000;
|
|
56
56
|
const packageName = "@atlaskit/renderer";
|
|
57
|
-
const packageVersion = "124.4.
|
|
57
|
+
const packageVersion = "124.4.3";
|
|
58
58
|
const setAsQueryContainerStyles = css({
|
|
59
59
|
containerName: 'ak-renderer-wrapper',
|
|
60
60
|
containerType: 'inline-size'
|
|
@@ -15,7 +15,7 @@ import { FullPagePadding } from './style';
|
|
|
15
15
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
16
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
17
17
|
import { RendererCssClassName } from '../../consts';
|
|
18
|
-
import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
|
|
18
|
+
import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
|
|
19
19
|
import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
|
|
20
20
|
import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
|
|
21
21
|
import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
@@ -525,6 +525,8 @@ var ruleSharedStyles = css({
|
|
|
525
525
|
borderRadius: "var(--ds-radius-full, 9999px)"
|
|
526
526
|
}
|
|
527
527
|
});
|
|
528
|
+
|
|
529
|
+
// When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
|
|
528
530
|
var paragraphSharedStylesWithEditorUGC = css({
|
|
529
531
|
'& p': {
|
|
530
532
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -533,6 +535,14 @@ var paragraphSharedStylesWithEditorUGC = css({
|
|
|
533
535
|
marginBottom: 0
|
|
534
536
|
}
|
|
535
537
|
});
|
|
538
|
+
var paragraphStylesUGCScaledMargin = css({
|
|
539
|
+
'& p': {
|
|
540
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
541
|
+
font: "var(--ak-renderer-editor-font-normal-text)",
|
|
542
|
+
marginTop: scaledBlockNodesVerticalMargin,
|
|
543
|
+
marginBottom: 0
|
|
544
|
+
}
|
|
545
|
+
});
|
|
536
546
|
var paragraphSharedStyles = css({
|
|
537
547
|
'& p': {
|
|
538
548
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -546,6 +556,21 @@ var paragraphSharedStyles = css({
|
|
|
546
556
|
letterSpacing: '-0.005em'
|
|
547
557
|
}
|
|
548
558
|
});
|
|
559
|
+
|
|
560
|
+
// When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
|
|
561
|
+
var paragraphSharedStyleScaledMargin = css({
|
|
562
|
+
'& p': {
|
|
563
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
564
|
+
fontSize: '1em',
|
|
565
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
566
|
+
lineHeight: akEditorLineHeight,
|
|
567
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
568
|
+
marginTop: scaledBlockNodesVerticalMargin,
|
|
569
|
+
marginBottom: 0,
|
|
570
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
571
|
+
letterSpacing: '-0.005em'
|
|
572
|
+
}
|
|
573
|
+
});
|
|
549
574
|
var listsSharedStyles = css((_css8 = {
|
|
550
575
|
/* =============== INDENTATION SPACING ========= */
|
|
551
576
|
'ul, ol': {
|
|
@@ -684,7 +709,8 @@ var codeMarkSharedStyles = css({
|
|
|
684
709
|
}
|
|
685
710
|
});
|
|
686
711
|
var extensionStyle = css({
|
|
687
|
-
|
|
712
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
713
|
+
'.ak-renderer-extension :not([data-inline-card-lozenge] *)': {
|
|
688
714
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
689
715
|
fontSize: 'var(--ak-renderer-base-font-size)'
|
|
690
716
|
}
|
|
@@ -1543,7 +1569,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
1543
1569
|
'--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
|
|
1544
1570
|
'--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
|
|
1545
1571
|
},
|
|
1546
|
-
css: [baseStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseEmojiStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, !fg('aifc_create_enabled') && telepointerStyles, fg('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && extensionStyle, fg('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1572
|
+
css: [baseStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseEmojiStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, !fg('aifc_create_enabled') && telepointerStyles, fg('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && extensionStyle, fg('platform_editor_typography_ugc') ? expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1547
1573
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
1548
1574
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, fg('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
|
|
1549
1575
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
59
59
|
// we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
|
|
60
60
|
var TABLE_WIDTH_INFO_TIMEOUT = 10000;
|
|
61
61
|
var packageName = "@atlaskit/renderer";
|
|
62
|
-
var packageVersion = "124.4.
|
|
62
|
+
var packageVersion = "124.4.3";
|
|
63
63
|
var setAsQueryContainerStyles = css({
|
|
64
64
|
containerName: 'ak-renderer-wrapper',
|
|
65
65
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "124.4.
|
|
3
|
+
"version": "124.4.4",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
38
38
|
"@atlaskit/editor-shared-styles": "^3.7.0",
|
|
39
39
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
40
|
-
"@atlaskit/emoji": "^69.
|
|
40
|
+
"@atlaskit/emoji": "^69.6.0",
|
|
41
41
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
42
42
|
"@atlaskit/icon": "^28.5.0",
|
|
43
43
|
"@atlaskit/link": "^3.2.0",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"@atlaskit/task-decision": "^19.2.0",
|
|
59
59
|
"@atlaskit/theme": "^21.0.0",
|
|
60
60
|
"@atlaskit/tmp-editor-statsig": "^13.10.0",
|
|
61
|
-
"@atlaskit/tokens": "^6.
|
|
61
|
+
"@atlaskit/tokens": "^6.5.0",
|
|
62
62
|
"@atlaskit/tooltip": "^20.5.0",
|
|
63
63
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
64
64
|
"@babel/runtime": "^7.0.0",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"uuid": "^3.1.0"
|
|
72
72
|
},
|
|
73
73
|
"peerDependencies": {
|
|
74
|
-
"@atlaskit/editor-common": "^110.
|
|
74
|
+
"@atlaskit/editor-common": "^110.12.0",
|
|
75
75
|
"@atlaskit/link-provider": "^4.0.0",
|
|
76
76
|
"@atlaskit/media-core": "^37.0.0",
|
|
77
77
|
"react": "^18.2.0",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"@atlaskit/mention": "^24.3.0",
|
|
93
93
|
"@atlaskit/modal-dialog": "^14.5.0",
|
|
94
94
|
"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
|
|
95
|
-
"@atlaskit/profilecard": "^24.
|
|
95
|
+
"@atlaskit/profilecard": "^24.20.0",
|
|
96
96
|
"@atlaskit/util-data-test": "^18.3.0",
|
|
97
97
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
98
98
|
"@testing-library/react": "^13.4.0",
|