@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,301 +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 { overflowShadowStyles } from './overflowShadowStyles';
-import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
-
-/**
- * @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 CodeBlockSharedCssClassName = {
-  CODEBLOCK_CONTAINER: 'code-block',
-  CODEBLOCK_START: 'code-block--start',
-  CODEBLOCK_END: 'code-block--end',
-  CODEBLOCK_CONTENT_WRAPPER: 'code-block-content-wrapper',
-  CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
-  CODEBLOCK_CONTENT: 'code-content',
-  DS_CODEBLOCK: '[data-ds--code--code-block]',
-  CODEBLOCK_CONTENT_WRAPPED: 'code-content--wrapped',
-  CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET: 'code-content__line-number--wrapped'
-};
-const fontSize14px = `${14 / 16}rem`;
-const blockNodesVerticalMargin = '0.75rem';
-const gutterDangerOverlay = css({
-  '&::after': {
-    height: '100%',
-    content: "''",
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    width: '24px',
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-/**
- * @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 codeBlockStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED} > .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} > .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}`]: {
-      marginRight: "var(--ds-space-100, 8px)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      code: {
-        display: 'block',
-        wordBreak: 'break-word',
-        whiteSpace: 'pre-wrap'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} > .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}`]: {
-      display: 'flex',
-      flex: 1,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      code: {
-        flexGrow: 1,
-        whiteSpace: 'pre'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}`]: {
-      position: 'relative',
-      backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
-      borderRadius: "var(--ds-radius-small, 3px)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      margin: `${blockNodesVerticalMargin} 0 0 0`,
-      fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      minWidth: 48,
-      cursor: 'pointer',
-      clear: 'both',
-      // This is necessary to allow for arrow key navigation in/out of code blocks in Firefox.
-      whiteSpace: 'normal',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.code-block-gutter-pseudo-element::before': {
-        content: 'attr(data-label)'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_START}`]: {
-        position: 'absolute',
-        visibility: 'hidden',
-        height: '1.5rem',
-        top: 0,
-        left: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_END}`]: {
-        position: 'absolute',
-        visibility: 'hidden',
-        height: '1.5rem',
-        bottom: 0,
-        right: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER}`]: [
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      overflowShadowStyles, {
-        position: 'relative',
-        backgroundColor: "var(--ds-background-neutral, #0515240F)",
-        display: 'flex',
-        borderRadius: "var(--ds-radius-small, 3px)",
-        width: '100%',
-        counterReset: 'line',
-        overflowX: 'auto',
-        backgroundRepeat: 'no-repeat',
-        backgroundAttachment: 'local, local, local, local, scroll, scroll, scroll, scroll',
-        backgroundSize: `${"var(--ds-space-300, 24px)"} 100%,
-	                         ${"var(--ds-space-300, 24px)"} 100%,
-	                         ${"var(--ds-space-100, 8px)"} 100%,
-	                         ${"var(--ds-space-100, 8px)"} 100%,
-	                         ${"var(--ds-space-100, 8px)"} 100%,
-	                         1px 100%,
-	                         ${"var(--ds-space-100, 8px)"} 100%,
-	                         1px 100%`,
-        backgroundPosition: `0 0,
-	                             0 0,
-                               100% 0,
-                               100% 0,
-                               100% 0,
-                               100% 0,
-	                             0 0,
-	                             0 0`,
-        // Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers.
-        overflowY: 'hidden'
-      }],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER}`]: {
-        backgroundColor: "var(--ds-background-neutral, #0515240F)",
-        position: 'relative',
-        width: 'var(--lineNumberGutterWidth, 2rem)',
-        padding: "var(--ds-space-100, 8px)",
-        flexShrink: 0,
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontSize: fontSize14px,
-        boxSizing: 'content-box'
-      },
-      // This is a fix of marker of list item with code block.
-      // The list item marker in Chrome is aligned by the baseline of the text,
-      // that's why we need to add a text (content: "1") to the line number gutter to align
-      // the list item marker with the text.
-      // Without it, the list item marker will be aligned by the bottom of the code block. */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER}::before`]: {
-        content: "'1'",
-        visibility: 'hidden',
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontSize: fontSize14px,
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        lineHeight: '1.5rem'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}`]: {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        code: {
-          tabSize: 4,
-          cursor: 'text',
-          color: "var(--ds-text, #292A2E)",
-          borderRadius: "var(--ds-radius-small, 3px)",
-          margin: "var(--ds-space-100, 8px)",
-          // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-          fontSize: fontSize14px,
-          // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-          lineHeight: '1.5rem'
-        }
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET}`]: {
-        pointerEvents: 'none',
-        userSelect: 'none',
-        width: 'var(--lineNumberGutterWidth, 2rem)',
-        left: 0,
-        position: 'absolute',
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontSize: fontSize14px,
-        padding: `0px ${"var(--ds-space-100, 8px)"}`,
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        lineHeight: '1.5rem',
-        textAlign: 'right',
-        color: "var(--ds-text-subtlest, #6B6E76)",
-        boxSizing: 'content-box'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    li: {
-      // if same list item has multiple code blocks we need top margin for all but first
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '> .code-block': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-        margin: `${blockNodesVerticalMargin} 0 0 0`
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-      '> .code-block:first-child, > .ProseMirror-gapcursor:first-child + .code-block': {
-        marginTop: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-      '> div:last-of-type.code-block, > pre:last-of-type.code-block': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-        marginBottom: blockNodesVerticalMargin
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-imported-style-values
-    [`.code-block.ak-editor-selected-node:not(.danger)`]: [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    boxShadowSelectionStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    blanketSelectionStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    hideNativeBrowserTextSelectionStyles],
-    // Danger when top level node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.danger.code-block': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER}`]: [{
-        backgroundColor: "var(--ds-background-danger, #FFECEB)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        color: "var(--ds-text-danger, #AE2E24)"
-      }, gutterDangerOverlay],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}`]: {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-      }
-    },
-    // Danger when nested node
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.danger .code-block': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER}`]: [{
-        backgroundColor: "var(--ds-background-danger, #FFECEB)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-        color: "var(--ds-text-danger, #AE2E24)"
-      }, gutterDangerOverlay],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}`]: {
-        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-      }
-    }
-  }
-});
-/**
- * @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 codeBlockStylesWithEmUnits = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}`]: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.code-block-gutter-pseudo-element::before': {
-        display: 'flow',
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        lineHeight: '1.5em'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}`]: {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        code: {
-          // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-          fontSize: '0.875em',
-          // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-          lineHeight: '1.5em'
-        }
-      }
-    }
-  }
-});
-/**
- * @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 firstCodeBlockWithNoMargin = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ak-editor-panel__content': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
-      '> .code-block:first-child, > .ProseMirror-widget:first-child + .code-block, > .ProseMirror-widget:first-child + .ProseMirror-widget + .code-block': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space,@atlaskit/ui-styling-standard/no-important-styles
-        margin: '0!important'
-      }
-    }
-  }
-});

package/dist/es2019/ui/EditorContentContainer/styles/codeMarkStyles.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 codeMarkStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.code': {
-    '--ds--code--bg-color': "var(--ds-background-neutral, #0515240F)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    display: 'inline',
-    padding: '2px 0.5ch',
-    backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #0515240F)"})`,
-    borderRadius: "var(--ds-radius-small, 3px)",
-    borderStyle: 'none',
-    boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #292A2E)",
-    fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '0.875em',
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    overflow: 'unset',
-    overflowWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  }
-});

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

@@ -1,33 +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';
-const CommentEditorMargin = 14;
-const GRID_GUTTER = 12;
-
-// Originally copied from packages/editor/editor-core/src/ui/Appearance/Comment/Comment.tsx
-/**
- * @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 commentEditorStyles = css({
-  flexGrow: 1,
-  overflowX: 'clip',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '24px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror': {
-    margin: "var(--ds-space-150, 12px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridParent': {
-    marginLeft: "var(--ds-space-025, 2px)",
-    marginRight: "var(--ds-space-025, 2px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: `calc(100% + ${CommentEditorMargin - GRID_GUTTER}px)`
-  },
-  padding: "var(--ds-space-250, 20px)"
-});

package/dist/es2019/ui/EditorContentContainer/styles/containerTypeStyles.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';
-/**
- * Establishes a container-query context on the editor content area for non-full-page
- * appearances (comment, chromeless).
- *
- * Content sizing (native embeds, media / rich-media) reads `--ak-editor-max-container-width`
- * (`calc(100cqw - gutter)`) and, in some paths, `100cqw` directly. Those `cqw` units resolve
- * against the nearest ancestor with `container-type: inline-size`.
- *
- * Full-page already provides such an ancestor (the `editor-area` wrapper), so full-width
- * breakout keeps working there. But comment / chromeless appearances have no container-query
- * ancestor, so `cqw` falls back to the viewport width. The viewport does not shrink when an
- * in-page sidebar narrows the content column, so content max-widths stay viewport-wide and
- * never shrink: responsiveness works without a sidebar but breaks with one.
- *
- * Making the content area itself a query container gives `cqw` a real, sidebar-aware width to
- * resolve against. It is applied only to non-full-page appearances (full-page keeps the
- * existing `editor-area` container) and only to the content area (not the outer editor
- * wrapper), so the implied `contain: layout` stays confined to content — exactly how the
- * full-page `editor-area` container already behaves.
- *
- * @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
- */
-export const nonFullPageContainerTypeStyles = css({
-  containerType: 'inline-size'
-});

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

@@ -1,25 +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 cursorStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor)': {
-    caretColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor': {
-    display: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror:has(.ProseMirror-hide-cursor)': {
-    caretColor: 'transparent'
-  }
-});

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

@@ -1,122 +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 { boxShadowSelectionStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
-
-/**
- * @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 DateSharedCssClassName = {
-  DATE_WRAPPER: `date-lozenger-container`,
-  DATE_CONTAINER: 'dateView-content-wrap'
-};
-/**
- * @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 dateVanillaStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-  [`[data-prosemirror-node-name='date'] .${DateSharedCssClassName.DATE_WRAPPER} span`]: {
-    backgroundColor: "var(--ds-background-neutral, #0515240F)",
-    color: "var(--ds-text, #292A2E)",
-    borderRadius: "var(--ds-radius-small, 4px)",
-    padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`,
-    margin: '0 1px',
-    position: 'relative',
-    transition: 'background 0.3s',
-    whiteSpace: 'nowrap',
-    cursor: 'unset'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-  [`[data-prosemirror-node-name='date'] .${DateSharedCssClassName.DATE_WRAPPER} span:hover`]: {
-    backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-  [`[data-prosemirror-node-name='date'] .${DateSharedCssClassName.DATE_WRAPPER} span.date-node-color-red`]: {
-    backgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)",
-    color: "var(--ds-text-accent-red, #AE2E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-  [`[data-prosemirror-node-name='date'] .${DateSharedCssClassName.DATE_WRAPPER} span.date-node-color-red:hover`]: {
-    backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)"
-  }
-});
-
-// 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 dateStyles = css({
-  // Show diff: date attr change highlight. Keep this with date node styles so the highlight
-  // follows the date node view instead of living in shared smart-card diff styles.
-  // 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-date': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    outline: `2px solid var(--show-diff-atomic-inline-changed-border-color, ${"var(--ds-border-accent-purple, #AF59E1)"})`,
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    outlineOffset: '1px',
-    borderRadius: "var(--ds-radius-medium, 6px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.show-diff-atomic-inline-changed-date.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, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`.${DateSharedCssClassName.DATE_WRAPPER} span`]: {
-    whiteSpace: 'unset'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-  [`.${DateSharedCssClassName.DATE_CONTAINER}`]: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-    [`.${DateSharedCssClassName.DATE_WRAPPER}`]: {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: 'initial',
-      cursor: 'pointer'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-      [`.${DateSharedCssClassName.DATE_WRAPPER} > span`]: [
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      boxShadowSelectionStyles,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      hideNativeBrowserTextSelectionStyles]
-    }
-  },
-  // 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-values
-    [`.${DateSharedCssClassName.DATE_CONTAINER}.ak-editor-selected-node .${DateSharedCssClassName.DATE_WRAPPER} > span`]: {
-      boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
-    }
-  }
-});
-/**
- * @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 dangerDateStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-  [`.${DateSharedCssClassName.DATE_CONTAINER}.ak-editor-selected-node.danger .${DateSharedCssClassName.DATE_WRAPPER} > span`]:
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  [dangerBorderStyles]
-});

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

@@ -1,33 +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
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export const editorUGCTokensRefreshed = css({
-  '--editor-font-ugc-token-heading-h1': 'normal 600 1.71429em/1.16667 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  '--editor-font-ugc-token-heading-h2': 'normal 600 1.42857em/1.2 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  '--editor-font-ugc-token-heading-h3': 'normal 600 1.14286em/1.25 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  '--editor-font-ugc-token-heading-h4': 'normal 600 1em/1.14286 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  '--editor-font-ugc-token-heading-h5': 'normal 600 0.857143em/1.33333 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  '--editor-font-ugc-token-heading-h6': 'normal 600 0.785714em/1.45455 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  '--editor-font-ugc-token-body': 'normal 400 1em/1.714 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
-  '--editor-font-ugc-token-weight-heading-bold': '700'
-});
-/**
- * @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 editorUGCSmallText = css({
-  '--editor-font-ugc-token-body-small': 'normal 400 0.875em/1.714 "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
-});

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

@@ -1,35 +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 embedCardStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    ".embedCardView-content-wrap[layout^='wrap-']": {
-      maxWidth: '100%',
-      position: 'relative',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-      zIndex: 2
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    ".embedCardView-content-wrap[layout='wrap-left']": {
-      float: 'left'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    ".embedCardView-content-wrap[layout='wrap-right']": {
-      float: 'right'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    ".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
-      clear: 'both'
-    }
-  }
-});