@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,115 +0,0 @@
-/* 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 */
-
-import { css, keyframes } from '@emotion/react';
-// 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.
-const agentShimmer = 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).
-const agentEditHighlight = 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
-export const agentShimmerStyle = 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, ${"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)"} 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 ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0`,
-      border: `${"var(--ds-border-width, 1px)"} solid transparent`,
-      background: `linear-gradient(${"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/es2019/ui/EditorContentContainer/styles/aiPanel.js

@@ -1,225 +0,0 @@
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required, @atlaskit/ui-styling-standard/no-exported-styles */
-
-import { css, keyframes } from '@emotion/react';
-/**
- * aiPanelStyles
- * was imported from packages/editor/editor-core/src/ui/ContentStyles/ai-panels.ts
- */
-
-const rotationAnimation = keyframes({
-  '0%': {
-    '--panel-gradient-angle': '0deg'
-  },
-  '100%': {
-    '--panel-gradient-angle': '360deg'
-  }
-});
-const rotationAnimationFirefox = keyframes({
-  '0%': {
-    '--panel-gradient-angle': '0deg',
-    backgroundPosition: '100%'
-  },
-  '100%': {
-    '--panel-gradient-angle': '360deg',
-    backgroundPosition: '-100%'
-  }
-});
-const aiPrismColor = {
-  ['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'
-  }
-};
-const aiPrismColorStep1Light = aiPrismColor['prism.border.step.1']['light'];
-const aiPrismColorStep2Light = aiPrismColor['prism.border.step.2']['light'];
-const aiPrismColorStep3Light = aiPrismColor['prism.border.step.3']['light'];
-const aiPrismColorStep4Light = aiPrismColor['prism.border.step.4']['light'];
-const aiPrismColorStep1Dark = aiPrismColor['prism.border.step.1']['dark'];
-const aiPrismColorStep2Dark = aiPrismColor['prism.border.step.2']['dark'];
-const aiPrismColorStep3Dark = aiPrismColor['prism.border.step.3']['dark'];
-const aiPrismColorStep4Dark = aiPrismColor['prism.border.step.4']['dark'];
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-const prismBorderBaseBackgroundFirefox = `linear-gradient(90deg, ${aiPrismColorStep1Light} 0%, ${aiPrismColorStep2Light} 12%, ${aiPrismColorStep3Light} 24%, ${aiPrismColorStep4Light} 48%, ${aiPrismColorStep3Light} 64%, ${aiPrismColorStep2Light} 80%, ${aiPrismColorStep1Light} 100%)`;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-const prismBorderBaseBackground = `conic-gradient(from var(--panel-gradient-angle, 270deg), ${aiPrismColorStep1Light} 0%, ${aiPrismColorStep2Light} 20%, ${aiPrismColorStep3Light} 50%, ${aiPrismColorStep4Light} 56%, ${aiPrismColorStep1Light} 100%)`;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-const prismBorderDarkBackgroundFirefox = `linear-gradient(90deg, ${aiPrismColorStep1Dark} 0%, ${aiPrismColorStep2Dark} 12%, ${aiPrismColorStep3Dark} 24%, ${aiPrismColorStep4Dark} 48%, ${aiPrismColorStep3Dark} 64%, ${aiPrismColorStep2Dark} 80%, ${aiPrismColorStep1Dark} 100%)`;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-const prismBorderDarkBackground = `conic-gradient(from var(--panel-gradient-angle, 270deg), ${aiPrismColorStep1Dark} 0%, ${aiPrismColorStep2Dark} 20%, ${aiPrismColorStep3Dark} 50%, ${aiPrismColorStep4Dark} 56%, ${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
- */
-export const aiPanelBaseStyles = 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)"} !important`,
-      // prismBorderBaseStyles
-      '&::before, &::after': {
-        content: "''",
-        position: 'absolute',
-        zIndex: -1,
-        width: `calc(100% + 2px)`,
-        height: `calc(100% + 2px)`,
-        top: `-1px`,
-        left: `-1px`,
-        borderRadius: `calc(${"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)"} !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 ${"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
-export const aiPanelBaseFirefoxStyles = 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
-export const aiPanelDarkStyles = 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
-export const aiPanelDarkFirefoxStyles = 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/es2019/ui/EditorContentContainer/styles/annotationStyles.js

@@ -1,55 +0,0 @@
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-import { css } from '@emotion/react';
-import { AnnotationSharedClassNames } from '@atlaskit/editor-common/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
- */
-export const annotationStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${AnnotationSharedClassNames.blur}, .${AnnotationSharedClassNames.focus}, .${AnnotationSharedClassNames.draft}, .${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)"
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${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)"
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${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'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${AnnotationSharedClassNames.blur}`]: {
-      background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
-      borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${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/es2019/ui/EditorContentContainer/styles/backgroundColorStyles.js

@@ -1,64 +0,0 @@
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-import { css } from '@emotion/react';
-/**
- * @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
- */
-export const textHighlightPaddingStyles = 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
-export const backgroundColorStyles = 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
-export const highlightLinksUnsetStyles = 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/es2019/ui/EditorContentContainer/styles/baseStyles.js

@@ -1,119 +0,0 @@
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-import { css } from '@emotion/react';
-// = 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.
-const 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.
-const akEditorCalculatedWideLayoutWidthSmallViewport = 905;
-const akEditorGutterPadding = 32;
-const akEditorDefaultLayoutWidth = 760;
-const akEditorFullWidthLayoutWidth = 1800;
-// The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
-const akEditorBreakpointForSmallDevice = `1266px`;
-const akEditorGutterPaddingReduced = 24;
-const akEditorFullPageNarrowBreakout = 600;
-const 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
- */
-export const baseStyles = css({
-  '--ak-editor--default-gutter-padding': `${akEditorGutterPadding}px`,
-  '--ak-editor--default-layout-width': `${akEditorDefaultLayoutWidth}px`,
-  '--ak-editor--resizer-handle-spacing': `12px`,
-  '--ak-editor--full-width-layout-width': `${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': `${akEditorUltraWideLayoutWidth}px`,
-  '--ak-editor--breakout-wide-layout-width': `${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 is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values
-  [`@container editor-area (width >= ${akEditorBreakpointForSmallDevice})`]: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror': {
-      '--ak-editor--breakout-wide-layout-width': `${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
-export const maxModeReizeFixStyles = 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
-export const baseStylesMaxContainerWidthFixes = 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
-export const editorGutterPaddingBaseStyles = 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
-export const editorLargeGutterPuddingReducedBaseStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values
-  [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {
-    '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingReduced}px`
-  }
-});

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

@@ -1,32 +0,0 @@
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-import { css } from '@emotion/react';
-/**
- * @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
- */
-export const blockMarksStyles = 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
-      }
-    }
-  }
-});