@atlaskit/renderer 124.9.8 → 124.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/react/nodes/blockCard.js +11 -1
  3. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +1 -16
  4. package/dist/cjs/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/react/nodes/blockCard.js +11 -1
  6. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -22
  7. package/dist/es2019/ui/Renderer/index.js +1 -1
  8. package/dist/esm/react/nodes/blockCard.js +11 -1
  9. package/dist/esm/ui/Renderer/RendererStyleContainer.js +1 -16
  10. package/dist/esm/ui/Renderer/index.js +1 -1
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.9.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7f5f1ce3e4c0d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f5f1ce3e4c0d) -
8
+ Add marginTop spacing to datasourceContainerStyle to match editor styling
9
+ - Updated dependencies
10
+
3
11
  ## 124.9.8
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/react/nodes/blockCard.js CHANGED
@@ -34,6 +34,16 @@ var datasourceContainerStyle = (0, _react.css)({
34
34
  marginBottom: "var(--ds-space-150, 0.75rem)",
35
35
  transform: 'translateX(-50%)'
36
36
  });
37
+ var datasourceContainerStyleWithMarginTop = (0, _react.css)({
38
+ borderRadius: "var(--ds-radius-large, 8px)",
39
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
40
+ overflow: 'hidden',
41
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
42
+ marginLeft: '50%',
43
+ marginBottom: "var(--ds-space-150, 0.75rem)",
44
+ transform: 'translateX(-50%)',
45
+ marginTop: "var(--ds-space-150, 0.75rem)"
46
+ });
37
47
  function BlockCard(props) {
38
48
  var url = props.url,
39
49
  data = props.data,
@@ -106,7 +116,7 @@ function BlockCard(props) {
106
116
  }, cardProps), (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref5) {
107
117
  var width = _ref5.width;
108
118
  return (0, _react.jsx)("div", {
109
- css: datasourceContainerStyle,
119
+ css: (0, _platformFeatureFlags.fg)('platform_editor_fix_sllv_margin_renderer') ? datasourceContainerStyleWithMarginTop : datasourceContainerStyle,
110
120
  "data-testid": "renderer-datasource-table",
111
121
  "data-local-id": localId,
112
122
  style: {
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1298,21 +1298,6 @@ var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.def
1298
1298
  })), "&: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), {
1299
1299
  opacity: 1
1300
1300
  }))))));
1301
-
1302
- // TODO: ED-27229 - Cleanup with `platform_editor_tables_numbered_column_correction`
1303
- var rendererTableColumnStylesOld = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
1304
- 'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
1305
- backgroundColor: "".concat("var(--ds-background-neutral, ".concat(_editorSharedStyles.akEditorTableToolbar, ")")),
1306
- 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, ")")),
1307
- width: "".concat(_editorSharedStyles.akEditorTableNumberColumnWidth, "px"),
1308
- textAlign: 'center',
1309
- color: "".concat("var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
1310
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
1311
- fontSize: "".concat(14 / 16, " rem")
1312
- }), ".fixed .".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
1313
- borderRight: "0px none"
1314
- })
1315
- }));
1316
1301
  var rendererTableColumnStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
1317
1302
  'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
1318
1303
  backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
@@ -1614,7 +1599,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
1614
1599
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
1615
1600
  (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && (0, _platformFeatureFlags.fg)('annotations_align_editor_and_renderer_styles') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
1616
1601
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
1617
- (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],
1602
+ (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],
1618
1603
  "data-testid": testId
1619
1604
  }, children)
1620
1605
  );
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
68
68
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
69
69
  var TABLE_WIDTH_INFO_TIMEOUT = 10000;
70
70
  var packageName = "@atlaskit/renderer";
71
- var packageVersion = "124.9.7";
71
+ var packageVersion = "124.9.8";
72
72
  var setAsQueryContainerStyles = (0, _react2.css)({
73
73
  containerName: 'ak-renderer-wrapper',
74
74
  containerType: 'inline-size'
package/dist/es2019/react/nodes/blockCard.js CHANGED
@@ -26,6 +26,16 @@ const datasourceContainerStyle = css({
26
26
  marginBottom: `${"var(--ds-space-150, 0.75rem)"}`,
27
27
  transform: 'translateX(-50%)'
28
28
  });
29
+ const datasourceContainerStyleWithMarginTop = css({
30
+ borderRadius: `${"var(--ds-radius-large, 8px)"}`,
31
+ border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
32
+ overflow: 'hidden',
33
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
34
+ marginLeft: '50%',
35
+ marginBottom: `${"var(--ds-space-150, 0.75rem)"}`,
36
+ transform: 'translateX(-50%)',
37
+ marginTop: `${"var(--ds-space-150, 0.75rem)"}`
38
+ });
29
39
  export default function BlockCard(props) {
30
40
  const {
31
41
  url,
@@ -94,7 +104,7 @@ export default function BlockCard(props) {
94
104
  }, cardProps), jsx(WidthConsumer, null, ({
95
105
  width
96
106
  }) => jsx("div", {
97
- css: datasourceContainerStyle,
107
+ css: fg('platform_editor_fix_sllv_margin_renderer') ? datasourceContainerStyleWithMarginTop : datasourceContainerStyle,
98
108
  "data-testid": "renderer-datasource-table",
99
109
  "data-local-id": localId,
100
110
  style: {
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1653,27 +1653,6 @@ const rendererTableSortableColumnStyles = css({
1653
1653
  }
1654
1654
  }
1655
1655
  });
1656
-
1657
- // TODO: ED-27229 - Cleanup with `platform_editor_tables_numbered_column_correction`
1658
- const rendererTableColumnStylesOld = css({
1659
- [`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}`]: {
1660
- 'table[data-number-column="true"]': {
1661
- [`.${RendererCssClassName.NUMBER_COLUMN}`]: {
1662
- backgroundColor: `${`var(--ds-background-neutral, ${akEditorTableToolbar})`}`,
1663
- borderRight: `${"var(--ds-border-width, 1px)"} solid
1664
- ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
1665
- width: `${akEditorTableNumberColumnWidth}px`,
1666
- textAlign: 'center',
1667
- color: `${`var(--ds-text-subtlest, ${N200})`}`,
1668
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
1669
- fontSize: `${14 / 16} rem`
1670
- },
1671
- [`.fixed .${RendererCssClassName.NUMBER_COLUMN}`]: {
1672
- borderRight: `0px none`
1673
- }
1674
- }
1675
- }
1676
- });
1677
1656
  const rendererTableColumnStyles = css({
1678
1657
  [`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}`]: {
1679
1658
  'table[data-number-column="true"]': {
@@ -2031,7 +2010,7 @@ export const RendererStyleContainer = props => {
2031
2010
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
2032
2011
  fg('editor_inline_comments_on_inline_nodes') && fg('annotations_align_editor_and_renderer_styles') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
2033
2012
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
2034
- 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],
2013
+ 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],
2035
2014
  "data-testid": testId
2036
2015
  }, children)
2037
2016
  );
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
54
54
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
55
55
  const TABLE_WIDTH_INFO_TIMEOUT = 10000;
56
56
  const packageName = "@atlaskit/renderer";
57
- const packageVersion = "124.9.7";
57
+ const packageVersion = "124.9.8";
58
58
  const setAsQueryContainerStyles = css({
59
59
  containerName: 'ak-renderer-wrapper',
60
60
  containerType: 'inline-size'
package/dist/esm/react/nodes/blockCard.js CHANGED
@@ -26,6 +26,16 @@ var datasourceContainerStyle = css({
26
26
  marginBottom: "var(--ds-space-150, 0.75rem)",
27
27
  transform: 'translateX(-50%)'
28
28
  });
29
+ var datasourceContainerStyleWithMarginTop = css({
30
+ borderRadius: "var(--ds-radius-large, 8px)",
31
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
32
+ overflow: 'hidden',
33
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
34
+ marginLeft: '50%',
35
+ marginBottom: "var(--ds-space-150, 0.75rem)",
36
+ transform: 'translateX(-50%)',
37
+ marginTop: "var(--ds-space-150, 0.75rem)"
38
+ });
29
39
  export default function BlockCard(props) {
30
40
  var url = props.url,
31
41
  data = props.data,
@@ -98,7 +108,7 @@ export default function BlockCard(props) {
98
108
  }, cardProps), jsx(WidthConsumer, null, function (_ref5) {
99
109
  var width = _ref5.width;
100
110
  return jsx("div", {
101
- css: datasourceContainerStyle,
111
+ css: fg('platform_editor_fix_sllv_margin_renderer') ? datasourceContainerStyleWithMarginTop : datasourceContainerStyle,
102
112
  "data-testid": "renderer-datasource-table",
103
113
  "data-local-id": localId,
104
114
  style: {
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1291,21 +1291,6 @@ var rendererTableSortableColumnStyles = css(_defineProperty({}, ".".concat(Rende
1291
1291
  })), "&: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), {
1292
1292
  opacity: 1
1293
1293
  }))))));
1294
-
1295
- // TODO: ED-27229 - Cleanup with `platform_editor_tables_numbered_column_correction`
1296
- var rendererTableColumnStylesOld = css(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER), {
1297
- 'table[data-number-column="true"]': _defineProperty(_defineProperty({}, ".".concat(RendererCssClassName.NUMBER_COLUMN), {
1298
- backgroundColor: "".concat("var(--ds-background-neutral, ".concat(akEditorTableToolbar, ")")),
1299
- 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, ")")),
1300
- width: "".concat(akEditorTableNumberColumnWidth, "px"),
1301
- textAlign: 'center',
1302
- color: "".concat("var(--ds-text-subtlest, ".concat(N200, ")")),
1303
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
1304
- fontSize: "".concat(14 / 16, " rem")
1305
- }), ".fixed .".concat(RendererCssClassName.NUMBER_COLUMN), {
1306
- borderRight: "0px none"
1307
- })
1308
- }));
1309
1294
  var rendererTableColumnStyles = css(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER), {
1310
1295
  'table[data-number-column="true"]': _defineProperty(_defineProperty({}, ".".concat(RendererCssClassName.NUMBER_COLUMN), {
1311
1296
  backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
@@ -1607,7 +1592,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
1607
1592
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
1608
1593
  fg('editor_inline_comments_on_inline_nodes') && fg('annotations_align_editor_and_renderer_styles') && rendererAnnotationStylesCommentHeightFix, baseOtherStyles, allowNestedHeaderLinks && alignedHeadingAnchorStyle, mediaSingleSharedStyle,
1609
1594
  // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
1610
- 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],
1595
+ 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],
1611
1596
  "data-testid": testId
1612
1597
  }, children)
1613
1598
  );
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
59
59
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
60
60
  var TABLE_WIDTH_INFO_TIMEOUT = 10000;
61
61
  var packageName = "@atlaskit/renderer";
62
- var packageVersion = "124.9.7";
62
+ var packageVersion = "124.9.8";
63
63
  var setAsQueryContainerStyles = css({
64
64
  containerName: 'ak-renderer-wrapper',
65
65
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "124.9.8",
3
+ "version": "124.9.9",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -170,9 +170,6 @@
170
170
  "platform_editor_content_mode_button_mvp": {
171
171
  "type": "boolean"
172
172
  },
173
- "platform_editor_tables_numbered_column_correction": {
174
- "type": "boolean"
175
- },
176
173
  "platform_editor_nested_dnd_styles_changes": {
177
174
  "type": "boolean"
178
175
  },
@@ -244,6 +241,9 @@
244
241
  },
245
242
  "media-perf-uplift-mutation-fix": {
246
243
  "type": "boolean"
244
+ },
245
+ "platform_editor_fix_sllv_margin_renderer": {
246
+ "type": "boolean"
247
247
  }
248
248
  }
249
249
  }