@atlaskit/editor-core 233.0.2 → 234.0.1

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

@@ -1,305 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.statusStylesTeam26 = exports.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match = exports.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match = exports.statusStyles = exports.statusDangerStyles = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-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 statusStyles = exports.statusStyles = (0, _react.css)({
-  // Show diff: status attr change highlight. Keep this with status node styles so the highlight
-  // targets the lozenge shape rather than the decoration wrapper.
-  // The ON cohort of platform_editor_show_diff_color_scheme_refactor sets
-  // --show-diff-atomic-inline-changed-border-color inline, overriding the table below; the OFF
-  // cohort picks its colour with the `-traditional` class. Drop the table at cleanup (EDITOR-8281).
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.show-diff-atomic-inline-changed-status': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.show-diff-atomic-inline-changed-status.show-diff-atomic-inline-changed-traditional': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.show-diff-atomic-inline-changed-status .status-lozenge-span > span, .show-diff-atomic-inline-changed-status .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 2px var(--show-diff-atomic-inline-changed-border-color, ".concat("var(--ds-border-accent-purple, #AF59E1)", ")")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.pm-table-cell-content-wrap, .pm-table-header-content-wrap, [data-layout-section]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.statusView-content-wrap': {
-      maxWidth: '100%',
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: 0,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& > span': {
-        width: '100%'
-      }
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.statusView-content-wrap': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& > span': {
-      cursor: 'pointer',
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: 0 // Prevent responsive layouts increasing height of container.
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.danger': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.status-lozenge-span > span': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      backgroundColor: 'rgba(255, 189, 173, 0.5)' // akEditorDeleteBackgroundWithOpacity
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.statusView-content-wrap.ak-editor-selected-node': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.status-lozenge-span > span': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-      }
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #0515240F)",
-    maxWidth: '100%',
-    paddingInline: "var(--ds-space-050, 4px)",
-    display: 'inline-flex',
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-    borderRadius: "var(--ds-radius-small, 3px)",
-    blockSize: 'min-content',
-    position: 'static',
-    overflow: 'hidden',
-    boxSizing: 'border-box',
-    appearance: 'none',
-    border: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '11px',
-    fontStyle: 'normal',
-    fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    fontWeight: "var(--ds-font-weight-bold, 653)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: '16px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    textTransform: 'uppercase',
-    whiteSpace: 'nowrap',
-    maxWidth: "calc(200px - ".concat("var(--ds-space-100, 8px)", ")")
-  }
-});
-/**
- * @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/volt-strict-mode/no-multiple-exports
-var statusStylesMixin_fg_platform_component_visual_refresh_with_search_match = exports.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node .status-lozenge-span > span': {
-      boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, #1868DB)")
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: '#292A2E'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#DDDEE1'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#D8A0F7'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#8FB8F6'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#F9C84E'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#FD9891'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#B3DF72'
-  }
-});
-/**
- * @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 statusDangerStyles = exports.statusDangerStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node.danger .status-lozenge-span > span': {
-      boxShadow: "0 0 0 2px ".concat("var(--ds-border-danger, #E2483D)")
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    }
-  }
-});
-/**
- * @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/volt-strict-mode/no-multiple-exports
-var statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match = exports.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node .status-lozenge-span > span': {
-      // getSelectionStyles([SelectionStyle.BoxShadow]);
-      boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
-      borderColor: 'transparent',
-      // hideNativeBrowserTextSelectionStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&::selection, & *::selection': {
-        backgroundColor: 'transparent'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&::-moz-selection, & *::-moz-selection': {
-        backgroundColor: 'transparent'
-      }
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #0515240F)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
-    color: "var(--ds-text-subtle, #505258)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-discovery, #F8EEFE)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
-    color: "var(--ds-text-discovery, #803FA5)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-information, #E9F2FE)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
-    color: "var(--ds-text-information, #1558BC)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-warning, #FFF5DB)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
-    color: "var(--ds-text-warning, #9E4C00)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-danger, #FFECEB)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
-    color: "var(--ds-text-danger, #AE2E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-success, #EFFFD6)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
-    color: "var(--ds-text-success, #4C6B1F)"
-  }
-});
-/**
- * @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 statusStylesTeam26 = exports.statusStylesTeam26 = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
-    paddingBlockStart: "var(--ds-space-025, 2px)",
-    paddingBlockEnd: "var(--ds-space-025, 2px)",
-    paddingInlineStart: "var(--ds-space-050, 4px)",
-    paddingInlineEnd: "var(--ds-space-050, 4px)",
-    alignItems: 'center',
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-    borderRadius: "var(--ds-radius-small, 4px)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    height: '1.25rem',
-    border: "solid ".concat("var(--ds-border-width, 1px)", " transparent")
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    textTransform: 'none',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-  },
-  /* Border, background and text colors
-   * These colors are copied from @atlaskit/lozenge
-   * Border tokens supply the appropriate light and dark color values.
-   */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #0515240F)",
-    borderColor: "var(--ds-border, #0B120E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
-    color: "var(--ds-text, #292A2E)"
-  },
-  /* Find and Replace Styles */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node .status-lozenge-span > span': {
-      boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, #1868DB)")
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.danger': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span > span': {
-      boxShadow: "0 0 0 2px ".concat("var(--ds-border-danger, #E2483D)")
-    }
-  }
-});

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

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.syncBlockInteractiveCursorStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * Styles for the synced block activation experience:
- * - Interactive elements show a pointer cursor rather than inheriting the
- *   selectable content's text cursor.
- * - Border labels can show substantially more reference-title text without
- *   overflowing narrow synced blocks.
- *
- * Kept as the sole export of this file, separate from
- * syncBlockTextSelectionStyles. The text-selection styles are always applied.
- *
- * @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 syncBlockInteractiveCursorStyles = exports.syncBlockInteractiveCursorStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'a[href], button, [role="button"], [role="link"]': {
-    cursor: 'pointer'
-  }
-}), ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-  maxWidth: "min(300px, calc(100% - ".concat("var(--ds-space-300, 24px)", "))")
-}));

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

@@ -1,253 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.syncBlockTextSelectionStyles = exports.syncBlockStylesBase = exports.syncBlockStyles = exports.syncBlockOverflowStyles = exports.syncBlockFirstNodeStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-var _$concat$concat;
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-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 syncBlockStylesBase = exports.syncBlockStylesBase = (0, _react.css)((0, _defineProperty2.default)({
-  '@property --angle': {
-    syntax: '"<angle>"',
-    initialValue: '0deg',
-    inherits: 'false'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (_$concat$concat = {
-    position: 'relative',
-    cursor: 'pointer',
-    borderRadius: "var(--ds-radius-small, 3px)",
-    marginBottom: 0,
-    marginTop: "var(--ds-space-075, 6px)",
-    paddingBlock: "var(--ds-space-150, 12px)",
-    color: 'inherit',
-    /* Hover state */
-    '&:hover': (0, _defineProperty2.default)({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)"),
-      transition: 'box-shadow 200ms ease-in'
-    }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-      opacity: 1,
-      visibility: 'visible',
-      transition: 'opacity 200ms ease-in, visibility 200ms ease-in'
-    })
-  }, (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)(_$concat$concat, "&.".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.selectionInside), (0, _defineProperty2.default)({
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    opacity: 1,
-    visibility: 'visible'
-  })), '&.ak-editor-selected-node', (0, _defineProperty2.default)({
-    boxShadow: "0 0 0 1px var(--ak-editor-sync-block-selected-border-color, ".concat("var(--ds-border-focused, #4688EC)", ")")
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    opacity: 1,
-    visibility: 'visible',
-    backgroundColor: "var(--ak-editor-sync-block-selected-label-background-color, ".concat("var(--ds-background-selected, #E9F2FE)", ")"),
-    top: '-14px',
-    paddingBottom: "var(--ds-space-050, 4px)",
-    paddingTop: "var(--ds-space-050, 4px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '> span': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      color: "var(--ds-text-selected, #1868DB)".concat(" !important")
-    }
-  })), '&.danger', (0, _defineProperty2.default)({
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ak-editor-panel__icon': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
-    }
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    backgroundColor: "var(--ds-background-danger, #FFECEB)",
-    top: '-14px',
-    paddingBottom: "var(--ds-space-050, 4px)",
-    paddingTop: "var(--ds-space-050, 4px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '> span': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      color: "var(--ds-text-danger, #AE2E24)".concat(" !important")
-    }
-  })), "&.".concat(_syncBlock.SyncBlockStateCssClassName.disabledClassName), (0, _defineProperty2.default)({
-    backgroundColor: "var(--ds-background-disabled, #0515240F)",
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-disabled, #0515240F)"),
-    userSelect: 'none'
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    backgroundColor: "var(--ds-surface, #FFFFFF)",
-    '&::before': {
-      border: 'none'
-    }
-  })), "&.".concat(_syncBlock.SyncBlockStateCssClassName.creationLoadingClassName), (0, _defineProperty2.default)({
-    animation: "".concat((0, _react.keyframes)({
-      from: {
-        '--angle': '0deg'
-      },
-      to: {
-        '--angle': '360deg'
-      }
-    }), " 2s linear infinite"),
-    border: '1px solid transparent',
-    background: "linear-gradient(".concat("var(--ds-surface, #FFFFFF)", ", ", "var(--ds-surface, #FFFFFF)", ") padding-box, conic-gradient(from var(--angle), #1868DB, ", "var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)", ", #3279E0, #1868DB) border-box"),
-    backgroundClip: 'padding-box, border-box',
-    boxShadow: 'none',
-    transition: 'boxShadow 200ms ease-in'
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    display: 'none'
-  })), ":has(.".concat(_syncBlock.SyncBlockSharedCssClassName.error, ")"), {
-    backgroundColor: "var(--ds-background-disabled, #0515240F)"
-  }), ":has(.".concat(_syncBlock.SyncBlockSharedCssClassName.loading, ")"), (0, _defineProperty2.default)({
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    opacity: 0,
-    visibility: 'hidden'
-  })), "&.".concat(_syncBlock.SyncBlockStateCssClassName.viewModeClassName), (0, _defineProperty2.default)({
-    boxShadow: 'none',
-    backgroundColor: 'unset'
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    opacity: 0,
-    visibility: 'hidden'
-  })), "&.".concat(_syncBlock.SyncBlockStateCssClassName.draggingClassName), (0, _defineProperty2.default)({
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
-  }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-    opacity: 1,
-    visibility: 'visible'
-  })), ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
-    paddingTop: 0,
-    paddingBottom: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingLeft: '19px',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingRight: '18px',
-    cursor: 'text'
-  }), (0, _defineProperty2.default)(_$concat$concat, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
-    paddingTop: 0,
-    paddingBottom: 0,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingLeft: '19px',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingRight: '18px'
-  }))), ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
-    // First child node that has drag handle widget next to it is overridden with marginTop: 0, see globalStyles in editor-plugin-block-controls/src/ui/global-styles.tsx
-    // Hence we set marginTop: 0 when by default to avoid flickering when hovering on and off the first node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-    '> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span))': {
-      marginTop: 0
-    }
-  }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
-    // First child node in bodiedSyncBlock is overridden with marginTop: 0, hence apply the same style to syncBlock for consistency
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ak-renderer-document > :first-child': {
-      marginTop: 0
-    }
-  })
-}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
-  borderRadius: "var(--ds-radius-small, 3px)",
-  position: 'absolute',
-  gap: "var(--ds-space-050, 4px)",
-  justifyContent: 'center',
-  alignItems: 'center',
-  display: 'flex',
-  opacity: 0,
-  visibility: 'hidden',
-  boxShadow: 'none',
-  zIndex: 1,
-  paddingLeft: "var(--ds-space-100, 8px)",
-  paddingRight: "var(--ds-space-100, 8px)",
-  top: '-10px',
-  right: "var(--ds-space-150, 12px)",
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  maxWidth: '140px'
-}));
-
-// Export the default styles with negative margins (original behavior)
-/**
- * @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 syncBlockStyles = exports.syncBlockStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), {
-    marginRight: "-19px",
-    marginLeft: "-19px"
-  })
-});
-/**
- * @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 syncBlockOverflowStyles = exports.syncBlockOverflowStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
-    // Contain floated elements (wrap-left/wrap-right) within synced block borders
-    // Use display: flow-root to create a block formatting context without clipping other content e.g. telepointers
-    display: 'flow-root'
-  }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
-    // Contain floated elements (wrap-left/wrap-right) within synced block borders
-    // Use display: flow-root to create a block formatting context without clipping other content e.g. telepointers
-    display: 'flow-root'
-  })
-});
-
-// Styles for text selection in reference sync blocks.
-/**
- * @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 syncBlockTextSelectionStyles = exports.syncBlockTextSelectionStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
-  // Show text cursor to indicate content is selectable
-  cursor: 'text',
-  // Remove browser focus outline on the contentEditable renderer wrapper
-  outline: 'none',
-  // Hide the blinking insertion caret. contentEditable="true" is set on
-  // the renderer to enable text selection, but the content is read-only.
-  caretColor: 'transparent',
-  // Override cursor: pointer set by the editor's layout styles on
-  // [data-layout-section] elements rendered inside the sync block content.
-  // Without this, layout nodes inside reference sync blocks show a pointer
-  // cursor instead of a text cursor.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-layout-section]': {
-    cursor: 'text'
-  }
-}), ".ProseMirror .ak-editor-selected-node .".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'span[data-emoji-id], span[data-emoji-id] span': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    boxShadow: 'none !important',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&::before': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      backgroundColor: 'transparent !important'
-    }
-  }
-}));
-/**
- * @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 syncBlockFirstNodeStyles = exports.syncBlockFirstNodeStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror > .fabric-editor-breakout-mark:first-child", (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), {
-  marginTop: 0
-})));