@atlaskit/renderer 149.0.3 → 149.0.5

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

@@ -10,20 +10,29 @@ var _react = require("@emotion/react");
 var _bulletList = require("@atlaskit/adf-schema/bullet-list");
 var _orderedList = require("@atlaskit/adf-schema/ordered-list");
 var _browser = require("@atlaskit/editor-common/browser");
-var _emoji = require("@atlaskit/editor-common/emoji");
-var _mediaInline = require("@atlaskit/editor-common/media-inline");
-var _styles = require("@atlaskit/editor-common/styles");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-var _table = require("@atlaskit/editor-common/table");
-var _ugcTokens = require("@atlaskit/editor-common/ugc-tokens");
+var _editorUgcTokenNames = require("@atlaskit/editor-common/editor-ugc-token-names");
+var _styles = require("@atlaskit/editor-common/media-inline/styles");
+var _OverflowShadow = require("@atlaskit/editor-common/OverflowShadow");
+var _styles2 = require("@atlaskit/editor-common/styles");
+var _codeBlock = require("@atlaskit/editor-common/styles/code-block");
+var _date = require("@atlaskit/editor-common/styles/date");
+var _emoji = require("@atlaskit/editor-common/styles/emoji");
+var _lists = require("@atlaskit/editor-common/styles/lists");
+var _mediaSingle = require("@atlaskit/editor-common/styles/media-single");
+var _smartCard = require("@atlaskit/editor-common/styles/smart-card");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
+var _table = require("@atlaskit/editor-common/styles/table");
+var _taskDecision = require("@atlaskit/editor-common/styles/task-decision");
+var _consts = require("@atlaskit/editor-common/table/consts");
 var _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
+var _constants2 = require("@atlaskit/emoji/constants");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _consts = require("../../consts");
+var _consts2 = require("../../consts");
 var _lightWeightCodeBlock = require("../../react/nodes/codeBlock/components/lightWeightCodeBlock");
 var _headingAnchor = require("../../react/nodes/heading-anchor");
 var _table2 = require("../../react/nodes/table");
@@ -55,7 +64,7 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
   return browser.isGecko || browser.isIE || browser.isMac && browser.isChrome;
 };
 var baseFontStyle = (0, _react.css)({
-  font: _ugcTokens.editorUGCTokensRefreshed['editor.font.body']
+  font: _editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.body']
 });
 var fontSizeStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -86,8 +95,8 @@ var baseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProper
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: 'var(--ak-renderer-base-font-size)',
   color: "var(--ds-text, #292A2E)",
-  '--ak-editor--full-width-layout-width': "".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px")
-}, ".".concat(_consts.RendererCssClassName.DOCUMENT, "::after"), {
+  '--ak-editor--full-width-layout-width': "".concat(_constants.akEditorFullWidthLayoutWidth, "px")
+}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, "::after"), {
   // we add a clearfix after ak-renderer-document in order to
   // contain internal floats (such as media images that are "wrap-left")
   // to just the renderer (and not spill outside of it)
@@ -96,7 +105,7 @@ var baseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProper
   display: 'block',
   height: 0,
   clear: 'both'
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "> [".concat(_collapsibleHeadingsDom.COLLAPSED_CONTENT_OWNERS_ATTRIBUTE, "][hidden='until-found']"), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "> [".concat(_collapsibleHeadingsDom.COLLAPSED_CONTENT_OWNERS_ATTRIBUTE, "][hidden='until-found']"), {
   display: 'block',
   // `hidden='until-found'` maps to `content-visibility: hidden`, which skips the element's
   // contents but keeps its own box, sized by its own specified sizes. Everything below
@@ -109,25 +118,25 @@ var baseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProper
   marginBlock: '0 !important',
   paddingBlock: '0 !important',
   borderBlockWidth: '0 !important'
-}), ".".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
+}), ".".concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
   height: '22px',
   transform: "translateY(-2px)"
-}), "h1", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
+}), "h1", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
   height: '36px',
   transform: "translateY(-3px)"
-})), "h2", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
+})), "h2", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
   height: '31px',
   transform: "translateY(-3px)"
-})), "h3", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
+})), "h3", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
   height: '25px',
   transform: "translateY(-2px)"
-})), "h4", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
+})), "h4", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
   height: '23px',
   transform: "translateY(-2px)"
-})), "h5", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
+})), "h5", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
   height: '20px',
   transform: "translateY(-2px)"
-})), "h6", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
+})), "h6", (0, _defineProperty2.default)({}, "> .mediaInlineView-content-wrap > .".concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME, ",\n  > :is(a, span[data-mark-type='border']) .").concat(_styles.INLINE_IMAGE_WRAPPER_CLASS_NAME), {
   height: '18px',
   transform: "translateY(-2px)"
 }))), "& span.akActionMark", {
@@ -255,26 +264,26 @@ var headingAnchorButtonFocusVisibleStyles = (0, _react.css)((0, _defineProperty2
 }));
 var akEditorBreakpointForSmallDevice = '1266px';
 var responsiveBreakoutWidth = (0, _react.css)((0, _defineProperty2.default)({
-  '--ak-editor--breakout-container-without-gutter-width': "calc(100cqw - ".concat(_editorSharedStyles.akEditorGutterPadding, "px * 2)"),
+  '--ak-editor--breakout-container-without-gutter-width': "calc(100cqw - ".concat(_constants.akEditorGutterPadding, "px * 2)"),
   // Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
-  '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, "px")
+  '--ak-editor--breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidthSmallViewport, "px")
 }, "@media (min-width: ".concat(akEditorBreakpointForSmallDevice, ")"), {
-  '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidth, "px")
+  '--ak-editor--breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidth, "px")
 }));
 var responsiveBreakoutWidthFullWidth = (0, _react.css)((0, _defineProperty2.default)({
   '--ak-editor--breakout-container-without-gutter-width': '100cqw',
   // Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
-  '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, "px")
+  '--ak-editor--breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidthSmallViewport, "px")
 }, "@media (min-width: ".concat(akEditorBreakpointForSmallDevice, ")"), {
-  '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidth, "px")
+  '--ak-editor--breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidth, "px")
 }));
 var responsiveBreakoutWidthWithReducedPadding = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({
   '--ak-editor--breakout-container-without-gutter-width': "calc(100cqw - var(--ak-renderer--full-page-gutter) * 2)",
   // Corresponds to the legacyContentStyles from `@atlaskit/editor-core` meant to introduce responsive breakout width.
-  '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, "px")
+  '--ak-editor--breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidthSmallViewport, "px")
 }, "@media (min-width: ".concat(akEditorBreakpointForSmallDevice, ")"), {
-  '--ak-editor--breakout-wide-layout-width': "".concat(_editorSharedStyles.akEditorCalculatedWideLayoutWidth, "px")
-}), "@media (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
+  '--ak-editor--breakout-wide-layout-width': "".concat(_constants.akEditorCalculatedWideLayoutWidth, "px")
+}), "@media (max-width: ".concat(_constants.akEditorFullPageNarrowBreakout, "px)"), {
   '--ak-editor--breakout-container-without-gutter-width': "calc(100cqw - var(--ak-renderer--full-page-gutter) * 2)"
 }));
 var hideHeadingCopyLinkWrapperStylesDuplicateAnchor = (0, _react.css)({
@@ -303,7 +312,7 @@ var hideHeadingCopyLinkWrapperStyles = (0, _react.css)({
 });
 var rendererFullPageStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px"),
+  maxWidth: "".concat(_constants.akEditorDefaultLayoutWidth, "px"),
   margin: '0 auto',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   padding: "0 ".concat(_style.FullPagePadding, "px")
@@ -311,16 +320,16 @@ var rendererFullPageStyles = (0, _react.css)({
 var rendererFullPageStylesWithReducedPadding = (0, _react.css)((0, _defineProperty2.default)({
   '--ak-renderer--full-page-gutter': "".concat(_style.FullPagePadding, "px"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px"),
+  maxWidth: "".concat(_constants.akEditorDefaultLayoutWidth, "px"),
   margin: '0 auto',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   padding: "0 var(--ak-renderer--full-page-gutter)"
-}, "@media (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
-  '--ak-renderer--full-page-gutter': "".concat(_editorSharedStyles.akEditorGutterPaddingReduced, "px")
+}, "@media (max-width: ".concat(_constants.akEditorFullPageNarrowBreakout, "px)"), {
+  '--ak-renderer--full-page-gutter': "".concat(_constants.akEditorGutterPaddingReduced, "px")
 }));
 var oldRendererFullWidthStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px"),
+  maxWidth: "".concat(_constants.akEditorFullWidthLayoutWidth, "px"),
   margin: "0 auto",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-breakout-mark:not([data-has-width="true"]), .ak-renderer-extension': {
@@ -329,7 +338,7 @@ var oldRendererFullWidthStyles = (0, _react.css)({
 });
 var rendererFullWidthStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px"),
+  maxWidth: "".concat(_constants.akEditorFullWidthLayoutWidth, "px"),
   margin: "0 auto",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-breakout-mark:not([data-has-width="true"])': {
@@ -338,7 +347,7 @@ var rendererFullWidthStyles = (0, _react.css)({
 });
 var oldRendererMaxWidthStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px"),
+  maxWidth: "".concat(_constants.akEditorMaxWidthLayoutWidth, "px"),
   margin: "0 auto",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-breakout-mark:not([data-has-width="true"]), .ak-renderer-extension': {
@@ -347,7 +356,7 @@ var oldRendererMaxWidthStyles = (0, _react.css)({
 });
 var rendererMaxWidthStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  maxWidth: "".concat(_editorSharedStyles.akEditorMaxWidthLayoutWidth, "px"),
+  maxWidth: "".concat(_constants.akEditorMaxWidthLayoutWidth, "px"),
   margin: "0 auto",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-breakout-mark:not([data-has-width="true"])': {
@@ -413,7 +422,7 @@ var blockquoteSharedStyles = (0, _react.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderLeft: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0 0"),
+    margin: "".concat(_constants.blockNodesVerticalMargin, " 0 0 0"),
     marginRight: 0,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "[dir='rtl'] &": {
@@ -631,7 +640,7 @@ var ruleSharedStyles = (0, _react.css)({
     border: 'none',
     backgroundColor: "var(--ds-border, #0B120E24)",
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    margin: "".concat(_editorSharedStyles.akEditorLineHeight, "em 0"),
+    margin: "".concat(_constants.akEditorLineHeight, "em 0"),
     height: '2px',
     borderRadius: "var(--ds-radius-full, 9999px)"
   }
@@ -642,7 +651,7 @@ var paragraphSharedStylesWithEditorUGC = (0, _react.css)({
   '& p': {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     font: "var(--ak-renderer-editor-font-normal-text)",
-    marginTop: _editorSharedStyles.blockNodesVerticalMargin,
+    marginTop: _constants.blockNodesVerticalMargin,
     marginBottom: 0
   }
 });
@@ -650,7 +659,7 @@ var paragraphStylesUGCScaledMargin = (0, _react.css)({
   '& p': {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     font: "var(--ak-renderer-editor-font-normal-text)",
-    marginTop: _editorSharedStyles.scaledBlockNodesVerticalMargin,
+    marginTop: _constants.scaledBlockNodesVerticalMargin,
     marginBottom: 0
   }
 });
@@ -659,7 +668,7 @@ var listsSharedStyles = (0, _react.css)((_css0 = {
   // Skips top-layer surfaces. See top-layer/notes/decisions/top-layer-unsafe-selectors.md
   '& ul:not(:where([popover], dialog, & :is([popover], dialog) *)), & ol:not(:where([popover], dialog, & :is([popover], dialog) *))': {
     boxSizing: 'border-box',
-    paddingLeft: "var(--ed--list--item-counter--padding, ".concat(_styles.listItemCounterPadding, "px)")
+    paddingLeft: "var(--ed--list--item-counter--padding, ".concat(_lists.listItemCounterPadding, "px)")
   }
 }, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css0, "".concat(_orderedList.orderedListSelector, ", ").concat(_bulletList.bulletListSelector), {
   /*
@@ -786,7 +795,7 @@ var indentationSharedStylesWithMarginFix = (0, _react.css)({
     // Prevent marginTop of p:first-child overrode by batch.css
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     'p:first-child': {
-      marginTop: _editorSharedStyles.blockNodesVerticalMargin
+      marginTop: _constants.blockNodesVerticalMargin
     }
   }
 });
@@ -848,48 +857,48 @@ var extensionStyle = (0, _react.css)({
     fontSize: 'var(--ak-renderer-base-font-size)'
   }
 });
-var oldExtensionAsInlineStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]"), {
+var oldExtensionAsInlineStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]"), {
   display: 'inline-block'
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE), {
   display: 'inline-block',
   // use !important here because the current width has !important applied to it and it's not working when used in React style prop
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   width: 'auto !important',
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
+}), ".".concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts2.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
   display: 'inline-block',
   overflowX: 'visible',
   containerType: 'normal'
-}), ".".concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
+}), ".".concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts2.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
   display: 'inline-block'
 }));
-var extensionAsInlineStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]"), {
+var extensionAsInlineStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]"), {
   display: 'inline-block'
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE), {
   display: 'inline-block',
   width: 'auto',
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
+}), ".".concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts2.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
   display: 'inline-block',
   overflowX: 'visible',
   containerType: 'normal'
-}), ".".concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
+}), ".".concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, " .").concat(_consts2.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
   display: 'inline-block'
 }));
-var migratedInlineBodiedFlowStyle = (0, _react.css)((0, _defineProperty2.default)({}, [".".concat(_consts.RendererCssClassName.DOCUMENT, " [data-migrated-inline] + [data-as-inline=\"on\"]"), ".".concat(_consts.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]:has(+ [data-migrated-inline])")].join(', '), {
+var migratedInlineBodiedFlowStyle = (0, _react.css)((0, _defineProperty2.default)({}, [".".concat(_consts2.RendererCssClassName.DOCUMENT, " [data-migrated-inline] + [data-as-inline=\"on\"]"), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]:has(+ [data-migrated-inline])")].join(', '), {
   display: 'inline'
 }));
-var forgeInlineBodiedSpacingStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline]"), {
+var forgeInlineBodiedSpacingStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline]"), {
   marginBottom: 0,
   verticalAlign: 'baseline',
   maxWidth: '100%'
-}), [".".concat(_consts.RendererCssClassName.DOCUMENT, " [data-forge-inline] + [data-as-inline=\"on\"]"), ".".concat(_consts.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]:has(+ [data-forge-inline])")].join(', '), {
+}), [".".concat(_consts2.RendererCssClassName.DOCUMENT, " [data-forge-inline] + [data-as-inline=\"on\"]"), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " [data-as-inline=\"on\"]:has(+ [data-forge-inline])")].join(', '), {
   display: 'inline'
-}), ".".concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline] *"), {
+}), ".".concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline] *"), {
   maxWidth: '100%'
-}), ".".concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline] .").concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
+}), ".".concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline] .").concat(_consts2.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
   overflowX: 'auto'
-}), ".".concat(_consts.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline] .").concat(_consts.RendererCssClassName.DOCUMENT, " > p"), {
+}), ".".concat(_consts2.RendererCssClassName.EXTENSION_AS_INLINE, "[data-forge-inline] .").concat(_consts2.RendererCssClassName.DOCUMENT, " > p"), {
   display: 'inline',
   margin: 0
 }));
@@ -901,23 +910,23 @@ var inlineExtensionRendererMarginFix = (0, _react.css)({
     marginTop: 0
   }
 });
-var shadowSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "& .".concat(_ui.shadowClassNames.RIGHT_SHADOW, "::before, .").concat(_ui.shadowClassNames.RIGHT_SHADOW, "::after, .").concat(_ui.shadowClassNames.LEFT_SHADOW, "::before, .").concat(_ui.shadowClassNames.LEFT_SHADOW, "::after"), {
+var shadowSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::before, .").concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after, .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before, .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::after"), {
   display: 'none',
   position: 'absolute',
   pointerEvents: 'none',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  zIndex: _editorSharedStyles.akEditorShadowZIndex,
+  zIndex: _constants.akEditorShadowZIndex,
   width: '8px',
   content: "''",
   height: 'calc(100%)'
-}), "& .".concat(_ui.shadowClassNames.RIGHT_SHADOW, ", .").concat(_ui.shadowClassNames.LEFT_SHADOW), {
+}), "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, ", .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW), {
   position: 'relative'
-}), "& .".concat(_ui.shadowClassNames.LEFT_SHADOW, "::before"), {
+}), "& .".concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before"), {
   background: "linear-gradient( to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px, transparent 1px )"),
   top: '0px',
   left: 0,
   display: 'block'
-}), "& .".concat(_ui.shadowClassNames.RIGHT_SHADOW, "::after"), {
+}), "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after"), {
   background: "linear-gradient( to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px, transparent 1px )"),
   right: '0px',
   top: '0px',
@@ -931,7 +940,7 @@ var shadowSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defin
   width: '0px',
   minWidth: '0px'
 }));
-var dateSharedStyle = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.DateSharedCssClassName.DATE_WRAPPER, " span"), {
+var dateSharedStyle = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_date.DateSharedCssClassName.DATE_WRAPPER, " span"), {
   whiteSpace: 'unset'
 }));
 var textColorStyles = (0, _react.css)({
@@ -985,26 +994,26 @@ var textHighlightPaddingStyles = exports.textHighlightPaddingStyles = (0, _react
   }
 });
 var tasksAndDecisionsStyles = (0, _react.css)({
-  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".taskItemView-content-wrap,\n\t\t.".concat(_styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER), {
+  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".taskItemView-content-wrap,\n\t\t.".concat(_taskDecision.TaskDecisionSharedCssClassName.DECISION_CONTAINER), {
     position: 'relative',
-    minWidth: "".concat(_editorSharedStyles.akEditorTableCellMinWidth, "px")
-  }), ".".concat(_styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER), {
+    minWidth: "".concat(_constants.akEditorTableCellMinWidth, "px")
+  }), ".".concat(_taskDecision.TaskDecisionSharedCssClassName.DECISION_CONTAINER), {
     marginTop: 0
-  }), ".".concat(_styles.TaskDecisionSharedCssClassName.TASK_CONTAINER), {
+  }), ".".concat(_taskDecision.TaskDecisionSharedCssClassName.TASK_CONTAINER), {
     'span[contenteditable="false"]': {
-      height: "".concat(_editorSharedStyles.akEditorLineHeight, "em")
+      height: "".concat(_constants.akEditorLineHeight, "em")
     }
-  }), ".".concat(_styles.TaskDecisionSharedCssClassName.TASK_ITEM), {
+  }), ".".concat(_taskDecision.TaskDecisionSharedCssClassName.TASK_ITEM), {
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: _editorSharedStyles.akEditorLineHeight
+    lineHeight: _constants.akEditorLineHeight
   }),
   'div[data-task-local-id]': {
     'span[contenteditable="false"]': {
-      height: "".concat(_editorSharedStyles.akEditorLineHeight, "em")
+      height: "".concat(_constants.akEditorLineHeight, "em")
     },
     'span[contenteditable="false"] + div': {
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: "".concat(_editorSharedStyles.akEditorLineHeight, "em")
+      lineHeight: "".concat(_constants.akEditorLineHeight, "em")
     }
   },
   'div[data-task-list-local-id]': {
@@ -1038,24 +1047,24 @@ var headingPanelStyles = (0, _react.css)({
     }
   }
 });
-var smartCardStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
+var smartCardStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
   display: 'block',
-  margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0"),
+  margin: "".concat(_constants.blockNodesVerticalMargin, " 0 0"),
   maxWidth: "".concat(8 * 95, "px")
 }));
-var smartCardStylesAvatarFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
+var smartCardStylesAvatarFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_smartCard.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, ":not(.").concat(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
+var smartCardStylesAvatarMarginFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   'ul, ol': {
     marginRight: 'inherit'
   }
 }));
-var smartCardStylesAvatarListZeroMarginTop = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
+var smartCardStylesAvatarListZeroMarginTop = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(_smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ")"), {
   'ul, ol': {
     marginTop: 0
   }
@@ -1074,7 +1083,7 @@ var headerSmartCardStyles = (0, _react.css)({
 // Flex wrapper for centering without transform.
 // flex: 1 1 0% + minWidth: 0 so the wrapper takes full width when it's a flex item (full-width nodes otherwise render narrow).
 // flexShrink: 0 on child so the node keeps size.
-var centerWrapperStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.FLEX_CENTER_WRAPPER), {
+var centerWrapperStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.FLEX_CENTER_WRAPPER), {
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'flex-start',
@@ -1089,7 +1098,7 @@ var centerWrapperStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".
 
 // Reset only Expands with no preceding content sibling. Streaming SSR style/script siblings
 // are ignored so moving them to the head on the client does not change the top margin.
-var expandSsrMarginStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > [data-node-type='expand']:not(:not(style, script) ~ *)"), {
+var expandSsrMarginStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_consts2.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > [data-node-type='expand']:not(:not(style, script) ~ *)"), {
   marginTop: 0
 }));
 var baseOtherStylesDuplicateAnchor = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
@@ -1124,9 +1133,9 @@ var baseOtherStylesDuplicateAnchor = (0, _react.css)((0, _defineProperty2.defaul
     marginBottom: "var(--ds-space-300, 24px)",
     marginLeft: 0
   }
-}, ".".concat(_styles.richMediaClassName, ".rich-media-wrapped + .").concat(_styles.richMediaClassName, ":not(.rich-media-wrapped)"), {
+}, ".".concat(_mediaSingle.richMediaClassName, ".rich-media-wrapped + .").concat(_mediaSingle.richMediaClassName, ":not(.rich-media-wrapped)"), {
   clear: 'both'
-}), "& .code-block,\n\t& blockquote,\n\t& hr,\n\t& > div > div:not(.rich-media-wrapped),\n\t.".concat(_styles.richMediaClassName, ".rich-media-wrapped + .rich-media-wrapped + *:not(.rich-media-wrapped),\n\t.").concat(_styles.richMediaClassName, ".rich-media-wrapped + div:not(.rich-media-wrapped),\n\t.").concat(_styles.richMediaClassName, ".image-align-start,\n\t\t.").concat(_styles.richMediaClassName, ".image-center,\n\t\t.").concat(_styles.richMediaClassName, ".image-align-end"), {
+}), "& .code-block,\n\t& blockquote,\n\t& hr,\n\t& > div > div:not(.rich-media-wrapped),\n\t.".concat(_mediaSingle.richMediaClassName, ".rich-media-wrapped + .rich-media-wrapped + *:not(.rich-media-wrapped),\n\t.").concat(_mediaSingle.richMediaClassName, ".rich-media-wrapped + div:not(.rich-media-wrapped),\n\t.").concat(_mediaSingle.richMediaClassName, ".image-align-start,\n\t\t.").concat(_mediaSingle.richMediaClassName, ".image-center,\n\t\t.").concat(_mediaSingle.richMediaClassName, ".image-align-end"), {
   clear: 'both'
 }), '& .rich-media-wrapped', {
   '& + .renderer-heading-wrapper': {
@@ -1137,47 +1146,47 @@ var baseOtherStylesDuplicateAnchor = (0, _react.css)((0, _defineProperty2.defaul
 }), 'div[class^="image-wrap-"] + div[class^="image-wrap-"]', {
   marginLeft: 0,
   marginRight: 0
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " >"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "*:not([data-mark-type='fragment']) .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " >"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "*:not([data-mark-type='fragment']) .".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), {
   // Temporarily ignoring the below the owning team can add the ticket number for the TODO.  Context: https://atlassian.slack.com/archives/CPUEVD9MY/p1741565387326829
   // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
   // TODO - improve inline style logic on table container so important styles aren't required here
   width: '100% !important',
   left: '0 !important'
-}), "[data-mark-type='fragment'] * .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
+}), "[data-mark-type='fragment'] * .".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), {
   // Temporarily ignoring the below the owning team can add the ticket number for the TODO.  Context: https://atlassian.slack.com/archives/CPUEVD9MY/p1741565387326829
   // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
   // TODO - improve inline style logic on table container so important styles aren't required here
   width: '100% !important',
   left: '0 !important'
-}), "* .".concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
+}), "* .".concat(_consts2.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
   overflowX: 'auto'
-}), "& .".concat(_consts.RendererCssClassName.EXTENSION, ":first-child"), {
+}), "& .".concat(_consts2.RendererCssClassName.EXTENSION, ":first-child"), {
   marginTop: 0
-})), ".".concat(_consts.RendererCssClassName.DOCUMENT), (_$concat3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$concat3, ".".concat(_consts.RendererCssClassName.EXTENSION), {
-  marginTop: "".concat(_editorSharedStyles.blockNodesVerticalMargin)
-}), ".".concat(_consts.RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER, " .").concat(_consts.RendererCssClassName.EXTENSION), {
+})), ".".concat(_consts2.RendererCssClassName.DOCUMENT), (_$concat3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$concat3, ".".concat(_consts2.RendererCssClassName.EXTENSION), {
+  marginTop: "".concat(_constants.blockNodesVerticalMargin)
+}), ".".concat(_consts2.RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER, " .").concat(_consts2.RendererCssClassName.EXTENSION), {
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " .mediaSingleView-content-wrap"), {
+}), ".".concat(_consts2.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " .mediaSingleView-content-wrap"), {
   marginTop: 0,
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:first-child"), {
+}), ".".concat(_consts2.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:first-child"), {
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:last-child"), {
+}), ".".concat(_consts2.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:last-child"), {
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:first-child"), {
+}), ".".concat(_consts2.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:first-child"), {
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:last-child"), {
+}), ".".concat(_consts2.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:last-child"), {
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:first-child"), {
+}), ".".concat(_consts2.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:first-child"), {
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:last-child"), {
+}), ".".concat(_consts2.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:last-child"), {
   marginBottom: 0
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
   overflowX: 'auto'
-}), (0, _defineProperty2.default)(_$concat3, ".".concat(_ui.shadowObserverClassNames.SHADOW_CONTAINER, " .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
+}), (0, _defineProperty2.default)(_$concat3, ".".concat(_ui.shadowObserverClassNames.SHADOW_CONTAINER, " .").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
   display: 'flex'
 }))));
-var hideExtensionStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.EXTENSION, ":has([data-extension-key='hide'])"), {
+var hideExtensionStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.EXTENSION, ":has([data-extension-key='hide'])"), {
   marginTop: 0
 }));
 var baseOtherStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
@@ -1212,9 +1221,9 @@ var baseOtherStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineP
     marginBottom: "var(--ds-space-300, 24px)",
     marginLeft: 0
   }
-}, ".".concat(_styles.richMediaClassName, ".rich-media-wrapped + .").concat(_styles.richMediaClassName, ":not(.rich-media-wrapped)"), {
+}, ".".concat(_mediaSingle.richMediaClassName, ".rich-media-wrapped + .").concat(_mediaSingle.richMediaClassName, ":not(.rich-media-wrapped)"), {
   clear: 'both'
-}), "& .code-block,\n\t& blockquote,\n\t& hr,\n\t& > div > div:not(.rich-media-wrapped),\n\t.".concat(_styles.richMediaClassName, ".rich-media-wrapped + .rich-media-wrapped + *:not(.rich-media-wrapped),\n\t.").concat(_styles.richMediaClassName, ".rich-media-wrapped + div:not(.rich-media-wrapped),\n\t.").concat(_styles.richMediaClassName, ".image-align-start,\n\t\t.").concat(_styles.richMediaClassName, ".image-center,\n\t\t.").concat(_styles.richMediaClassName, ".image-align-end"), {
+}), "& .code-block,\n\t& blockquote,\n\t& hr,\n\t& > div > div:not(.rich-media-wrapped),\n\t.".concat(_mediaSingle.richMediaClassName, ".rich-media-wrapped + .rich-media-wrapped + *:not(.rich-media-wrapped),\n\t.").concat(_mediaSingle.richMediaClassName, ".rich-media-wrapped + div:not(.rich-media-wrapped),\n\t.").concat(_mediaSingle.richMediaClassName, ".image-align-start,\n\t\t.").concat(_mediaSingle.richMediaClassName, ".image-center,\n\t\t.").concat(_mediaSingle.richMediaClassName, ".image-align-end"), {
   clear: 'both'
 }), '& .rich-media-wrapped', {
   '& + .renderer-heading-wrapper': {
@@ -1225,44 +1234,44 @@ var baseOtherStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineP
 }), 'div[class^="image-wrap-"] + div[class^="image-wrap-"]', {
   marginLeft: 0,
   marginRight: 0
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " >"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "*:not([data-mark-type='fragment']) .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " >"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "*:not([data-mark-type='fragment']) .".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), {
   // Temporarily ignoring the below the owning team can add the ticket number for the TODO.  Context: https://atlassian.slack.com/archives/CPUEVD9MY/p1741565387326829
   // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
   // TODO - improve inline style logic on table container so important styles aren't required here
   width: '100% !important',
   left: '0 !important'
-}), "[data-mark-type='fragment'] * .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
+}), "[data-mark-type='fragment'] * .".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), {
   // Temporarily ignoring the below the owning team can add the ticket number for the TODO.  Context: https://atlassian.slack.com/archives/CPUEVD9MY/p1741565387326829
   // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
   // TODO - improve inline style logic on table container so important styles aren't required here
   width: '100% !important',
   left: '0 !important'
-}), "* .".concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
+}), "* .".concat(_consts2.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER), {
   overflowX: 'auto'
-}), "& .".concat(_consts.RendererCssClassName.EXTENSION, ":first-child"), {
+}), "& .".concat(_consts2.RendererCssClassName.EXTENSION, ":first-child"), {
   marginTop: 0
-})), ".".concat(_consts.RendererCssClassName.DOCUMENT), (_$concat5 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$concat5, ".".concat(_consts.RendererCssClassName.EXTENSION), {
-  marginTop: "".concat(_editorSharedStyles.blockNodesVerticalMargin)
-}), ".".concat(_consts.RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER, " .").concat(_consts.RendererCssClassName.EXTENSION), {
+})), ".".concat(_consts2.RendererCssClassName.DOCUMENT), (_$concat5 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$concat5, ".".concat(_consts2.RendererCssClassName.EXTENSION), {
+  marginTop: "".concat(_constants.blockNodesVerticalMargin)
+}), ".".concat(_consts2.RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER, " .").concat(_consts2.RendererCssClassName.EXTENSION), {
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " .mediaSingleView-content-wrap"), {
+}), ".".concat(_consts2.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " .mediaSingleView-content-wrap"), {
   marginTop: 0,
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:first-child"), {
+}), ".".concat(_consts2.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:first-child"), {
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:last-child"), {
+}), ".".concat(_consts2.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > *:last-child"), {
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:first-child"), {
+}), ".".concat(_consts2.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:first-child"), {
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:last-child"), {
+}), ".".concat(_consts2.RendererCssClassName.EMBED_CARD_CENTER_WRAPPER, " > .mediaSingleView-content-wrap > *:last-child"), {
   marginBottom: 0
-}), ".".concat(_consts.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:first-child"), {
+}), ".".concat(_consts2.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:first-child"), {
   marginTop: 0
-}), ".".concat(_consts.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:last-child"), {
+}), ".".concat(_consts2.RendererCssClassName.BLOCK_CARD_DATASOURCE_CENTER_WRAPPER, " > div > *:last-child"), {
   marginBottom: 0
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
   overflowX: 'auto'
-}), (0, _defineProperty2.default)(_$concat5, ".".concat(_ui.shadowObserverClassNames.SHADOW_CONTAINER, " .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
+}), (0, _defineProperty2.default)(_$concat5, ".".concat(_ui.shadowObserverClassNames.SHADOW_CONTAINER, " .").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
   display: 'flex'
 }))));
 var alignedHeadingAnchorStyleDuplicateAnchor = (0, _react.css)({
@@ -1323,14 +1332,14 @@ var alignedHeadingAnchorStyle = (0, _react.css)({
     transform: "translate(8px, 0px)"
   }))
 });
-var firstWrappedMediaStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.richMediaClassName, "[class*=\"image-wrap-\"]:has(+ .").concat(_styles.richMediaClassName, "[class*=\"image-wrap-\"])"), {
+var firstWrappedMediaStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_mediaSingle.richMediaClassName, "[class*=\"image-wrap-\"]:has(+ .").concat(_mediaSingle.richMediaClassName, "[class*=\"image-wrap-\"])"), {
   marginRight: 0,
   marginLeft: 0
 }));
 // Temporarily ignoring the below the owning team can add the ticket number for the TODO.  Context: https://atlassian.slack.com/archives/CPUEVD9MY/p1741565387326829
 // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
 // TODO: emotion refactor - there's a mediaSingleSharedNewStyle, but not originally used in the renderer.
-var mediaSingleSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "li .".concat(_styles.richMediaClassName), {
+var mediaSingleSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "li .".concat(_mediaSingle.richMediaClassName), {
   margin: 0
 }), '&.ua-chrome li > .mediaSingleView-content-wrap::before', {
   content: "''",
@@ -1347,7 +1356,7 @@ var mediaSingleSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _
   }
 }), ".mediaSingleView-content-wrap[layout='center']", {
   clear: 'both'
-}), "table .".concat(_styles.richMediaClassName), {
+}), "table .".concat(_mediaSingle.richMediaClassName), {
   marginTop: "var(--ds-space-150, 12px)",
   marginBottom: "var(--ds-space-150, 12px)",
   clear: 'both',
@@ -1359,9 +1368,9 @@ var mediaSingleSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _
       marginTop: "var(--ds-space-150, 12px)"
     }
   }
-}), ".".concat(_styles.richMediaClassName, ".image-wrap-right + .").concat(_styles.richMediaClassName, ".image-wrap-left"), {
+}), ".".concat(_mediaSingle.richMediaClassName, ".image-wrap-right + .").concat(_mediaSingle.richMediaClassName, ".image-wrap-left"), {
   clear: 'both'
-}), ".".concat(_styles.richMediaClassName, ".image-wrap-left + .").concat(_styles.richMediaClassName, ".image-wrap-right, .").concat(_styles.richMediaClassName, ".image-wrap-right + .").concat(_styles.richMediaClassName, ".image-wrap-left, .").concat(_styles.richMediaClassName, ".image-wrap-left + .").concat(_styles.richMediaClassName, ".image-wrap-left, .").concat(_styles.richMediaClassName, ".image-wrap-right + .").concat(_styles.richMediaClassName, ".image-wrap-right"), {
+}), ".".concat(_mediaSingle.richMediaClassName, ".image-wrap-left + .").concat(_mediaSingle.richMediaClassName, ".image-wrap-right, .").concat(_mediaSingle.richMediaClassName, ".image-wrap-right + .").concat(_mediaSingle.richMediaClassName, ".image-wrap-left, .").concat(_mediaSingle.richMediaClassName, ".image-wrap-left + .").concat(_mediaSingle.richMediaClassName, ".image-wrap-left, .").concat(_mediaSingle.richMediaClassName, ".image-wrap-right + .").concat(_mediaSingle.richMediaClassName, ".image-wrap-right"), {
   marginRight: 0,
   marginLeft: 0
 }), "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px)"), {
@@ -1491,7 +1500,7 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
   'td[colorname="bold purple" i], th[colorname="bold purple" i]': {
     backgroundColor: "var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)".concat(" !important")
   }
-}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
+}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), {
   position: 'relative',
   marginTop: 0,
   marginRight: 'auto',
@@ -1505,26 +1514,26 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
   '.decisionItemView-content-wrap:first-of-type > div': {
     marginTop: 0
   }
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, "[data-number-column='true']"), {
-  paddingLeft: "".concat(_editorSharedStyles.akEditorTableNumberColumnWidth - 1, "px"),
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, "[data-number-column='true']"), {
+  paddingLeft: "".concat(_constants.akEditorTableNumberColumnWidth - 1, "px"),
   clear: 'both'
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_RESIZER_CONTAINER), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_RESIZER_CONTAINER), {
   willChange: 'width, margin-left'
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, " table"), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, " table"), {
   willChange: 'width'
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table"), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table"), {
   marginTop: "var(--ds-space-300, 24px)",
   marginRight: 0,
   marginBottom: 0,
   marginLeft: 0
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   marginTop: "var(--ds-space-300, 24px)",
   marginRight: "var(--ds-space-100, 8px)",
   marginBottom: 0,
   marginLeft: 0
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   borderCollapse: 'collapse',
-  border: "".concat(_styles.tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
+  border: "".concat(_table.tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
   tableLayout: 'fixed',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: '1em',
@@ -1558,15 +1567,15 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
     /* only apply this styling to codeblocks in default background headercells */
     /* TODO this needs to be overhauled as it relies on unsafe selectors */
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '&:not([style]):not(.danger)': (0, _defineProperty2.default)({}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, ":not(.danger)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    '&:not([style]):not(.danger)': (0, _defineProperty2.default)({}, ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, ":not(.danger)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
       backgroundColor: "var(--ds-surface-raised, #FFFFFF)"
-    }, "&:not(.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ")"), {
+    }, "&:not(.".concat(_constants.akEditorSelectedNodeClassName, ")"), {
       boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)")
-    }), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
+    }), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
       // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
       backgroundImage: "linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t  ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t  ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t  ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t  ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t  ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t  ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t  ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", "  ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t  )"),
       backgroundColor: "var(--ds-background-neutral, #0515240F)"
-    }), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
+    }), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
       backgroundColor: "var(--ds-background-neutral, #0515240F)"
     }), '> [data-ds--code--code-block]', {
       // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
@@ -1577,19 +1586,19 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
     }))
   }
 }));
-var roundedTableRemixBlockHighlightStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".").concat(REMIX_BLOCK_HIGHLIGHT_CLASS_NAME, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".").concat(REMIX_BLOCK_HIGHLIGHT_CLASS_NAME, " > .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".").concat(REMIX_BLOCK_HIGHLIGHT_CLASS_NAME, " > .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+var roundedTableRemixBlockHighlightStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ".").concat(REMIX_BLOCK_HIGHLIGHT_CLASS_NAME, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ".").concat(REMIX_BLOCK_HIGHLIGHT_CLASS_NAME, " > .").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ".").concat(REMIX_BLOCK_HIGHLIGHT_CLASS_NAME, " > .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   '&::after': {
     borderColor: "var(--ds-border-selected, #1868DB)"
   }
 }));
-var roundedTableOuterBorderOverlayStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+var roundedTableOuterBorderOverlayStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   borderColor: 'transparent',
   position: 'relative',
   '&::after': {
     content: "''",
     position: 'absolute',
     inset: '-0.5px',
-    border: "".concat(_styles.tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
+    border: "".concat(_table.tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
     borderRadius: "var(--ds-radius-xlarge, 12px)",
     pointerEvents: 'none',
     zIndex: 1
@@ -1622,12 +1631,12 @@ var roundedTableOuterBorderOverlayStyles = (0, _react.css)((0, _defineProperty2.
     borderBottomRightRadius: "var(--ds-radius-xlarge, 12px)",
     backgroundClip: 'border-box'
   }
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky > .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky > .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER), {
   borderTopLeftRadius: "var(--ds-radius-xlarge, 12px)",
   borderTopRightRadius: "var(--ds-radius-xlarge, 12px)",
   borderBottomLeftRadius: 0,
   borderBottomRightRadius: 0
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky > .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky > .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   '&::after': {
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0
@@ -1661,24 +1670,24 @@ var roundedTableOuterBorderOverlayStyles = (0, _react.css)((0, _defineProperty2.
     borderBottomRightRadius: 0
   }
 }));
-var tableContentModeScopedStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ":has(> table[data-initial-width-mode=\"content\"]),\n\t.").concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ":has(> .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table[data-initial-width-mode=\"content\"]),\n\t.").concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ":has(> .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table[data-initial-width-mode=\"content\"])"), {
+var tableContentModeScopedStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ":has(> table[data-initial-width-mode=\"content\"]),\n\t.").concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ":has(> .").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table[data-initial-width-mode=\"content\"]),\n\t.").concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, ":has(> .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table[data-initial-width-mode=\"content\"])"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   width: 'max-content !important',
   maxWidth: 'var(--renderer-table-max-width)'
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > colgroup > col"), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > colgroup > col"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   width: 'unset !important'
 }));
-var tableContentModeExtensionContainmentStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] .").concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
+var tableContentModeExtensionContainmentStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] .").concat(_consts2.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
   containerType: 'normal'
 }));
-var tableContentModeNestedTableStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+var tableContentModeNestedTableStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_consts2.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_consts2.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   width: 'max-content !important',
   maxWidth: '100%'
 }));
-var tableRendererHeaderStylesForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+var tableRendererHeaderStylesForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   '> tbody > tr > th, > tbody > tr > td': {
-    minWidth: "".concat(_styles.tableCellMinWidth, "px"),
+    minWidth: "".concat(_table.tableCellMinWidth, "px"),
     fontWeight: "var(--ds-font-weight-regular, 400)",
     verticalAlign: 'top',
     border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
@@ -1694,16 +1703,16 @@ var tableRendererHeaderStylesForTableCellOnly = (0, _react.css)((0, _definePrope
     }
   }
 }));
-var tableRendererNestedPanelStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " .ak-editor-panel"), {
+var tableRendererNestedPanelStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " .ak-editor-panel"), {
   border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)")
 }));
-var tableStylesBackGroundClipForGeckoForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+var tableStylesBackGroundClipForGeckoForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '> tbody > tr > th, > tbody > tr > td': {
     backgroundClip: 'padding-box'
   }
 }));
-var firstNodeWithNotMarginTopWithNestedDnD = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+var firstNodeWithNotMarginTopWithNestedDnD = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   '> tbody > tr > th, > tbody > tr > td': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     '> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span))': {
@@ -1711,26 +1720,26 @@ var firstNodeWithNotMarginTopWithNestedDnD = (0, _react.css)((0, _defineProperty
     }
   }
 }));
-var rendererTableStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+var rendererTableStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
   zIndex: 0,
   transition: "all 0.1s linear",
   display: 'flex' /* needed to avoid position: fixed jumpiness in Chrome */
-}, "&.".concat(_ui.shadowClassNames.RIGHT_SHADOW, "::after, &.").concat(_ui.shadowClassNames.LEFT_SHADOW, "::before"), {
-  top: "".concat(_styles.tableMarginTop - 1, "px"),
-  height: "calc(100% - ".concat(_styles.tableMarginTop, "px)"),
-  zIndex: "".concat(_editorSharedStyles.akEditorStickyHeaderZIndex),
+}, "&.".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after, &.").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before"), {
+  top: "".concat(_table.tableMarginTop - 1, "px"),
+  height: "calc(100% - ".concat(_table.tableMarginTop, "px)"),
+  zIndex: "".concat(_constants.akEditorStickyHeaderZIndex),
   width: "".concat(tableShadowWidth, "px"),
   background: "linear-gradient(\n\t\t\t\t\tto left,\n\t\t\t\t\ttransparent 0,\n\t\t\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140%\n\t\t\t\t),\n\t\t\t\tlinear-gradient(\n\t\t\t\t\tto right,\n\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px,\n\t\t\t\t\ttransparent 1px\n\t\t\t\t)")
-}), "&.".concat(_ui.shadowClassNames.RIGHT_SHADOW, "::after"), {
+}), "&.".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after"), {
   background: "linear-gradient(\n\t\t\t\t\tto right,\n\t\t\t\t\ttransparent 0,\n\t\t\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140%\n\t\t\t\t),\n\t\t\t\tlinear-gradient(\n\t\t\t\t\tto left,\n\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px,\n\t\t\t\t\ttransparent 1px\n\t\t\t\t)"),
   right: "0px"
 }), "&\n          .".concat(_ui.shadowObserverClassNames.SENTINEL_LEFT, ",\n          &\n          .").concat(_ui.shadowObserverClassNames.SENTINEL_RIGHT), {
-  height: "calc(100% - ".concat(_styles.tableMarginTop, "px)")
+  height: "calc(100% - ".concat(_table.tableMarginTop, "px)")
 })));
-var stickyScrollbarStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+var stickyScrollbarStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
   position: 'relative',
   flexDirection: 'column'
-}, "> .".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER), {
+}, "> .".concat(_styles2.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER), {
   width: '100%',
   display: 'block',
   visibility: 'hidden',
@@ -1738,7 +1747,7 @@ var stickyScrollbarStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".
   position: 'sticky',
   bottom: "var(--ds-space-0, 0px)",
   zIndex: 1
-}), "> .".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM, ",\n\t\t> .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP), {
+}), "> .".concat(_styles2.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM, ",\n\t\t> .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP), {
   position: 'absolute',
   width: '100%',
   height: '1px',
@@ -1747,32 +1756,32 @@ var stickyScrollbarStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".
   // need this to avoid sentinel being focused via keyboard
   // this still allows it to be detected by intersection observer
   visibility: 'hidden'
-}), "> .".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP), {
+}), "> .".concat(_styles2.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP), {
   top: "".concat(tableRowHeight * 3, "px")
-}), "> .".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM), {
+}), "> .".concat(_styles2.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM), {
   bottom: "var(--ds-space-250, 20px)" // MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
 })));
-var stickyScrollbarOverflowShadowFixStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, "&.".concat(_ui.shadowClassNames.RIGHT_SHADOW, "::after, &.").concat(_ui.shadowClassNames.LEFT_SHADOW, "::before"), {
+var stickyScrollbarOverflowShadowFixStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, "&.".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after, &.").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before"), {
   // The sticky scrollbar retains this space in the table container's layout even while hidden.
   bottom: "var(--ds-space-250, 20px)",
   height: 'auto'
 })));
-var rendererTableHeaderEqualHeightStylesForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+var rendererTableHeaderEqualHeightStylesForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   height: '1px' /* will be ignored */,
   marginLeft: 0,
   marginRight: 0
-})), ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table > tbody > tr:first-of-type, .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table > tbody > tr:first-of-type"), {
+})), ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table > tbody > tr:first-of-type, .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table > tbody > tr:first-of-type"), {
   height: '100%',
   'td, th': {
     position: 'relative'
   }
 }));
-var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_WRAPPER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
   padding: 0
-}, ".".concat(_consts.RendererCssClassName.SORTABLE_COLUMN), {
+}, ".".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN), {
   width: '100%',
   height: '100%',
-  padding: "".concat(_styles.tableCellPadding, "px"),
+  padding: "".concat(_table.tableCellPadding, "px"),
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-shape
   borderWidth: '1.5px',
   borderStyle: 'solid',
@@ -1797,44 +1806,44 @@ var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.def
       borderColor: "var(--ds-border-focused, #4688EC)"
     }
   }
-}), "> .".concat(_consts.RendererCssClassName.SORTABLE_COLUMN, " > .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER), (0, _defineProperty2.default)({
+}), "> .".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN, " > .").concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER), (0, _defineProperty2.default)({
   margin: 0
-}, ".".concat(_table.SORTABLE_COLUMN_ICON_CLASSNAME), {
+}, ".".concat(_consts.SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 1,
   transition: "opacity 0.2s ease-in-out"
-})), "> .".concat(_consts.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_table.SORTABLE_COLUMN_ICON_CLASSNAME), {
+})), "> .".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_consts.SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 0,
   '&:focus': {
     opacity: 1
   }
-})), "&: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(_table.SORTABLE_COLUMN_ICON_CLASSNAME), {
+})), "&:hover:not(\n\t\t\t\t\t\t\t:has(\n\t\t\t\t\t\t\t\t\t.".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, "\n\t\t\t\t\t\t\t\t\t\t.").concat(_consts2.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(_consts2.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_consts.SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 1
 }))))));
 
 // Sortable header cells render content inside an extra div, so mirror the th alignment there.
-var rendererTableSortableColumnValignStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "th[data-valign='middle'].".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, " > .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN), {
+var rendererTableSortableColumnValignStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "th[data-valign='middle'].".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, " > .").concat(_consts2.RendererCssClassName.SORTABLE_COLUMN), {
   display: 'flex',
   flexDirection: 'column',
   justifyContent: 'center'
-}), "th[data-valign='bottom'].".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, " > .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN), {
+}), "th[data-valign='bottom'].".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, " > .").concat(_consts2.RendererCssClassName.SORTABLE_COLUMN), {
   display: 'flex',
   flexDirection: 'column',
   justifyContent: 'flex-end'
 }))));
-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), {
+var rendererTableColumnStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), {
+  'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.NUMBER_COLUMN), {
     backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
     borderRight: "var(--ds-border-width, 1px)".concat(" solid\n\t\t\t\t\t\t\t\t", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
-    width: "".concat(_editorSharedStyles.akEditorTableNumberColumnWidth, "px"),
+    width: "".concat(_constants.akEditorTableNumberColumnWidth, "px"),
     textAlign: 'center',
     color: "var(--ds-text-subtlest, #6B6E76)",
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     fontSize: "".concat(14 / 16, " rem")
-  }), ".fixed .".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
+  }), ".fixed .".concat(_consts2.RendererCssClassName.NUMBER_COLUMN), {
     borderRight: "0px none"
   })
 }));
-var rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER), (0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.SORTABLE_COLUMN), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
+var rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_WRAPPER), (0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
   position: 'unset'
 }), '>', {
   'h1, h2, h3, h4, h5, h6': {
@@ -1842,7 +1851,7 @@ var rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor =
     marginRight: '30px'
   }
 }))))));
-var rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER), (0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.SORTABLE_COLUMN), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
+var rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .").concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table, .").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), (0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN_WRAPPER), (0, _defineProperty2.default)({}, ".".concat(_consts2.RendererCssClassName.SORTABLE_COLUMN), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
   position: 'unset'
 }), '> .renderer-heading-wrapper', {
   // Reserve space for the sortable-column icon so the heading+anchor wrapper never overlaps it.
@@ -1858,14 +1867,14 @@ var stickyHeaderStyles = (0, _react.css)({
     position: 'fixed !important',
     display: 'flex',
     overflow: 'hidden',
-    zIndex: "".concat(_editorSharedStyles.akEditorStickyHeaderZIndex),
+    zIndex: "".concat(_constants.akEditorStickyHeaderZIndex),
     borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
     borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)"),
     /* this is to compensate for the table border */
     transform: 'translateX(-1px)'
   },
   '.sticky > th': {
-    zIndex: "".concat(_editorSharedStyles.akEditorStickyHeaderZIndex),
+    zIndex: "".concat(_constants.akEditorStickyHeaderZIndex),
     position: 'fixed !important',
     top: 0
   },
@@ -1902,32 +1911,32 @@ var codeBlockAndLayoutStyles = (0, _react.css)((0, _defineProperty2.default)((0,
     wordWrap: 'normal'
   },
   '& .MediaGroup, & .code-block': {
-    marginTop: "".concat(_editorSharedStyles.blockNodesVerticalMargin),
+    marginTop: "".concat(_constants.blockNodesVerticalMargin),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     '&:first-child': {
       marginTop: 0
     }
   }
-}, ".".concat(_consts.RendererCssClassName.DOCUMENT, "\n\t\t> .").concat(_lightWeightCodeBlock.LightWeightCodeBlockCssClassName.CONTAINER, "\n\t\t.").concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
-  marginTop: _editorSharedStyles.blockNodesVerticalMargin
+}, ".".concat(_consts2.RendererCssClassName.DOCUMENT, "\n\t\t> .").concat(_lightWeightCodeBlock.LightWeightCodeBlockCssClassName.CONTAINER, "\n\t\t.").concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
+  marginTop: _constants.blockNodesVerticalMargin
 }), '& [data-layout-section]', (0, _defineProperty2.default)((0, _defineProperty2.default)({
   marginTop: "var(--ds-space-250, 20px)",
   '& > div + div': {
     marginLeft: "var(--ds-space-400, 32px)"
   }
-}, "@media screen and (max-width: ".concat(_editorSharedStyles.gridMediumMaxWidth, "px)"), {
+}, "@media screen and (max-width: ".concat(_constants.gridMediumMaxWidth, "px)"), {
   '& > div + div': {
     marginLeft: 0
   }
 }), '& .MediaGroup, & .code-block', {
-  marginTop: _editorSharedStyles.blockNodesVerticalMargin,
+  marginTop: _constants.blockNodesVerticalMargin,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '&:first-child': {
     marginTop: 0
   }
 })), '& li', {
   '> .code-block': {
-    margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0 0")
+    margin: "".concat(_constants.blockNodesVerticalMargin, " 0 0 0")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '> .code-block:first-child': {
@@ -1935,7 +1944,7 @@ var codeBlockAndLayoutStyles = (0, _react.css)((0, _defineProperty2.default)((0,
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '> div:last-of-type.code-block': {
-    marginBottom: _editorSharedStyles.blockNodesVerticalMargin
+    marginBottom: _constants.blockNodesVerticalMargin
   }
 }));
 
@@ -1958,9 +1967,9 @@ var layoutBlockSsrMarginStyles = (0, _react.css)({
     marginTop: 0
   }
 });
-var codeBlockInListSsrMarginSafariFixStyles = (0, _react.css)((0, _defineProperty2.default)({}, "&:not([data-node-type='decisionList']) > li,\n\t\t&:not(.".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ") > li"), {
+var codeBlockInListSsrMarginSafariFixStyles = (0, _react.css)((0, _defineProperty2.default)({}, "&:not([data-node-type='decisionList']) > li,\n\t\t&:not(.".concat(_smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ") > li"), {
   '> .code-block:not(:not(style, script) ~ *)': {
-    marginTop: "-".concat(_editorSharedStyles.akEditorLineHeight, "em !important")
+    marginTop: "-".concat(_constants.akEditorLineHeight, "em !important")
   }
 }));
 var layoutSectionForAdvancedLayoutsStyles = (0, _react.css)({
@@ -1982,14 +1991,14 @@ var gridRenderForCodeBlockStyles = (0, _react.css)({
 });
 
 // This prevents https://product-fabric.atlassian.net/browse/ED-20924
-var codeBlockInListSafariFixStyles = (0, _react.css)((0, _defineProperty2.default)({}, "&:not([data-node-type='decisionList']) > li,\n\t\t&:not(.".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ") > li"), (0, _defineProperty2.default)({
+var codeBlockInListSafariFixStyles = (0, _react.css)((0, _defineProperty2.default)({}, "&:not([data-node-type='decisionList']) > li,\n\t\t&:not(.".concat(_smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ") > li"), (0, _defineProperty2.default)({
   '&::before': {
     content: '" "',
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: _editorSharedStyles.akEditorLineHeight
+    lineHeight: _constants.akEditorLineHeight
   }
 }, "> p:first-child,\n\t\t\t> .code-block:first-child,\n\t\t\t> .ProseMirror-gapcursor:first-child + .code-block", {
-  marginTop: "-".concat(_editorSharedStyles.akEditorLineHeight, "em !important")
+  marginTop: "-".concat(_constants.akEditorLineHeight, "em !important")
 })));
 var columnLayoutSharedStyle = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -2006,7 +2015,7 @@ var columnLayoutSharedStyle = (0, _react.css)({
     '& > .unsupportedBlockView-content-wrap': {
       minWidth: 'initial'
     }
-  }, "@media screen and (max-width: ".concat(_editorSharedStyles.gridMediumMaxWidth, "px)"), {
+  }, "@media screen and (max-width: ".concat(_constants.gridMediumMaxWidth, "px)"), {
     flexDirection: 'column'
   })
 });
@@ -2091,14 +2100,14 @@ var rendererAnnotationStylesCommentHeightFix = (0, _react.css)({
     paddingTop: "var(--ds-space-025, 2px)"
   }
 });
-var RENDERER_LIST_DENSE_GAP = "max(0px,calc((var(--ak-renderer-base-font-size) - ".concat(_editorSharedStyles.akEditorFullPageDenseFontSize, "px)* (4/3)))");
-var TASKLIST_CONTAINER_DENSE_MARGIN = "max(calc(10px + (var(--ak-renderer-base-font-size) - ".concat(_editorSharedStyles.akEditorFullPageDenseFontSize, "px) *( 2 / 3)))");
+var RENDERER_LIST_DENSE_GAP = "max(0px,calc((var(--ak-renderer-base-font-size) - ".concat(_constants.akEditorFullPageDenseFontSize, "px)* (4/3)))");
+var TASKLIST_CONTAINER_DENSE_MARGIN = "max(calc(10px + (var(--ak-renderer-base-font-size) - ".concat(_constants.akEditorFullPageDenseFontSize, "px) *( 2 / 3)))");
 var scaledDenseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
-  height: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
-  minHeight: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
-  minWidth: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
-  maxHeight: "".concat(_emoji.denseEmojiHeightH1, "px"),
-  maxWidth: "".concat(_emoji.denseEmojiHeightH1, "px"),
+  height: "".concat(_constants2.defaultDenseEmojiHeight, "px"),
+  minHeight: "".concat(_constants2.defaultDenseEmojiHeight, "px"),
+  minWidth: "".concat(_constants2.defaultDenseEmojiHeight, "px"),
+  maxHeight: "".concat(_constants2.denseEmojiHeightH1, "px"),
+  maxWidth: "".concat(_constants2.denseEmojiHeightH1, "px"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   img: {
     width: '100%',
@@ -2106,45 +2115,45 @@ var scaledDenseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _
     objectFit: 'contain'
   }
 }), "h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.denseEmojiHeightH1, "px"),
-  width: "".concat(_emoji.denseEmojiHeightH1, "px")
+  height: "".concat(_constants2.denseEmojiHeightH1, "px"),
+  width: "".concat(_constants2.denseEmojiHeightH1, "px")
 }), "h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.denseEmojiHeightH2, "px"),
-  width: "".concat(_emoji.denseEmojiHeightH2, "px")
+  height: "".concat(_constants2.denseEmojiHeightH2, "px"),
+  width: "".concat(_constants2.denseEmojiHeightH2, "px")
 }), "h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.denseEmojiHeightH3, "px"),
-  width: "".concat(_emoji.denseEmojiHeightH3, "px")
+  height: "".concat(_constants2.denseEmojiHeightH3, "px"),
+  width: "".concat(_constants2.denseEmojiHeightH3, "px")
 }), "h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.denseEmojiHeightH4, "px"),
-  width: "".concat(_emoji.denseEmojiHeightH4, "px")
+  height: "".concat(_constants2.denseEmojiHeightH4, "px"),
+  width: "".concat(_constants2.denseEmojiHeightH4, "px")
 }), ":is(h5, h6, p) :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
-  width: "".concat(_emoji.defaultDenseEmojiHeight, "px")
+  height: "".concat(_constants2.defaultDenseEmojiHeight, "px"),
+  width: "".concat(_constants2.defaultDenseEmojiHeight, "px")
 }), "[data-testid=\"icon-wrapper\"] :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  minHeight: "".concat(_emoji.defaultInlineEmojiHeight, "px"),
-  minWidth: "".concat(_emoji.defaultInlineEmojiHeight, "px"),
-  height: "".concat(_emoji.defaultInlineEmojiHeight, "px"),
-  width: "".concat(_emoji.defaultInlineEmojiHeight, "px")
+  minHeight: "".concat(_constants2.defaultInlineEmojiHeight, "px"),
+  minWidth: "".concat(_constants2.defaultInlineEmojiHeight, "px"),
+  height: "".concat(_constants2.defaultInlineEmojiHeight, "px"),
+  width: "".concat(_constants2.defaultInlineEmojiHeight, "px")
 }));
 var scaledDenseUnicodeEmojiStylesNew = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "[data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.defaultDenseEmojiHeight, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.defaultDenseEmojiHeight, "px")
 }), "h1 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.denseEmojiHeightH1, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.denseEmojiHeightH1, "px")
 }), "h2 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.denseEmojiHeightH2, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.denseEmojiHeightH2, "px")
 }), "h3 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.denseEmojiHeightH3, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.denseEmojiHeightH3, "px")
 }), "h4 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.denseEmojiHeightH4, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.denseEmojiHeightH4, "px")
 }), ":is(h5, h6, p) [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.defaultDenseEmojiHeight, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.defaultDenseEmojiHeight, "px")
 }));
 var scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
-  height: "".concat(_emoji.defaultEmojiHeight, "px"),
-  minHeight: "".concat(_emoji.defaultEmojiHeight, "px"),
-  minWidth: "".concat(_emoji.defaultEmojiHeight, "px"),
-  maxHeight: "".concat(_emoji.scaledEmojiHeightH1, "px"),
-  maxWidth: "".concat(_emoji.scaledEmojiHeightH1, "px"),
+  height: "".concat(_constants2.defaultEmojiHeight, "px"),
+  minHeight: "".concat(_constants2.defaultEmojiHeight, "px"),
+  minWidth: "".concat(_constants2.defaultEmojiHeight, "px"),
+  maxHeight: "".concat(_constants2.scaledEmojiHeightH1, "px"),
+  maxWidth: "".concat(_constants2.scaledEmojiHeightH1, "px"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   img: {
     width: '100%',
@@ -2152,53 +2161,53 @@ var scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defin
     objectFit: 'contain'
   }
 }), "h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.scaledEmojiHeightH1, "px"),
-  width: "".concat(_emoji.scaledEmojiHeightH1, "px")
+  height: "".concat(_constants2.scaledEmojiHeightH1, "px"),
+  width: "".concat(_constants2.scaledEmojiHeightH1, "px")
 }), "h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.scaledEmojiHeightH2, "px"),
-  width: "".concat(_emoji.scaledEmojiHeightH2, "px")
+  height: "".concat(_constants2.scaledEmojiHeightH2, "px"),
+  width: "".concat(_constants2.scaledEmojiHeightH2, "px")
 }), "h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.scaledEmojiHeightH3, "px"),
-  width: "".concat(_emoji.scaledEmojiHeightH3, "px")
+  height: "".concat(_constants2.scaledEmojiHeightH3, "px"),
+  width: "".concat(_constants2.scaledEmojiHeightH3, "px")
 }), "h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.scaledEmojiHeightH4, "px"),
-  width: "".concat(_emoji.scaledEmojiHeightH4, "px")
+  height: "".concat(_constants2.scaledEmojiHeightH4, "px"),
+  width: "".concat(_constants2.scaledEmojiHeightH4, "px")
 }), ":is(h5, h6, p) :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  height: "".concat(_emoji.defaultEmojiHeight, "px"),
-  width: "".concat(_emoji.defaultEmojiHeight, "px")
+  height: "".concat(_constants2.defaultEmojiHeight, "px"),
+  width: "".concat(_constants2.defaultEmojiHeight, "px")
 }), "[data-testid=\"icon-wrapper\"] :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  minHeight: "".concat(_emoji.defaultInlineEmojiHeight, "px"),
-  minWidth: "".concat(_emoji.defaultInlineEmojiHeight, "px"),
-  height: "".concat(_emoji.defaultInlineEmojiHeight, "px"),
-  width: "".concat(_emoji.defaultInlineEmojiHeight, "px")
+  minHeight: "".concat(_constants2.defaultInlineEmojiHeight, "px"),
+  minWidth: "".concat(_constants2.defaultInlineEmojiHeight, "px"),
+  height: "".concat(_constants2.defaultInlineEmojiHeight, "px"),
+  width: "".concat(_constants2.defaultInlineEmojiHeight, "px")
 }));
 var scaledUnicodeEmojiStylesNew = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "[data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.defaultEmojiHeight, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.defaultEmojiHeight, "px")
 }), "h1 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.scaledEmojiHeightH1, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.scaledEmojiHeightH1, "px")
 }), "h2 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.scaledEmojiHeightH2, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.scaledEmojiHeightH2, "px")
 }), "h3 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.scaledEmojiHeightH3, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.scaledEmojiHeightH3, "px")
 }), "h4 [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.scaledEmojiHeightH4, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.scaledEmojiHeightH4, "px")
 }), ":is(h5, h6, p) [data-emoji-type=\"unicode\"]", {
-  '--emoji-common-unicode-size': "".concat(_emoji.defaultEmojiHeight, "px")
+  '--emoji-common-unicode-size': "".concat(_constants2.defaultEmojiHeight, "px")
 }));
 var denseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
-  height: "calc(".concat(_emoji.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, ")"),
-  width: "calc(".concat(_emoji.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, ")"),
-  maxHeight: "calc(".concat(_emoji.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, ")"),
+  height: "calc(".concat(_constants2.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_constants.akEditorFullPageDefaultFontSize, ")"),
+  width: "calc(".concat(_constants2.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_constants.akEditorFullPageDefaultFontSize, ")"),
+  maxHeight: "calc(".concat(_constants2.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_constants.akEditorFullPageDefaultFontSize, ")"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   img: {
     width: '100%',
     height: '100%',
     objectFit: 'contain'
   }
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT, " .ak-editor-panel .ak-editor-panel__icon"), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT, " .ak-editor-panel .ak-editor-panel__icon"), {
   height: "var(--ds-space-250, 20px)",
   width: "var(--ds-space-250, 20px)"
-}), ".".concat(_consts.RendererCssClassName.DOCUMENT), {
+}), ".".concat(_consts2.RendererCssClassName.DOCUMENT), {
   // Adjacent list items
   'li + li': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
@@ -2249,22 +2258,22 @@ var syncBlockRendererStyles = (0, _react.css)({
  *
  * The `height` formula adjusted for table in renderer
  */
-var tableFakeBorderStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_LEFT_BORDER), {
+var tableFakeBorderStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_LEFT_BORDER), {
   display: 'block',
   width: '1px',
   height: "calc(100% - ".concat("var(--ds-space-300, 24px)", " - ", "var(--ds-space-250, 20px)", ")"),
   background: "var(--ds-background-accent-gray-subtler, #DDDEE1)",
   position: 'absolute',
   top: "var(--ds-space-300, 24px)"
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_RIGHT_BORDER), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_RIGHT_BORDER), {
   right: 0
-}), ".".concat(_styles.TableSharedCssClassName.TABLE_LEFT_BORDER, ",\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_LEFT_BORDER, "[data-with-numbered-table='true']"), {
+}), ".".concat(_styles2.TableSharedCssClassName.TABLE_LEFT_BORDER, ",\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_LEFT_BORDER, "[data-with-numbered-table='true']"), {
   left: 0
-})), ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
+})), ".".concat(_styles2.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t.").concat(_styles2.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
   borderLeftColor: 'transparent',
   borderRightColor: 'transparent'
 }));
-var roundedTableFakeBorderOverlayStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_LEFT_BORDER), {
+var roundedTableFakeBorderOverlayStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(_styles2.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t.").concat(_styles2.TableSharedCssClassName.TABLE_LEFT_BORDER), {
   display: 'none'
 })));
 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), {
@@ -2315,15 +2324,15 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
     onMouseDown: onMouseDown,
     style: {
       '--ak-renderer-base-font-size': "".concat(baseFontSize, "px"),
-      '--ak-renderer-editor-font-heading-h1': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h1']),
-      '--ak-renderer-editor-font-heading-h2': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h2']),
-      '--ak-renderer-editor-font-heading-h3': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h3']),
-      '--ak-renderer-editor-font-heading-h4': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h4']),
-      '--ak-renderer-editor-font-heading-h5': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h5']),
-      '--ak-renderer-editor-font-heading-h6': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.heading.h6']),
-      '--ak-renderer-editor-font-normal-text': "".concat(_ugcTokens.editorUGCTokensRefreshed['editor.font.body']),
+      '--ak-renderer-editor-font-heading-h1': "".concat(_editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.heading.h1']),
+      '--ak-renderer-editor-font-heading-h2': "".concat(_editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.heading.h2']),
+      '--ak-renderer-editor-font-heading-h3': "".concat(_editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.heading.h3']),
+      '--ak-renderer-editor-font-heading-h4': "".concat(_editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.heading.h4']),
+      '--ak-renderer-editor-font-heading-h5': "".concat(_editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.heading.h5']),
+      '--ak-renderer-editor-font-heading-h6': "".concat(_editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.heading.h6']),
+      '--ak-renderer-editor-font-normal-text': "".concat(_editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.body']),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
-      '--ak-renderer-editor-font-small-text': _ugcTokens.editorUGCTokensRefreshed['editor.font.body.small']
+      '--ak-renderer-editor-font-small-text': _editorUgcTokenNames.editorUGCTokensRefreshed['editor.font.body.small']
     },
     css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, 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, _table2.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((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, _isExperimentEnabled.isExperimentEnabled)('platform_editor_heading_link_target_size') && headingAnchorWrapperTargetSizeStyles, (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, 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,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -2331,7 +2340,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     (0, _fg.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor, expandSsrMarginStyles,
     // this should be placed after baseOtherStyles
-    (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), (0, _fg.fg)('platform_forge_inline_bodied_macro') && [migratedInlineBodiedFlowStyle, forgeInlineBodiedSpacingStyle], inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle, firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, tableContentModeScopedStyles, tableContentModeExtensionContainmentStyles, tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, blockSsrMarginStyles, layoutBlockSsrMarginStyles, browser.safari && codeBlockInListSsrMarginSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max') && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), (0, _fg.fg)('platform_forge_inline_bodied_macro') && [migratedInlineBodiedFlowStyle, forgeInlineBodiedSpacingStyle], inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle, firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, tableContentModeScopedStyles, tableContentModeExtensionContainmentStyles, tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, blockSsrMarginStyles, layoutBlockSsrMarginStyles, browser.safari && codeBlockInListSsrMarginSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max') && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, hideExtensionStyles],
     "data-testid": testId
   }, children);
 };