@atlaskit/renderer 124.9.7 → 124.9.9

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 124.9.9
+
+### Patch Changes
+
+- [`7f5f1ce3e4c0d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f5f1ce3e4c0d) -
+  Add marginTop spacing to datasourceContainerStyle to match editor styling
+- Updated dependencies
+
+## 124.9.8
+
+### Patch Changes
+
+- [`6cb21d13010a3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6cb21d13010a3) -
+  Exclude SLLV (and keep only block card) element when applying list (ul/ol) css override
+- Updated dependencies
+
 ## 124.9.7
 
 ### Patch Changes

package/dist/cjs/react/nodes/blockCard.js

@@ -34,6 +34,16 @@ var datasourceContainerStyle = (0, _react.css)({
   marginBottom: "var(--ds-space-150, 0.75rem)",
   transform: 'translateX(-50%)'
 });
+var datasourceContainerStyleWithMarginTop = (0, _react.css)({
+  borderRadius: "var(--ds-radius-large, 8px)",
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  marginLeft: '50%',
+  marginBottom: "var(--ds-space-150, 0.75rem)",
+  transform: 'translateX(-50%)',
+  marginTop: "var(--ds-space-150, 0.75rem)"
+});
 function BlockCard(props) {
   var url = props.url,
     data = props.data,
@@ -106,7 +116,7 @@ function BlockCard(props) {
       }, cardProps), (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         return (0, _react.jsx)("div", {
-          css: datasourceContainerStyle,
+          css: (0, _platformFeatureFlags.fg)('platform_editor_fix_sllv_margin_renderer') ? datasourceContainerStyleWithMarginTop : datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
           "data-local-id": localId,
           style: {

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

@@ -856,19 +856,19 @@ var smartCardStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".conc
   margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0"),
   maxWidth: "".concat(8 * 95, "px")
 }));
-var smartCardStylesAvatarFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
+var smartCardStylesAvatarFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   /* EDM-11991: Fix list plugin adding padding to ADS AvatarGroup start */
   'ul, ol': {
     paddingLeft: 'inherit'
   }
   /* EDM-11991: Fix list plugin add padding to ADS AvatarGroup end */
 }));
-var smartCardStylesAvatarMarginFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
+var smartCardStylesAvatarMarginFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   'ul, ol': {
     marginRight: 'inherit'
   }
 }));
-var smartCardStylesAvatarListZeroMarginTop = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
+var smartCardStylesAvatarListZeroMarginTop = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   'ul, ol': {
     marginTop: 0
   }
@@ -1298,21 +1298,6 @@ var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.def
 })), "&:hover:not(\n\t\t\t\t\t\t\t:has(\n\t\t\t\t\t\t\t\t\t.".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, "\n\t\t\t\t\t\t\t\t\t\t.").concat(_consts.RendererCssClassName.SORTABLE_COLUMN, ":hover\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_table2.SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 1
 }))))));
-
-// TODO: ED-27229 - Cleanup with `platform_editor_tables_numbered_column_correction`
-var rendererTableColumnStylesOld = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
-  'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
-    backgroundColor: "".concat("var(--ds-background-neutral, ".concat(_editorSharedStyles.akEditorTableToolbar, ")")),
-    borderRight: "var(--ds-border-width, 1px)".concat(" solid\n\t\t\t\t\t\t\t\t", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
-    width: "".concat(_editorSharedStyles.akEditorTableNumberColumnWidth, "px"),
-    textAlign: 'center',
-    color: "".concat("var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: "".concat(14 / 16, " rem")
-  }), ".fixed .".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
-    borderRight: "0px none"
-  })
-}));
 var rendererTableColumnStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
   'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
     backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
@@ -1614,7 +1599,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
       // 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,
       // 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, (0, _platformFeatureFlags.fg)('platform_editor_tables_numbered_column_correction') ? rendererTableColumnStyles : rendererTableColumnStylesOld, 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' && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && denseStyles],
+      (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' && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && denseStyles],
       "data-testid": testId
     }, children)
   );

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

@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.9.6";
+var packageVersion = "124.9.8";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/nodes/blockCard.js

@@ -26,6 +26,16 @@ const datasourceContainerStyle = css({
   marginBottom: `${"var(--ds-space-150, 0.75rem)"}`,
   transform: 'translateX(-50%)'
 });
+const datasourceContainerStyleWithMarginTop = css({
+  borderRadius: `${"var(--ds-radius-large, 8px)"}`,
+  border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
+  overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  marginLeft: '50%',
+  marginBottom: `${"var(--ds-space-150, 0.75rem)"}`,
+  transform: 'translateX(-50%)',
+  marginTop: `${"var(--ds-space-150, 0.75rem)"}`
+});
 export default function BlockCard(props) {
   const {
     url,
@@ -94,7 +104,7 @@ export default function BlockCard(props) {
       }, cardProps), jsx(WidthConsumer, null, ({
         width
       }) => jsx("div", {
-        css: datasourceContainerStyle,
+        css: fg('platform_editor_fix_sllv_margin_renderer') ? datasourceContainerStyleWithMarginTop : datasourceContainerStyle,
         "data-testid": "renderer-datasource-table",
         "data-local-id": localId,
         style: {

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

@@ -990,7 +990,7 @@ const smartCardStyles = css({
   }
 });
 const smartCardStylesAvatarFix = css({
-  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
+  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}:not(.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER})`]: {
     /* EDM-11991: Fix list plugin adding padding to ADS AvatarGroup start */
     'ul, ol': {
       paddingLeft: 'inherit'
@@ -999,14 +999,14 @@ const smartCardStylesAvatarFix = css({
   }
 });
 const smartCardStylesAvatarMarginFix = css({
-  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
+  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}:not(.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER})`]: {
     'ul, ol': {
       marginRight: 'inherit'
     }
   }
 });
 const smartCardStylesAvatarListZeroMarginTop = css({
-  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
+  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}:not(.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER})`]: {
     'ul, ol': {
       marginTop: 0
     }
@@ -1653,27 +1653,6 @@ const rendererTableSortableColumnStyles = css({
     }
   }
 });
-
-// TODO: ED-27229 - Cleanup with `platform_editor_tables_numbered_column_correction`
-const rendererTableColumnStylesOld = css({
-  [`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}`]: {
-    'table[data-number-column="true"]': {
-      [`.${RendererCssClassName.NUMBER_COLUMN}`]: {
-        backgroundColor: `${`var(--ds-background-neutral, ${akEditorTableToolbar})`}`,
-        borderRight: `${"var(--ds-border-width, 1px)"} solid
-								${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
-        width: `${akEditorTableNumberColumnWidth}px`,
-        textAlign: 'center',
-        color: `${`var(--ds-text-subtlest, ${N200})`}`,
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontSize: `${14 / 16} rem`
-      },
-      [`.fixed .${RendererCssClassName.NUMBER_COLUMN}`]: {
-        borderRight: `0px none`
-      }
-    }
-  }
-});
 const rendererTableColumnStyles = css({
   [`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}`]: {
     'table[data-number-column="true"]': {
@@ -2031,7 +2010,7 @@ export const RendererStyleContainer = props => {
       // 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,
       // 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, fg('platform_editor_tables_numbered_column_correction') ? rendererTableColumnStyles : rendererTableColumnStylesOld, 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' && responsiveBreakoutWidthFullWidth, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseStyles],
+      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' && responsiveBreakoutWidthFullWidth, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseStyles],
       "data-testid": testId
     }, children)
   );

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

@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_WIDTH_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "124.9.6";
+const packageVersion = "124.9.8";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/nodes/blockCard.js

@@ -26,6 +26,16 @@ var datasourceContainerStyle = css({
   marginBottom: "var(--ds-space-150, 0.75rem)",
   transform: 'translateX(-50%)'
 });
+var datasourceContainerStyleWithMarginTop = css({
+  borderRadius: "var(--ds-radius-large, 8px)",
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
+  overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  marginLeft: '50%',
+  marginBottom: "var(--ds-space-150, 0.75rem)",
+  transform: 'translateX(-50%)',
+  marginTop: "var(--ds-space-150, 0.75rem)"
+});
 export default function BlockCard(props) {
   var url = props.url,
     data = props.data,
@@ -98,7 +108,7 @@ export default function BlockCard(props) {
       }, cardProps), jsx(WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         return jsx("div", {
-          css: datasourceContainerStyle,
+          css: fg('platform_editor_fix_sllv_margin_renderer') ? datasourceContainerStyleWithMarginTop : datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
           "data-local-id": localId,
           style: {

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

@@ -849,19 +849,19 @@ var smartCardStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClass
   margin: "".concat(blockNodesVerticalMargin, " 0 0"),
   maxWidth: "".concat(8 * 95, "px")
 }));
-var smartCardStylesAvatarFix = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
+var smartCardStylesAvatarFix = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   /* EDM-11991: Fix list plugin adding padding to ADS AvatarGroup start */
   'ul, ol': {
     paddingLeft: 'inherit'
   }
   /* EDM-11991: Fix list plugin add padding to ADS AvatarGroup end */
 }));
-var smartCardStylesAvatarMarginFix = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
+var smartCardStylesAvatarMarginFix = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   'ul, ol': {
     marginRight: 'inherit'
   }
 }));
-var smartCardStylesAvatarListZeroMarginTop = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
+var smartCardStylesAvatarListZeroMarginTop = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   'ul, ol': {
     marginTop: 0
   }
@@ -1291,21 +1291,6 @@ var rendererTableSortableColumnStyles = css(_defineProperty({}, ".".concat(Rende
 })), "&:hover:not(\n\t\t\t\t\t\t\t:has(\n\t\t\t\t\t\t\t\t\t.".concat(RendererCssClassName.SORTABLE_COLUMN_WRAPPER, "\n\t\t\t\t\t\t\t\t\t\t.").concat(RendererCssClassName.SORTABLE_COLUMN, ":hover\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t\t> .").concat(RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), _defineProperty({}, ".".concat(SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 1
 }))))));
-
-// TODO: ED-27229 - Cleanup with `platform_editor_tables_numbered_column_correction`
-var rendererTableColumnStylesOld = css(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER), {
-  'table[data-number-column="true"]': _defineProperty(_defineProperty({}, ".".concat(RendererCssClassName.NUMBER_COLUMN), {
-    backgroundColor: "".concat("var(--ds-background-neutral, ".concat(akEditorTableToolbar, ")")),
-    borderRight: "var(--ds-border-width, 1px)".concat(" solid\n\t\t\t\t\t\t\t\t", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")")),
-    width: "".concat(akEditorTableNumberColumnWidth, "px"),
-    textAlign: 'center',
-    color: "".concat("var(--ds-text-subtlest, ".concat(N200, ")")),
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: "".concat(14 / 16, " rem")
-  }), ".fixed .".concat(RendererCssClassName.NUMBER_COLUMN), {
-    borderRight: "0px none"
-  })
-}));
 var rendererTableColumnStyles = css(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER), {
   'table[data-number-column="true"]': _defineProperty(_defineProperty({}, ".".concat(RendererCssClassName.NUMBER_COLUMN), {
     backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
@@ -1607,7 +1592,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
       // 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,
       // 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, fg('platform_editor_tables_numbered_column_correction') ? rendererTableColumnStyles : rendererTableColumnStylesOld, 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' && responsiveBreakoutWidthFullWidth, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseStyles],
+      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' && responsiveBreakoutWidthFullWidth, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && denseStyles],
       "data-testid": testId
     }, children)
   );

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

@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.9.6";
+var packageVersion = "124.9.8";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.9.7",
+	"version": "124.9.9",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/link-datasource": "^4.27.0",
+		"@atlaskit/link-datasource": "^4.28.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/media-card": "^79.6.0",
 		"@atlaskit/media-client": "^35.5.0",
@@ -57,8 +57,8 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.23.0",
-		"@atlaskit/tokens": "^7.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.26.0",
+		"@atlaskit/tokens": "^7.1.0",
 		"@atlaskit/tooltip": "^20.7.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.20.0",
+		"@atlaskit/editor-common": "^110.21.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -170,9 +170,6 @@
 		"platform_editor_content_mode_button_mvp": {
 			"type": "boolean"
 		},
-		"platform_editor_tables_numbered_column_correction": {
-			"type": "boolean"
-		},
 		"platform_editor_nested_dnd_styles_changes": {
 			"type": "boolean"
 		},
@@ -244,6 +241,9 @@
 		},
 		"media-perf-uplift-mutation-fix": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_sllv_margin_renderer": {
+			"type": "boolean"
 		}
 	}
 }

package/afm-post-office/tsconfig.json

@@ -1,141 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.post-office.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../post-office/tsDist/@atlaskit__renderer/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../adf-utils/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-listeners/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-namespaced-context/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-next/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../helpers/browser-apis/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/code/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../editor-json-transformer/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../editor-palette/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../editor-shared-styles/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../editor-tables/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../elements/emoji/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../measurement/feature-gate-js-client/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/link/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/link-datasource/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/link-extractors/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-card/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-client/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-client-react/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-common/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-filmstrip/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-ui/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-viewer/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../react-ufo/atlaskit/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/smart-card/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../elements/status/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../elements/task-decision/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../tmp-editor-statsig/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/visually-hidden/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/link-provider/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-core/afm-post-office/tsconfig.json"
-		}
-	]
-}