@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.agentShimmerStyle = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
-
-// Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
-// if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
-// on (the collab plugin adds the decorations); dormant otherwise.
-//
-// @deprecated This style has been migrated to Compiled CSS, under experiment
-// platform_editor_core_static_css. If you change this, also update the corresponding
-// `agentShimmerStyles` block in
-// packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
-
-// Skeleton-loader sweep across the agent-authored range.
-var agentShimmer = (0, _react.keyframes)({
-  from: {
-    backgroundPosition: '200% 0'
-  },
-  to: {
-    backgroundPosition: '-200% 0'
-  }
-});
-
-// Purple "just edited" highlight: eases the background and underline in, holds, then eases them back
-// out over the highlight's lifetime (duration is set inline per-decoration to match its removal).
-var agentEditHighlight = (0, _react.keyframes)({
-  '0%': {
-    backgroundColor: 'transparent',
-    borderBottomColor: 'transparent'
-  },
-  '12%': {
-    backgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
-    borderBottomColor: "var(--ds-border-accent-purple, #AF59E1)"
-  },
-  '88%': {
-    backgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
-    borderBottomColor: "var(--ds-border-accent-purple, #AF59E1)"
-  },
-  '100%': {
-    backgroundColor: 'transparent',
-    borderBottomColor: 'transparent'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var agentShimmerStyle = exports.agentShimmerStyle = (0, _react.css)({
-  // Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
-  // highlight), plus a Rovo AI telepointer/cursor at the end of the range.
-  '.ProseMirror .collab-agent-shimmer': {
-    animationDuration: '1.25s',
-    animationIterationCount: 'infinite',
-    animationName: agentShimmer,
-    animationTimingFunction: 'linear',
-    backgroundColor: "var(--ds-skeleton, #0515240F)",
-    backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-skeleton, #0515240F)", " 0%, ", "var(--ds-skeleton-subtle, #17171708)", " 50%, ", "var(--ds-skeleton, #0515240F)", " 100%)"),
-    backgroundSize: '200% 100%',
-    borderRadius: "var(--ds-radius-xsmall, 2px)",
-    boxDecorationBreak: 'clone',
-    color: 'transparent',
-    caretColor: 'transparent'
-  },
-  // Purple "just edited" highlight shown over the range after the skeleton clears — same colours as
-  // the editor AI "improve writing" in-editor highlight, but eased in and out via `agentEditHighlight`
-  // (kept as a plain class so no unsafe `:not()` selector is needed; any overlap with an annotation is
-  // momentary). The underline keeps its width with a transparent colour so the fade causes no layout
-  // shift; `animation-duration` is set inline per-decoration, with this as a fallback.
-  '.ProseMirror .collab-agent-edit-highlight': {
-    animationName: agentEditHighlight,
-    animationTimingFunction: 'ease-in-out',
-    animationFillMode: 'both',
-    animationDuration: '2000ms',
-    borderBottom: "var(--ds-border-width, 1px)".concat(" dashed transparent")
-  },
-  '.ProseMirror .ai-in-editor-telepointer': {
-    position: 'relative',
-    zIndex: 1,
-    '& > .ai-in-editor-telepointer-label': {
-      position: 'absolute',
-      boxSizing: 'border-box',
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'center',
-      alignItems: 'center',
-      padding: "var(--ds-space-025, 2px)",
-      gap: "var(--ds-space-075, 6px)",
-      height: 16,
-      top: "var(--ds-space-0, 0px)",
-      left: "var(--ds-space-0, 0px)",
-      borderRadius: "0 ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0"),
-      border: "var(--ds-border-width, 1px)".concat(" solid transparent"),
-      background: "linear-gradient(".concat("var(--ds-text, #292A2E)", ", ", "var(--ds-text, #292A2E)", ") padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box"),
-      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-semibold, 600)",
-      // Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      fontSize: 10,
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: '9px',
-      textAlign: 'center',
-      whiteSpace: 'pre',
-      color: "var(--ds-text-inverse, #FFFFFF)"
-    },
-    '&::after': {
-      content: "''",
-      position: 'absolute',
-      width: 1,
-      height: 24,
-      top: "var(--ds-space-0, 0px)",
-      left: "var(--ds-space-0, 0px)",
-      background: "var(--ds-border-brand, #1868DB)"
-    }
-  }
-});

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

@@ -1,228 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.aiPanelDarkStyles = exports.aiPanelDarkFirefoxStyles = exports.aiPanelBaseStyles = exports.aiPanelBaseFirefoxStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 */
-
-/**
- * aiPanelStyles
- * was imported from packages/editor/editor-core/src/ui/ContentStyles/ai-panels.ts
- */
-
-var rotationAnimation = (0, _react.keyframes)({
-  '0%': {
-    '--panel-gradient-angle': '0deg'
-  },
-  '100%': {
-    '--panel-gradient-angle': '360deg'
-  }
-});
-var rotationAnimationFirefox = (0, _react.keyframes)({
-  '0%': {
-    '--panel-gradient-angle': '0deg',
-    backgroundPosition: '100%'
-  },
-  '100%': {
-    '--panel-gradient-angle': '360deg',
-    backgroundPosition: '-100%'
-  }
-});
-var aiPrismColor = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, 'prism.border.step.1', {
-  light: '#0065FF',
-  dark: '#0065FF80'
-}), 'prism.border.step.2', {
-  light: '#0469FF',
-  dark: '#0469FF80'
-}), 'prism.border.step.3', {
-  light: '#BF63F3',
-  dark: '#BF63F380'
-}), 'prism.border.step.4', {
-  light: '#FFA900',
-  dark: '#FFA90080'
-});
-var aiPrismColorStep1Light = aiPrismColor['prism.border.step.1']['light'];
-var aiPrismColorStep2Light = aiPrismColor['prism.border.step.2']['light'];
-var aiPrismColorStep3Light = aiPrismColor['prism.border.step.3']['light'];
-var aiPrismColorStep4Light = aiPrismColor['prism.border.step.4']['light'];
-var aiPrismColorStep1Dark = aiPrismColor['prism.border.step.1']['dark'];
-var aiPrismColorStep2Dark = aiPrismColor['prism.border.step.2']['dark'];
-var aiPrismColorStep3Dark = aiPrismColor['prism.border.step.3']['dark'];
-var aiPrismColorStep4Dark = aiPrismColor['prism.border.step.4']['dark'];
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-var prismBorderBaseBackgroundFirefox = "linear-gradient(90deg, ".concat(aiPrismColorStep1Light, " 0%, ").concat(aiPrismColorStep2Light, " 12%, ").concat(aiPrismColorStep3Light, " 24%, ").concat(aiPrismColorStep4Light, " 48%, ").concat(aiPrismColorStep3Light, " 64%, ").concat(aiPrismColorStep2Light, " 80%, ").concat(aiPrismColorStep1Light, " 100%)");
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-var prismBorderBaseBackground = "conic-gradient(from var(--panel-gradient-angle, 270deg), ".concat(aiPrismColorStep1Light, " 0%, ").concat(aiPrismColorStep2Light, " 20%, ").concat(aiPrismColorStep3Light, " 50%, ").concat(aiPrismColorStep4Light, " 56%, ").concat(aiPrismColorStep1Light, " 100%)");
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-var prismBorderDarkBackgroundFirefox = "linear-gradient(90deg, ".concat(aiPrismColorStep1Dark, " 0%, ").concat(aiPrismColorStep2Dark, " 12%, ").concat(aiPrismColorStep3Dark, " 24%, ").concat(aiPrismColorStep4Dark, " 48%, ").concat(aiPrismColorStep3Dark, " 64%, ").concat(aiPrismColorStep2Dark, " 80%, ").concat(aiPrismColorStep1Dark, " 100%)");
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-var prismBorderDarkBackground = "conic-gradient(from var(--panel-gradient-angle, 270deg), ".concat(aiPrismColorStep1Dark, " 0%, ").concat(aiPrismColorStep2Dark, " 20%, ").concat(aiPrismColorStep3Dark, " 50%, ").concat(aiPrismColorStep4Dark, " 56%, ").concat(aiPrismColorStep1Dark, " 100%)");
-
-/**
- * @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 aiPanelBaseStyles = exports.aiPanelBaseStyles = (0, _react.css)({
-  '@property --panel-gradient-angle': {
-    syntax: '<angle>',
-    initialValue: '270deg',
-    inherits: false
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'div[extensionType="com.atlassian.ai-blocks"]': {
-    /* This hides the label for the extension */
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extension-label': {
-      display: 'none'
-    },
-    /* This styles the ai panel correctly when its just sitting on the page and there
-    is no user interaction */
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extension-container': {
-      position: 'relative',
-      boxShadow: 'none',
-      overflow: 'unset',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      backgroundColor: "var(--ds-surface, #FFFFFF)".concat(" !important"),
-      // prismBorderBaseStyles
-      '&::before, &::after': {
-        content: "''",
-        position: 'absolute',
-        zIndex: -1,
-        width: "calc(100% + 2px)",
-        height: "calc(100% + 2px)",
-        top: "-1px",
-        left: "-1px",
-        borderRadius: "calc(".concat("var(--ds-radius-small, 3px)", " + 1px)"),
-        transform: 'translate3d(0, 0, 0)',
-        background: prismBorderBaseBackground
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.with-hover-border': {
-        '&::before, &::after': {
-          //prismBorderHoverStyles
-          background: "var(--ds-border-input, #8C8F97)"
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& .with-margin-styles': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-        backgroundColor: "var(--ds-surface, #FFFFFF)".concat(" !important"),
-        borderRadius: "var(--ds-radius-small, 3px)"
-      }
-    }
-  },
-  /* This styles the ai panel correctly when its streaming */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  'div[extensionType="com.atlassian.ai-blocks"]:has(.streaming)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extension-container': {
-      '&::before, &::after': {
-        // prismBorderAnimationStyles
-        animationName: rotationAnimation,
-        animationDuration: '2s',
-        animationTimingFunction: 'linear',
-        animationIterationCount: 'infinite',
-        '@media (prefers-reduced-motion)': {
-          animation: 'none'
-        }
-      }
-    }
-  },
-  /* This styles the ai panel correctly when a user is hovering over the delete button in the floating panel */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'div[extensionType="com.atlassian.ai-blocks"].danger': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extension-container': {
-      boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-    }
-  },
-  /* This removes the margin from the action list when inside an ai panel */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'div[extensiontype="com.atlassian.ai-blocks"][extensionkey="ai-action-items-block:aiActionItemsBodiedExtension"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'div[data-node-type="actionList"]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      margin: '0 !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 aiPanelBaseFirefoxStyles = exports.aiPanelBaseFirefoxStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'div[extensionType="com.atlassian.ai-blocks"]': {
-    '&::before, &::after': {
-      background: prismBorderBaseBackgroundFirefox,
-      backgroundSize: '200%'
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  'div[extensionType="com.atlassian.ai-blocks"]:has(.streaming)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extension-container': {
-      '&::before, &::after': {
-        animationName: rotationAnimationFirefox,
-        animationDirection: 'normal',
-        animationDuration: '1s'
-      }
-    }
-  }
-});
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-/**
- * @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 aiPanelDarkStyles = exports.aiPanelDarkStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'div[extensionType="com.atlassian.ai-blocks"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extension-container': {
-      '&::before, &::after': {
-        background: prismBorderDarkBackground
-      }
-    }
-  }
-});
-
-/**
- * @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 aiPanelDarkFirefoxStyles = exports.aiPanelDarkFirefoxStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'div[extensionType="com.atlassian.ai-blocks"]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.extension-container': {
-      '&::before, &::after': {
-        background: prismBorderDarkBackgroundFirefox,
-        backgroundSize: '200%'
-      }
-    }
-  }
-});

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

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.annotationStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
-/* 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 annotationStyles = exports.annotationStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.AnnotationSharedClassNames.blur, ", .").concat(_styles.AnnotationSharedClassNames.focus, ", .").concat(_styles.AnnotationSharedClassNames.draft, ", .").concat(_styles.AnnotationSharedClassNames.hover), {
-    borderBottom: '2px solid transparent',
-    cursor: 'pointer',
-    padding: '1px 0 2px',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '&:has(.card), &:has([data-inline-card])': {
-      padding: '5px 0 3px 0'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '&:has(.date-lozenger-container)': {
-      paddingTop: "var(--ds-space-025, 2px)"
-    }
-  }), ".".concat(_styles.AnnotationSharedClassNames.focus), {
-    background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
-    borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
-  }), ".".concat(_styles.AnnotationSharedClassNames.draft), {
-    background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
-    borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)",
-    cursor: 'initial'
-  }), ".".concat(_styles.AnnotationSharedClassNames.blur), {
-    background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
-    borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
-  }), ".".concat(_styles.AnnotationSharedClassNames.hover), {
-    background: "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
-    borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
-  })
-});

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

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.textHighlightPaddingStyles = exports.highlightLinksUnsetStyles = exports.backgroundColorStyles = 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 textHighlightPaddingStyles = exports.textHighlightPaddingStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '.fabric-background-color-mark:has(.background-color-padding-left)': {
-    paddingLeft: "var(--ds-space-025, 2px)",
-    marginLeft: "var(--ds-space-negative-025, -2px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '.fabric-background-color-mark:has(.background-color-padding-right)': {
-    paddingRight: "var(--ds-space-025, 2px)",
-    marginRight: "var(--ds-space-negative-025, -2px)"
-  }
-});
-
-/**
- * @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 backgroundColorStyles = exports.backgroundColorStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.fabric-background-color-mark': {
-    backgroundColor: 'var(--custom-palette-color, inherit)',
-    borderRadius: "var(--ds-radius-xsmall, 2px)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingTop: 1,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingBottom: 2,
-    boxDecorationBreak: 'clone'
-  },
-  // Don't show text highlight styling when there is an inline comment
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.fabric-background-color-mark .ak-editor-annotation': {
-    backgroundColor: 'unset'
-  }
-});
-
-/**
- * @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
- */
-// Don't show text highlight styling when there is a hyperlink.
-// Conditionally applied when the highlight-on-links experiment is off.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var highlightLinksUnsetStyles = exports.highlightLinksUnsetStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'a .fabric-background-color-mark': {
-    backgroundColor: 'unset'
-  }
-});

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

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.maxModeReizeFixStyles = exports.editorLargeGutterPuddingReducedBaseStyles = exports.editorGutterPaddingBaseStyles = exports.baseStylesMaxContainerWidthFixes = exports.baseStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 */
-
-// = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
-var akEditorCalculatedWideLayoutWidth = 1011;
-// from breakoutConsts.calcWideWidth, layoutMaxWidth * breakoutConsts.wideScaleRatio = 904.8 ~ 905 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is <= 1266px.
-var akEditorCalculatedWideLayoutWidthSmallViewport = 905;
-var akEditorGutterPadding = 32;
-var akEditorDefaultLayoutWidth = 760;
-var akEditorFullWidthLayoutWidth = 1800;
-// The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
-var akEditorBreakpointForSmallDevice = "1266px";
-var akEditorGutterPaddingReduced = 24;
-var akEditorFullPageNarrowBreakout = 600;
-var akEditorUltraWideLayoutWidth = 4000;
-
-// jest warning: JSDOM version (22) doesn't support the new @container CSS rule
-/**
- * @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 baseStyles = exports.baseStyles = (0, _react.css)((0, _defineProperty2.default)({
-  '--ak-editor--default-gutter-padding': "".concat(akEditorGutterPadding, "px"),
-  '--ak-editor--default-layout-width': "".concat(akEditorDefaultLayoutWidth, "px"),
-  '--ak-editor--resizer-handle-spacing': "12px",
-  '--ak-editor--full-width-layout-width': "".concat(akEditorFullWidthLayoutWidth, "px"),
-  /* calculate editor line length, 100cqw is the editor container width */
-  '--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--default-layout-width))',
-  '--ak-editor--max-width-layout-width': "".concat(akEditorUltraWideLayoutWidth, "px"),
-  '--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidthSmallViewport, "px"),
-  '--ak-editor--breakout-full-page-guttering-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding))',
-  '--ak-editor--breakout-fallback-width': 'calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))',
-  '--ak-editor--breakout-min-width': '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.fabric-editor--full-width-mode': {
-    '--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--full-width-layout-width))',
-    /* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */
-    '--ak-editor--breakout-fallback-width': '100%',
-    '--ak-editor--breakout-min-width': '0px'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    '--ak-editor-max-container-width': 'calc(100cqw - var(--ak-editor--large-gutter-padding))',
-    outline: 'none',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: 'var(--ak-editor-base-font-size)'
-  },
-  /* We can't allow nodes that are inside other nodes to bleed from the parent container */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block]': {
-    '--ak-editor-max-container-width': '100%'
-  }
-}, "@container editor-area (width >= ".concat(akEditorBreakpointForSmallDevice, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    '--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidth, "px")
-  }
-}));
-/**
- * @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 maxModeReizeFixStyles = exports.maxModeReizeFixStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.fabric-editor--max-width-mode': {
-    '--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--max-width-layout-width))',
-    /* in max width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */
-    '--ak-editor--breakout-fallback-width': '100%',
-    '--ak-editor--breakout-min-width': '0px'
-  }
-});
-/**
- * @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 baseStylesMaxContainerWidthFixes = exports.baseStylesMaxContainerWidthFixes = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    '--ak-editor-max-container-width': 'calc(100cqw - var(--ak-editor--large-gutter-padding)*2)'
-  }
-});
-
-// This is to avoid using akEditorGutterPaddingDynamic
-/**
- * @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 editorGutterPaddingBaseStyles = exports.editorGutterPaddingBaseStyles = (0, _react.css)({
-  '--ak-editor--large-gutter-padding': '72px'
-});
-/**
- * @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 editorLargeGutterPuddingReducedBaseStyles = exports.editorLargeGutterPuddingReducedBaseStyles = (0, _react.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
-  '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingReduced, "px")
-}));

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

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.blockMarksStyles = 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 blockMarksStyles = exports.blockMarksStyles = (0, _react.css)({
-  // We need to remove margin-top from first item
-  // inside doc, tableCell, tableHeader, blockquote, etc.
-  //
-  // - For nested block marks apart from those with indentation mark.
-  // - Do not remove the margin top for nodes inside indentation marks.
-  // - Do not remove the margin top for nodes inside alignment marks.
-  // - Do not remove the margin top for nodes inside font size marks.
-  //- If first element inside a block node has alignment or font size mark, then remove the margin-top.
-  //- If first document element has indentation mark remove margin-top.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-  '*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size), .fabric-editor-alignment:first-of-type:first-child, .fabric-editor-font-size:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:first-child:not(style), style:first-child + *': {
-        marginTop: 0
-      }
-    }
-  }
-});