@atlaskit/renderer 133.10.1 → 133.10.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +16 -44
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +17 -45
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/ui/Renderer/RendererStyleContainer.js +17 -45
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +8 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 133.10.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 133.10.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b77b9337a5323`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b77b9337a5323) -
14
+ Clean up platform_editor_typography_ugc in renderer and update affected VR baselines.
15
+ - Updated dependencies
16
+
3
17
  ## 133.10.1
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -54,7 +54,7 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
54
54
  return browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
55
55
  };
56
56
  var baseFontStyle = (0, _react.css)({
57
- font: (0, _ugcTokens.editorUGCToken)('editor.font.body')
57
+ font: _ugcTokens.editorUGCTokensRefreshed['editor.font.body']
58
58
  });
59
59
  var fontSizeStyles = (0, _react.css)({
60
60
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -444,7 +444,7 @@ var headingsSharedStyles = (0, _react.css)({
444
444
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
445
445
  marginTop: '1.45833em',
446
446
  '& strong': {
447
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
447
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
448
448
  fontWeight: "var(--ds-font-weight-bold, 653)"
449
449
  },
450
450
  '&::before': {}
@@ -456,7 +456,7 @@ var headingsSharedStyles = (0, _react.css)({
456
456
  marginTop: '1.4em',
457
457
  marginBottom: 0,
458
458
  '& strong': {
459
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
459
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
460
460
  fontWeight: "var(--ds-font-weight-bold, 653)"
461
461
  }
462
462
  },
@@ -467,7 +467,7 @@ var headingsSharedStyles = (0, _react.css)({
467
467
  marginTop: '1.31249em',
468
468
  marginBottom: 0,
469
469
  '& strong': {
470
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
470
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
471
471
  fontWeight: "var(--ds-font-weight-bold, 653)"
472
472
  }
473
473
  },
@@ -476,7 +476,7 @@ var headingsSharedStyles = (0, _react.css)({
476
476
  font: "var(--ak-renderer-editor-font-heading-h4)",
477
477
  marginTop: "var(--ds-space-250, 20px)",
478
478
  '& strong': {
479
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
479
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
480
480
  fontWeight: "var(--ds-font-weight-bold, 653)"
481
481
  }
482
482
  },
@@ -487,7 +487,7 @@ var headingsSharedStyles = (0, _react.css)({
487
487
  marginTop: '1.45833em',
488
488
  textTransform: 'none',
489
489
  '& strong': {
490
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
490
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
491
491
  fontWeight: "var(--ds-font-weight-bold, 653)"
492
492
  }
493
493
  },
@@ -498,7 +498,7 @@ var headingsSharedStyles = (0, _react.css)({
498
498
  marginTop: '1.59091em',
499
499
  textTransform: 'none',
500
500
  '& strong': {
501
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
501
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
502
502
  fontWeight: "var(--ds-font-weight-bold, 653)"
503
503
  }
504
504
  }
@@ -630,34 +630,6 @@ var paragraphStylesUGCScaledMargin = (0, _react.css)({
630
630
  marginBottom: 0
631
631
  }
632
632
  });
633
- var paragraphSharedStyles = (0, _react.css)({
634
- '& p': {
635
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
636
- fontSize: '1em',
637
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
638
- lineHeight: _editorSharedStyles.akEditorLineHeight,
639
- fontWeight: "var(--ds-font-weight-regular, 400)",
640
- marginTop: _editorSharedStyles.blockNodesVerticalMargin,
641
- marginBottom: 0,
642
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
643
- letterSpacing: '-0.005em'
644
- }
645
- });
646
-
647
- // When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
648
- var paragraphSharedStyleScaledMargin = (0, _react.css)({
649
- '& p': {
650
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
651
- fontSize: '1em',
652
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
653
- lineHeight: _editorSharedStyles.akEditorLineHeight,
654
- fontWeight: "var(--ds-font-weight-regular, 400)",
655
- marginTop: _editorSharedStyles.scaledBlockNodesVerticalMargin,
656
- marginBottom: 0,
657
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
658
- letterSpacing: '-0.005em'
659
- }
660
- });
661
633
  var listsSharedStyles = (0, _react.css)((_css9 = {
662
634
  /* =============== INDENTATION SPACING ========= */
663
635
  'ul, ol': {
@@ -2252,17 +2224,17 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
2252
2224
  onMouseDown: onMouseDown,
2253
2225
  style: _objectSpread({
2254
2226
  '--ak-renderer-base-font-size': "".concat(baseFontSize, "px"),
2255
- '--ak-renderer-editor-font-heading-h1': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h1')),
2256
- '--ak-renderer-editor-font-heading-h2': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h2')),
2257
- '--ak-renderer-editor-font-heading-h3': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h3')),
2258
- '--ak-renderer-editor-font-heading-h4': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h4')),
2259
- '--ak-renderer-editor-font-heading-h5': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h5')),
2260
- '--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
2261
- '--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
2227
+ '--ak-renderer-editor-font-heading-h1': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h1']),
2228
+ '--ak-renderer-editor-font-heading-h2': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h2']),
2229
+ '--ak-renderer-editor-font-heading-h3': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h3']),
2230
+ '--ak-renderer-editor-font-heading-h4': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h4']),
2231
+ '--ak-renderer-editor-font-heading-h5': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h5']),
2232
+ '--ak-renderer-editor-font-heading-h6': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h6']),
2233
+ '--ak-renderer-editor-font-normal-text': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.body'])
2262
2234
  }, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && {
2263
- '--ak-renderer-editor-font-small-text': (0, _ugcTokens.editorUGCToken)('editor.font.body.small')
2235
+ '--ak-renderer-editor-font-small-text': _ugcTokens.editorUGCTokensRefreshed['editor.font.body.small']
2264
2236
  }),
2265
- 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, headingAnchorButtonFocusVisibleStyles, (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' && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : contentMode === 'compact' ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
2237
+ 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, headingAnchorButtonFocusVisibleStyles, (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' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
2266
2238
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
2267
2239
  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),
2268
2240
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -72,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
72
72
  var TABLE_INFO_TIMEOUT = 10000;
73
73
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
74
74
  var packageName = "@atlaskit/renderer";
75
- var packageVersion = "133.10.0";
75
+ var packageVersion = "133.10.2";
76
76
  var setAsQueryContainerStyles = (0, _react2.css)({
77
77
  containerName: 'ak-renderer-wrapper',
78
78
  containerType: 'inline-size'
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -22,7 +22,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
22
22
  import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
23
23
  import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
24
24
  import { LightWeightCodeBlockCssClassName } from '../../react/nodes/codeBlock/components/lightWeightCodeBlock';
25
- import { editorUGCToken } from '@atlaskit/editor-common/ugc-tokens';
25
+ import { editorUGCTokensRefreshed } from '@atlaskit/editor-common/ugc-tokens';
26
26
  import { getBaseFontSize } from './get-base-font-size';
27
27
  import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, defaultInlineEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
28
28
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -43,7 +43,7 @@ const isBackgroundClipBrowserFixNeeded = () => {
43
43
  return browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
44
44
  };
45
45
  const baseFontStyle = css({
46
- font: editorUGCToken('editor.font.body')
46
+ font: editorUGCTokensRefreshed['editor.font.body']
47
47
  });
48
48
  const fontSizeStyles = css({
49
49
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -541,7 +541,7 @@ const headingsSharedStyles = css({
541
541
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
542
542
  marginTop: '1.45833em',
543
543
  '& strong': {
544
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
544
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
545
545
  fontWeight: "var(--ds-font-weight-bold, 653)"
546
546
  },
547
547
  '&::before': {}
@@ -553,7 +553,7 @@ const headingsSharedStyles = css({
553
553
  marginTop: '1.4em',
554
554
  marginBottom: 0,
555
555
  '& strong': {
556
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
556
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
557
557
  fontWeight: "var(--ds-font-weight-bold, 653)"
558
558
  }
559
559
  },
@@ -564,7 +564,7 @@ const headingsSharedStyles = css({
564
564
  marginTop: '1.31249em',
565
565
  marginBottom: 0,
566
566
  '& strong': {
567
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
567
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
568
568
  fontWeight: "var(--ds-font-weight-bold, 653)"
569
569
  }
570
570
  },
@@ -573,7 +573,7 @@ const headingsSharedStyles = css({
573
573
  font: `var(--ak-renderer-editor-font-heading-h4)`,
574
574
  marginTop: "var(--ds-space-250, 20px)",
575
575
  '& strong': {
576
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
576
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
577
577
  fontWeight: "var(--ds-font-weight-bold, 653)"
578
578
  }
579
579
  },
@@ -584,7 +584,7 @@ const headingsSharedStyles = css({
584
584
  marginTop: '1.45833em',
585
585
  textTransform: 'none',
586
586
  '& strong': {
587
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
587
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
588
588
  fontWeight: "var(--ds-font-weight-bold, 653)"
589
589
  }
590
590
  },
@@ -595,7 +595,7 @@ const headingsSharedStyles = css({
595
595
  marginTop: '1.59091em',
596
596
  textTransform: 'none',
597
597
  '& strong': {
598
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
598
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
599
599
  fontWeight: "var(--ds-font-weight-bold, 653)"
600
600
  }
601
601
  }
@@ -734,34 +734,6 @@ const paragraphStylesUGCScaledMargin = css({
734
734
  marginBottom: 0
735
735
  }
736
736
  });
737
- const paragraphSharedStyles = css({
738
- '& p': {
739
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
740
- fontSize: '1em',
741
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
742
- lineHeight: akEditorLineHeight,
743
- fontWeight: "var(--ds-font-weight-regular, 400)",
744
- marginTop: blockNodesVerticalMargin,
745
- marginBottom: 0,
746
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
747
- letterSpacing: '-0.005em'
748
- }
749
- });
750
-
751
- // When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
752
- const paragraphSharedStyleScaledMargin = css({
753
- '& p': {
754
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
755
- fontSize: '1em',
756
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
757
- lineHeight: akEditorLineHeight,
758
- fontWeight: "var(--ds-font-weight-regular, 400)",
759
- marginTop: scaledBlockNodesVerticalMargin,
760
- marginBottom: 0,
761
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
762
- letterSpacing: '-0.005em'
763
- }
764
- });
765
737
  const listsSharedStyles = css({
766
738
  /* =============== INDENTATION SPACING ========= */
767
739
  'ul, ol': {
@@ -2875,19 +2847,19 @@ export const RendererStyleContainer = props => {
2875
2847
  onMouseDown: onMouseDown,
2876
2848
  style: {
2877
2849
  '--ak-renderer-base-font-size': `${baseFontSize}px`,
2878
- '--ak-renderer-editor-font-heading-h1': `${editorUGCToken('editor.font.heading.h1')}`,
2879
- '--ak-renderer-editor-font-heading-h2': `${editorUGCToken('editor.font.heading.h2')}`,
2880
- '--ak-renderer-editor-font-heading-h3': `${editorUGCToken('editor.font.heading.h3')}`,
2881
- '--ak-renderer-editor-font-heading-h4': `${editorUGCToken('editor.font.heading.h4')}`,
2882
- '--ak-renderer-editor-font-heading-h5': `${editorUGCToken('editor.font.heading.h5')}`,
2883
- '--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
2884
- '--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`,
2850
+ '--ak-renderer-editor-font-heading-h1': `${editorUGCTokensRefreshed['editor.font.heading.h1']}`,
2851
+ '--ak-renderer-editor-font-heading-h2': `${editorUGCTokensRefreshed['editor.font.heading.h2']}`,
2852
+ '--ak-renderer-editor-font-heading-h3': `${editorUGCTokensRefreshed['editor.font.heading.h3']}`,
2853
+ '--ak-renderer-editor-font-heading-h4': `${editorUGCTokensRefreshed['editor.font.heading.h4']}`,
2854
+ '--ak-renderer-editor-font-heading-h5': `${editorUGCTokensRefreshed['editor.font.heading.h5']}`,
2855
+ '--ak-renderer-editor-font-heading-h6': `${editorUGCTokensRefreshed['editor.font.heading.h6']}`,
2856
+ '--ak-renderer-editor-font-normal-text': `${editorUGCTokensRefreshed['editor.font.body']}`,
2885
2857
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
2886
2858
  ...(expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
2887
- '--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
2859
+ '--ak-renderer-editor-font-small-text': editorUGCTokensRefreshed['editor.font.body.small']
2888
2860
  })
2889
2861
  },
2890
- 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, headingAnchorButtonFocusVisibleStyles, 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' && extensionStyle, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : contentMode === 'compact' ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
2862
+ 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, headingAnchorButtonFocusVisibleStyles, 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' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
2891
2863
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
2892
2864
  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),
2893
2865
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -58,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
58
58
  const TABLE_INFO_TIMEOUT = 10000;
59
59
  const RENDER_EVENT_SAMPLE_RATE = 0.1;
60
60
  const packageName = "@atlaskit/renderer";
61
- const packageVersion = "133.10.0";
61
+ const packageVersion = "133.10.2";
62
62
  const setAsQueryContainerStyles = css({
63
63
  containerName: 'ak-renderer-wrapper',
64
64
  containerType: 'inline-size'
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -26,7 +26,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
26
26
  import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
27
27
  import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
28
28
  import { LightWeightCodeBlockCssClassName } from '../../react/nodes/codeBlock/components/lightWeightCodeBlock';
29
- import { editorUGCToken } from '@atlaskit/editor-common/ugc-tokens';
29
+ import { editorUGCTokensRefreshed } from '@atlaskit/editor-common/ugc-tokens';
30
30
  import { getBaseFontSize } from './get-base-font-size';
31
31
  import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, defaultInlineEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
32
32
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -47,7 +47,7 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
47
47
  return browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
48
48
  };
49
49
  var baseFontStyle = css({
50
- font: editorUGCToken('editor.font.body')
50
+ font: editorUGCTokensRefreshed['editor.font.body']
51
51
  });
52
52
  var fontSizeStyles = css({
53
53
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -437,7 +437,7 @@ var headingsSharedStyles = css({
437
437
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
438
438
  marginTop: '1.45833em',
439
439
  '& strong': {
440
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
440
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
441
441
  fontWeight: "var(--ds-font-weight-bold, 653)"
442
442
  },
443
443
  '&::before': {}
@@ -449,7 +449,7 @@ var headingsSharedStyles = css({
449
449
  marginTop: '1.4em',
450
450
  marginBottom: 0,
451
451
  '& strong': {
452
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
452
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
453
453
  fontWeight: "var(--ds-font-weight-bold, 653)"
454
454
  }
455
455
  },
@@ -460,7 +460,7 @@ var headingsSharedStyles = css({
460
460
  marginTop: '1.31249em',
461
461
  marginBottom: 0,
462
462
  '& strong': {
463
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
463
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
464
464
  fontWeight: "var(--ds-font-weight-bold, 653)"
465
465
  }
466
466
  },
@@ -469,7 +469,7 @@ var headingsSharedStyles = css({
469
469
  font: "var(--ak-renderer-editor-font-heading-h4)",
470
470
  marginTop: "var(--ds-space-250, 20px)",
471
471
  '& strong': {
472
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
472
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
473
473
  fontWeight: "var(--ds-font-weight-bold, 653)"
474
474
  }
475
475
  },
@@ -480,7 +480,7 @@ var headingsSharedStyles = css({
480
480
  marginTop: '1.45833em',
481
481
  textTransform: 'none',
482
482
  '& strong': {
483
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
483
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
484
484
  fontWeight: "var(--ds-font-weight-bold, 653)"
485
485
  }
486
486
  },
@@ -491,7 +491,7 @@ var headingsSharedStyles = css({
491
491
  marginTop: '1.59091em',
492
492
  textTransform: 'none',
493
493
  '& strong': {
494
- // set all heading bold style to token font.weight.bold, as not matter what typography is used, the editorUGCToken will return the font weight 700
494
+ // set all heading bold style to token font.weight.bold, as the refreshed typography tokens use font weight 700
495
495
  fontWeight: "var(--ds-font-weight-bold, 653)"
496
496
  }
497
497
  }
@@ -623,34 +623,6 @@ var paragraphStylesUGCScaledMargin = css({
623
623
  marginBottom: 0
624
624
  }
625
625
  });
626
- var paragraphSharedStyles = css({
627
- '& p': {
628
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
629
- fontSize: '1em',
630
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
631
- lineHeight: akEditorLineHeight,
632
- fontWeight: "var(--ds-font-weight-regular, 400)",
633
- marginTop: blockNodesVerticalMargin,
634
- marginBottom: 0,
635
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
636
- letterSpacing: '-0.005em'
637
- }
638
- });
639
-
640
- // When cleaning up `platform_editor_content_mode_button_mvp` simplify the name/ use the other paragraph style name
641
- var paragraphSharedStyleScaledMargin = css({
642
- '& p': {
643
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
644
- fontSize: '1em',
645
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
646
- lineHeight: akEditorLineHeight,
647
- fontWeight: "var(--ds-font-weight-regular, 400)",
648
- marginTop: scaledBlockNodesVerticalMargin,
649
- marginBottom: 0,
650
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
651
- letterSpacing: '-0.005em'
652
- }
653
- });
654
626
  var listsSharedStyles = css((_css9 = {
655
627
  /* =============== INDENTATION SPACING ========= */
656
628
  'ul, ol': {
@@ -2245,17 +2217,17 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
2245
2217
  onMouseDown: onMouseDown,
2246
2218
  style: _objectSpread({
2247
2219
  '--ak-renderer-base-font-size': "".concat(baseFontSize, "px"),
2248
- '--ak-renderer-editor-font-heading-h1': "".concat(editorUGCToken('editor.font.heading.h1')),
2249
- '--ak-renderer-editor-font-heading-h2': "".concat(editorUGCToken('editor.font.heading.h2')),
2250
- '--ak-renderer-editor-font-heading-h3': "".concat(editorUGCToken('editor.font.heading.h3')),
2251
- '--ak-renderer-editor-font-heading-h4': "".concat(editorUGCToken('editor.font.heading.h4')),
2252
- '--ak-renderer-editor-font-heading-h5': "".concat(editorUGCToken('editor.font.heading.h5')),
2253
- '--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
2254
- '--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
2220
+ '--ak-renderer-editor-font-heading-h1': "".concat(editorUGCTokensRefreshed['editor.font.heading.h1']),
2221
+ '--ak-renderer-editor-font-heading-h2': "".concat(editorUGCTokensRefreshed['editor.font.heading.h2']),
2222
+ '--ak-renderer-editor-font-heading-h3': "".concat(editorUGCTokensRefreshed['editor.font.heading.h3']),
2223
+ '--ak-renderer-editor-font-heading-h4': "".concat(editorUGCTokensRefreshed['editor.font.heading.h4']),
2224
+ '--ak-renderer-editor-font-heading-h5': "".concat(editorUGCTokensRefreshed['editor.font.heading.h5']),
2225
+ '--ak-renderer-editor-font-heading-h6': "".concat(editorUGCTokensRefreshed['editor.font.heading.h6']),
2226
+ '--ak-renderer-editor-font-normal-text': "".concat(editorUGCTokensRefreshed['editor.font.body'])
2255
2227
  }, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
2256
- '--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
2228
+ '--ak-renderer-editor-font-small-text': editorUGCTokensRefreshed['editor.font.body.small']
2257
2229
  }),
2258
- 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, headingAnchorButtonFocusVisibleStyles, 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' && extensionStyle, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : contentMode === 'compact' ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
2230
+ 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, headingAnchorButtonFocusVisibleStyles, 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' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
2259
2231
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
2260
2232
  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),
2261
2233
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -63,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
63
63
  var TABLE_INFO_TIMEOUT = 10000;
64
64
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
65
65
  var packageName = "@atlaskit/renderer";
66
- var packageVersion = "133.10.0";
66
+ var packageVersion = "133.10.2";
67
67
  var setAsQueryContainerStyles = css({
68
68
  containerName: 'ak-renderer-wrapper',
69
69
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "133.10.1",
3
+ "version": "133.10.3",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -44,14 +44,14 @@
44
44
  "@atlaskit/editor-prosemirror": "^8.0.0",
45
45
  "@atlaskit/editor-shared-styles": "^4.0.0",
46
46
  "@atlaskit/editor-smart-link-draggable": "^1.1.0",
47
- "@atlaskit/emoji": "^71.7.0",
47
+ "@atlaskit/emoji": "^71.8.0",
48
48
  "@atlaskit/feature-gate-js-client": "^6.0.0",
49
- "@atlaskit/icon": "^36.2.0",
49
+ "@atlaskit/icon": "^37.0.0",
50
50
  "@atlaskit/link": "^4.1.0",
51
51
  "@atlaskit/link-datasource": "^6.1.0",
52
52
  "@atlaskit/link-extractors": "^3.2.0",
53
53
  "@atlaskit/linking-common": "^11.0.0",
54
- "@atlaskit/media-card": "^81.3.0",
54
+ "@atlaskit/media-card": "^81.4.0",
55
55
  "@atlaskit/media-client": "^37.2.0",
56
56
  "@atlaskit/media-client-react": "^6.1.0",
57
57
  "@atlaskit/media-common": "^14.3.0",
@@ -67,7 +67,7 @@
67
67
  "@atlaskit/status": "^5.4.0",
68
68
  "@atlaskit/task-decision": "^21.4.0",
69
69
  "@atlaskit/theme": "^26.1.0",
70
- "@atlaskit/tmp-editor-statsig": "^124.0.0",
70
+ "@atlaskit/tmp-editor-statsig": "^124.1.0",
71
71
  "@atlaskit/tokens": "^15.5.0",
72
72
  "@atlaskit/tooltip": "^23.1.0",
73
73
  "@atlaskit/visually-hidden": "^4.1.0",
@@ -82,7 +82,7 @@
82
82
  "uuid": "^3.1.0"
83
83
  },
84
84
  "peerDependencies": {
85
- "@atlaskit/editor-common": "^116.24.0",
85
+ "@atlaskit/editor-common": "^116.25.0",
86
86
  "@atlaskit/link-provider": "^5.2.0",
87
87
  "@atlaskit/media-core": "^38.0.0",
88
88
  "react": "^18.2.0",
@@ -108,9 +108,9 @@
108
108
  "@atlaskit/util-data-test": "^19.1.0",
109
109
  "@atlassian/a11y-jest-testing": "^0.13.0",
110
110
  "@atlassian/a11y-playwright-testing": "^0.10.0",
111
- "@atlassian/feature-flags-test-utils": "^1.1.0",
111
+ "@atlassian/feature-flags-test-utils": "^1.2.0",
112
112
  "@atlassian/structured-docs-types": "workspace:^",
113
- "@atlassian/testing-library": "^0.10.0",
113
+ "@atlassian/testing-library": "^0.11.0",
114
114
  "@testing-library/react": "^16.3.0",
115
115
  "@testing-library/user-event": "^14.4.3",
116
116
  "@types/react-loadable": "^5.4.1",
@@ -162,9 +162,6 @@
162
162
  "platform_fix_nested_num_column_scaling": {
163
163
  "type": "boolean"
164
164
  },
165
- "platform_editor_typography_ugc": {
166
- "type": "boolean"
167
- },
168
165
  "editor_inline_comments_on_inline_nodes": {
169
166
  "type": "boolean"
170
167
  },