@atlaskit/renderer 125.2.0 → 125.3.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/renderer
 
+## 125.3.1
+
+### Patch Changes
+
+- [`b5aad0477b7bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b5aad0477b7bb) -
+  EDITOR-3433: Fix missing task item id when using progressive renderer.
+- Updated dependencies
+
+## 125.3.0
+
+### Minor Changes
+
+- [`8702c4d80694c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8702c4d80694c) -
+  [https://hello.jira.atlassian.cloud/browse/EDITOR-4103](EDITOR-4103) - clean up
+  annotations_align_editor_and_renderer_styles
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 125.2.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

package/dist/cjs/react/nodes/heading-anchor.js

@@ -125,7 +125,6 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         type: "button"
       }, (0, _react2.jsx)(_link.default, {
         label: _this.getCopyAriaLabel(),
-        LEGACY_size: _this.props.level > 3 ? 'small' : 'medium',
         color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
       }));
     });

package/dist/cjs/react/nodes/task-item-with-providers.js

@@ -12,10 +12,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _taskDecision = require("@atlaskit/task-decision");
-var _excluded = ["contextIdentifierProvider", "objectAri", "isRenderer"];
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _excluded = ["objectAri", "isRenderer"];
 function TaskItemWithProviders(props) {
-  var contextIdentifierProvider = props.contextIdentifierProvider,
-    objectAri = props.objectAri,
+  var objectAri = props.objectAri,
     isRenderer = props.isRenderer,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _React$useState = _react.default.useState(undefined),
@@ -58,10 +58,15 @@ function TaskItemWithProviders(props) {
     updateContextIdentifierProvider(props.contextIdentifierProvider);
   }, [props.contextIdentifierProvider, updateContextIdentifierProvider]);
   var resolvedObjectId = resolvedContextProvider && resolvedContextProvider.objectId || objectAri;
-
-  // Ignored via go/ees005
+  return (0, _platformFeatureFlags.fg)('platform_editor_fix_missing_task_id') ? /*#__PURE__*/_react.default.createElement("div", {
+    "data-task-local-id": props.taskId || ''
+  }, /*#__PURE__*/_react.default.createElement(_taskDecision.ResourcedTaskItem, (0, _extends2.default)({}, otherProps, {
+    objectAri: resolvedObjectId,
+    isRenderer: isRenderer
+  }))) :
+  /*#__PURE__*/
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/_react.default.createElement(_taskDecision.ResourcedTaskItem, (0, _extends2.default)({}, otherProps, {
+  _react.default.createElement(_taskDecision.ResourcedTaskItem, (0, _extends2.default)({}, otherProps, {
     objectAri: resolvedObjectId,
     isRenderer: isRenderer
   }));

package/dist/cjs/ui/Renderer/RendererStyleContainer.js

@@ -1624,11 +1624,21 @@ var denseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _definePrope
     marginTop: RENDERER_LIST_DENSE_GAP
   }
 }));
-var syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.error, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
+var syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.error, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
   borderRadius: "var(--ds-radius-small, 3px)",
-  marginTop: "var(--ds-space-150, 12px)",
-  paddingTop: "var(--ds-space-075, 6px)",
-  paddingBottom: "var(--ds-space-050, 4px)"
+  paddingBlock: "var(--ds-space-150, 12px)"
+}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
+  // First child node in syncBlock in editor is overridden with marginTop: 0, hence apply the same style in renderer for consistency
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-renderer-document > :first-child': {
+    marginTop: 0
+  }
+}), ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.renderer), {
+  // First child node in bodiedSyncBlock in editor is overridden with marginTop: 0, hence apply the same style in renderer for consistency
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '> :first-child': {
+    marginTop: 0
+  }
 }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.error), {
   backgroundColor: "var(--ds-background-disabled, #17171708)"
 }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
@@ -1676,7 +1686,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && (0, _platformFeatureFlags.fg)('annotations_align_editor_and_renderer_styles') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
+      (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
       // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
       (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, (0, _table.isStickyScrollbarEnabled)(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks, rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (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))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && syncBlockStyles],
       "data-testid": testId

package/dist/cjs/ui/Renderer/index.js

@@ -70,7 +70,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "125.1.1";
+var packageVersion = "125.3.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/cjs/ui/annotations/element/mark.js

@@ -62,7 +62,6 @@ var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default
   borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid transparent"),
   cursor: 'pointer',
   padding: "1px 0 ".concat("var(--ds-space-025, 2px)"),
-  // it was under fg(annotations_align_editor_and_renderer_styles) from AnnotationSharedCSSByState().common, assume it's on as already rolled out
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '&:has(.card), &:has([data-inline-card])': {
     padding: '5px 0 3px 0'

package/dist/es2019/react/nodes/heading-anchor.js

@@ -90,7 +90,6 @@ class HeadingAnchor extends React.PureComponent {
         type: "button"
       }, jsx(LinkIcon, {
         label: this.getCopyAriaLabel(),
-        LEGACY_size: this.props.level > 3 ? 'small' : 'medium',
         color: this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
       }));
     });

package/dist/es2019/react/nodes/task-item-with-providers.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ResourcedTaskItem } from '@atlaskit/task-decision';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function TaskItemWithProviders(props) {
   const {
-    contextIdentifierProvider,
     objectAri,
     isRenderer,
     ...otherProps
@@ -15,7 +15,7 @@ export default function TaskItemWithProviders(props) {
         const resolvedContextProvider = await contextIdentifierProvider;
         setResolvedContextProvider(resolvedContextProvider);
         return;
-      } catch (err) {}
+      } catch {}
     }
     setResolvedContextProvider(undefined);
   }, []);
@@ -23,10 +23,15 @@ export default function TaskItemWithProviders(props) {
     updateContextIdentifierProvider(props.contextIdentifierProvider);
   }, [props.contextIdentifierProvider, updateContextIdentifierProvider]);
   const resolvedObjectId = resolvedContextProvider && resolvedContextProvider.objectId || objectAri;
-
-  // Ignored via go/ees005
+  return fg('platform_editor_fix_missing_task_id') ? /*#__PURE__*/React.createElement("div", {
+    "data-task-local-id": props.taskId || ''
+  }, /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+    objectAri: resolvedObjectId,
+    isRenderer: isRenderer
+  }))) :
+  /*#__PURE__*/
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+  React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
     objectAri: resolvedObjectId,
     isRenderer: isRenderer
   }));

package/dist/es2019/ui/Renderer/RendererStyleContainer.js

@@ -2050,9 +2050,21 @@ const denseStyles = css({
 const syncBlockStyles = css({
   [`.${SyncBlockSharedCssClassName.renderer}, .${BodiedSyncBlockSharedCssClassName.renderer}, .${SyncBlockSharedCssClassName.error}, .${SyncBlockSharedCssClassName.loading}`]: {
     borderRadius: "var(--ds-radius-small, 3px)",
-    marginTop: "var(--ds-space-150, 12px)",
-    paddingTop: "var(--ds-space-075, 6px)",
-    paddingBottom: "var(--ds-space-050, 4px)"
+    paddingBlock: "var(--ds-space-150, 12px)"
+  },
+  [`.${SyncBlockSharedCssClassName.renderer}`]: {
+    // First child node in syncBlock in editor is overridden with marginTop: 0, hence apply the same style in renderer for consistency
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ak-renderer-document > :first-child': {
+      marginTop: 0
+    }
+  },
+  [`.${BodiedSyncBlockSharedCssClassName.renderer}`]: {
+    // First child node in bodiedSyncBlock in editor is overridden with marginTop: 0, hence apply the same style in renderer for consistency
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+    '> :first-child': {
+      marginTop: 0
+    }
   },
   [`.${SyncBlockSharedCssClassName.error}`]: {
     backgroundColor: "var(--ds-background-disabled, #17171708)"
@@ -2105,7 +2117,7 @@ export const RendererStyleContainer = props => {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      fg('editor_inline_comments_on_inline_nodes') && fg('annotations_align_editor_and_renderer_styles') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
+      fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
       // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
       fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks, rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, expValEquals('platform_synced_block', 'isEnabled', true) && syncBlockStyles],
       "data-testid": testId

package/dist/es2019/ui/Renderer/index.js

@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "125.1.1";
+const packageVersion = "125.3.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/ui/annotations/element/mark.js

@@ -64,7 +64,6 @@ const markStylesWithInlineComments = css({
     borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid transparent`,
     cursor: 'pointer',
     padding: `1px 0 ${"var(--ds-space-025, 2px)"}`,
-    // it was under fg(annotations_align_editor_and_renderer_styles) from AnnotationSharedCSSByState().common, assume it's on as already rolled out
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     '&:has(.card), &:has([data-inline-card])': {
       padding: '5px 0 3px 0'

package/dist/esm/react/nodes/heading-anchor.js

@@ -119,7 +119,6 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         type: "button"
       }, jsx(LinkIcon, {
         label: _this.getCopyAriaLabel(),
-        LEGACY_size: _this.props.level > 3 ? 'small' : 'medium',
         color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
       }));
     });

package/dist/esm/react/nodes/task-item-with-providers.js

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["contextIdentifierProvider", "objectAri", "isRenderer"];
+var _excluded = ["objectAri", "isRenderer"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { ResourcedTaskItem } from '@atlaskit/task-decision';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function TaskItemWithProviders(props) {
-  var contextIdentifierProvider = props.contextIdentifierProvider,
-    objectAri = props.objectAri,
+  var objectAri = props.objectAri,
     isRenderer = props.isRenderer,
     otherProps = _objectWithoutProperties(props, _excluded);
   var _React$useState = React.useState(undefined),
@@ -51,10 +51,15 @@ export default function TaskItemWithProviders(props) {
     updateContextIdentifierProvider(props.contextIdentifierProvider);
   }, [props.contextIdentifierProvider, updateContextIdentifierProvider]);
   var resolvedObjectId = resolvedContextProvider && resolvedContextProvider.objectId || objectAri;
-
-  // Ignored via go/ees005
+  return fg('platform_editor_fix_missing_task_id') ? /*#__PURE__*/React.createElement("div", {
+    "data-task-local-id": props.taskId || ''
+  }, /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+    objectAri: resolvedObjectId,
+    isRenderer: isRenderer
+  }))) :
+  /*#__PURE__*/
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+  React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
     objectAri: resolvedObjectId,
     isRenderer: isRenderer
   }));

package/dist/esm/ui/Renderer/RendererStyleContainer.js

@@ -1617,11 +1617,21 @@ var denseStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".co
     marginTop: RENDERER_LIST_DENSE_GAP
   }
 }));
-var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer, ", .").concat(BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(SyncBlockSharedCssClassName.error, ", .").concat(SyncBlockSharedCssClassName.loading), {
+var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer, ", .").concat(BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(SyncBlockSharedCssClassName.error, ", .").concat(SyncBlockSharedCssClassName.loading), {
   borderRadius: "var(--ds-radius-small, 3px)",
-  marginTop: "var(--ds-space-150, 12px)",
-  paddingTop: "var(--ds-space-075, 6px)",
-  paddingBottom: "var(--ds-space-050, 4px)"
+  paddingBlock: "var(--ds-space-150, 12px)"
+}), ".".concat(SyncBlockSharedCssClassName.renderer), {
+  // First child node in syncBlock in editor is overridden with marginTop: 0, hence apply the same style in renderer for consistency
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-renderer-document > :first-child': {
+    marginTop: 0
+  }
+}), ".".concat(BodiedSyncBlockSharedCssClassName.renderer), {
+  // First child node in bodiedSyncBlock in editor is overridden with marginTop: 0, hence apply the same style in renderer for consistency
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '> :first-child': {
+    marginTop: 0
+  }
 }), ".".concat(SyncBlockSharedCssClassName.error), {
   backgroundColor: "var(--ds-background-disabled, #17171708)"
 }), ".".concat(SyncBlockSharedCssClassName.loading), {
@@ -1669,7 +1679,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      fg('editor_inline_comments_on_inline_nodes') && fg('annotations_align_editor_and_renderer_styles') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
+      fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
       // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
       fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks, rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, expValEquals('platform_synced_block', 'isEnabled', true) && syncBlockStyles],
       "data-testid": testId

package/dist/esm/ui/Renderer/index.js

@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "125.1.1";
+var packageVersion = "125.3.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/annotations/element/mark.js

@@ -58,7 +58,6 @@ var markStylesWithInlineComments = css(_defineProperty({}, "&[data-mark-annotati
   borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid transparent"),
   cursor: 'pointer',
   padding: "1px 0 ".concat("var(--ds-space-025, 2px)"),
-  // it was under fg(annotations_align_editor_and_renderer_styles) from AnnotationSharedCSSByState().common, assume it's on as already rolled out
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '&:has(.card), &:has([data-inline-card])': {
     padding: '5px 0 3px 0'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "125.2.0",
+	"version": "125.3.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,30 +36,30 @@
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/emoji": "^69.9.0",
+		"@atlaskit/emoji": "^69.10.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/link-datasource": "^4.31.0",
+		"@atlaskit/link-datasource": "^4.32.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.9.0",
-		"@atlaskit/media-card": "^79.12.0",
+		"@atlaskit/media-card": "^79.13.0",
 		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-filmstrip": "^51.1.0",
 		"@atlaskit/media-ui": "^28.7.0",
-		"@atlaskit/media-viewer": "^52.5.0",
+		"@atlaskit/media-viewer": "^52.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/react-ufo": "^4.16.0",
-		"@atlaskit/smart-card": "^43.19.0",
+		"@atlaskit/react-ufo": "^4.17.0",
+		"@atlaskit/smart-card": "^43.20.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.8.0",
+		"@atlaskit/tmp-editor-statsig": "^16.14.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tooltip": "^20.13.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.5.0",
+		"@atlaskit/editor-common": "^111.7.0",
 		"@atlaskit/link-provider": "^4.1.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -90,8 +90,8 @@
 		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
-		"@atlaskit/profilecard": "^24.27.0",
-		"@atlaskit/util-data-test": "^18.3.0",
+		"@atlaskit/profilecard": "^24.29.0",
+		"@atlaskit/util-data-test": "^18.4.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -143,9 +143,6 @@
 		"editor_inline_comments_on_inline_nodes": {
 			"type": "boolean"
 		},
-		"annotations_align_editor_and_renderer_styles": {
-			"type": "boolean"
-		},
 		"platform-fix-table-ssr-resizing": {
 			"type": "boolean"
 		},
@@ -244,6 +241,9 @@
 		},
 		"platform_editor_dec_a11y_fixes": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_missing_task_id": {
+			"type": "boolean"
 		}
 	}
 }