@atlaskit/editor-core 233.0.1 → 234.0.0

package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js

@@ -1,436 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getExtensionStyles = exports.extensionDiffStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _selectionStyles = require("./selectionStyles");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * Creates the extension styles with the ability to use feature flags and experiments.
- * @returns Complete SerializedStyles including base styles and any feature-gated styles
- */
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyles(contentMode) {
-  var baseExtensionStyles = (0, _react.css)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.multiBodiedExtensionView-content-wrap': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > .multiBodiedExtension--container': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
-        backgroundColor: "var(--ds-background-danger, #FFECEB)"
-      },
-      // ...extensionLabelStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
-        color: "var(--ds-text-danger, #AE2E24)",
-        opacity: 1,
-        boxShadow: 'none'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
-        color: "var(--ds-text-selected, #1868DB)",
-        opacity: 1,
-        boxShadow: 'none'
-      },
-      /* Targets the icon for bodied macro styling in button label */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > div > .extension-label > span': {
-        display: 'inline'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div .extension-label > span': {
-        display: 'inline'
-      },
-      /* Start of bodied extension edit toggle styles */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container': {
-        opacity: 1
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > .extension-edit-toggle-container': {
-        opacity: 1
-      },
-      /* In view mode of the bodied macro, we never want to show the extension label */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
-        opacity: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
-        opacity: 0
-      },
-      /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container > .extension-edit-toggle': {
-        backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
-        color: "var(--ds-text-danger, #AE2E24)",
-        boxShadow: 'none'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&.danger > span > .with-danger-overlay': {
-        backgroundColor: 'transparent',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.multiBodiedExtension--overlay': {
-          // ...dangerOverlayStyles
-          opacity: 0.3,
-          backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-        '& > span > .multiBodiedExtension--container': [
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        _selectionStyles.boxShadowSelectionStyles,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        _selectionStyles.blanketSelectionStyles,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        _selectionStyles.hideNativeBrowserTextSelectionStyles]
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.multiBodiedExtension--container': {
-        width: '100%',
-        maxWidth: '100%' // ensure width can't go over 100%
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.inlineExtensionView-content-wrap': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > .extension-container': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
-        backgroundColor: "var(--ds-background-danger, #FFECEB)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > .with-danger-overlay': {
-        /* If the macro turned used to red before, not setting the background to be transparent will cause the
-        danger state to have two layers of red which we don't want. */
-        backgroundColor: 'transparent',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.extension-overlay': {
-          // ...dangerOverlayStyles
-          opacity: 0.3,
-          backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-        '& > span > .extension-container': [
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        _selectionStyles.boxShadowSelectionStyles,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        _selectionStyles.hideNativeBrowserTextSelectionStyles]
-      },
-      // ...extensionLabelStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
-        color: "var(--ds-text-danger, #AE2E24)",
-        opacity: 1,
-        boxShadow: 'none'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
-        color: "var(--ds-text-selected, #1868DB)",
-        opacity: 1,
-        boxShadow: 'none'
-      },
-      /* Targets the icon for bodied macro styling in button label */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > div > .extension-label > span': {
-        display: 'inline'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div .extension-label > span': {
-        display: 'inline'
-      },
-      /* Start of bodied extension edit toggle styles */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container': {
-        opacity: 1
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > .extension-edit-toggle-container': {
-        opacity: 1
-      },
-      /* In view mode of the bodied macro, we never want to show the extension label */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
-        opacity: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
-        opacity: 0
-      },
-      /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container > .extension-edit-toggle': {
-        backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
-        color: "var(--ds-text-danger, #AE2E24)",
-        boxShadow: 'none'
-      }
-    },
-    /* This is referenced in the toDOM of a bodied extension and is used to put
-    label content into the bodied extension.
-    We do this so that we don't serialise the label (which causes the label to be
-    copied to the clipboard causing copy-paste issues). */
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.bodied-extension-to-dom-label::after': {
-      content: 'attr(data-bodied-extension-label)'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extensionView-content-wrap, .multiBodiedExtensionView-content-wrap, .bodiedExtensionView-content-wrap': {
-      margin: "0.75rem 0",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:first-of-type': {
-        marginTop: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:last-of-type': {
-        marginBottom: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-        '& > span > .extension-container': [
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        _selectionStyles.boxShadowSelectionStyles,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        _selectionStyles.hideNativeBrowserTextSelectionStyles]
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > .extension-container': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
-        backgroundColor: "var(--ds-background-danger, #FFECEB)"
-      },
-      // ...extensionLabelStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
-        color: "var(--ds-text-danger, #AE2E24)",
-        opacity: 1,
-        boxShadow: 'none'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
-        color: "var(--ds-text-selected, #1868DB)",
-        opacity: 1,
-        boxShadow: 'none'
-      },
-      /* Targets the icon for bodied macro styling in button label */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > div > .extension-label > span': {
-        display: 'inline'
-      },
-      /** Targets legacy content header in LCM extension */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger > span > .legacy-content-header': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
-        backgroundColor: "var(--ds-background-danger, #FFECEB)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '& .status-lozenge-span > span': {
-          backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FD9891)"
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div .extension-label > span': {
-        display: 'inline'
-      },
-      /* Start of bodied extension edit toggle styles */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container': {
-        opacity: 1
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > .extension-edit-toggle-container': {
-        opacity: 1
-      },
-      /* In view mode of the bodied macro, we never want to show the extension label */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
-        opacity: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.always-hide-label': {
-        opacity: 0
-      },
-      /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.danger.ak-editor-selected-node > span > .extension-edit-toggle-container > .extension-edit-toggle': {
-        backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
-        color: "var(--ds-text-danger, #AE2E24)",
-        boxShadow: 'none'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&.danger > span > .with-danger-overlay': {
-        backgroundColor: 'transparent',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.extension-overlay': {
-          // ...dangerOverlayStyles
-          opacity: 0.3,
-          backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.inline': {
-        // wordWrap: 'break-all' was previously used here, but break-all is not a valid CSS property of word-wrap.
-        // It was probably intended to be word-break: break-all, however I'm omitting it here for consistency with previous actual behavior.
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extensionView-content-wrap .extension-container': {
-      overflow: 'hidden',
-      /* Don't hide overflow for editors inside extensions. */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:has(.extension-editable-area)': {
-        overflow: 'visible'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.bodiedExtensionView-content-wrap .extensionView-content-wrap .extension-container': {
-      width: '100%',
-      maxWidth: '100%' // ensure width can't go over 100%
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.bodiedExtensionView-content-wrap': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-outer-wrapper': {
-        margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.bodiedExtension-content-inner-wrapper': {
-        margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
-        padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
-        border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
-        borderRadius: "var(--ds-radius-small, 3px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.extension-container': {
-        // Remove styling when Prosemirror moves content inside
-
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-outer-wrapper': {
-          margin: '0'
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '.bodiedExtension-content-inner-wrapper': {
-          margin: 0,
-          padding: 0,
-          border: 'none',
-          borderRadius: 0
-        }
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "[data-mark-type='fragment']": {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-        margin: '0.75rem 0'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      "& > [data-mark-type='dataConsumer']": {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-          margin: '0.75rem 0'
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:first-child': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-          marginTop: 0
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        "& > [data-mark-type='dataConsumer']": {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-          '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-            marginTop: 0
-          }
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:nth-last-of-type(-n + 2):not(:first-of-type)': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-          marginBottom: 0
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        "& > [data-mark-type='dataConsumer']": {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-          '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-            marginBottom: 0
-          }
-        }
-      }
-    }
-  });
-
-  // Dense content mode extensions styling fix - addresses EDITOR-1992
-  // When cleaning up the experiment, move this logic into the baseExtensionStyles above
-  var denseExtensionStyles = contentMode === 'compact' ? (0, _react.css)({
-    // Table of Contents Macro
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.extension-container [data-macro-name="toc"] * :not(.status-lozenge-span *)': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      fontSize: 'var(--ak-editor-base-font-size)'
-    },
-    // Excerpt Include Macro
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.extension-container .ak-excerpt-include :not([data-inline-card-lozenge] *, code, .status-lozenge-span *, .code-block *)': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      fontSize: 'var(--ak-editor-base-font-size)'
-    }
-  }) : (0, _react.css)({});
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  return (0, _react.css)(baseExtensionStyles, denseExtensionStyles);
-};
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var extensionDiffStyles = exports.extensionDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".show-diff-changed-decoration-node > span .extension-container", {
-  boxShadow: "0 0 0 var(--diff-decoration-marker-ring-width, 1px) var(--diff-decoration-marker-color)"
-}));