@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,195 +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';
-const gapCursorBlink = keyframes({
-  'from, to': {
-    opacity: 0
-  },
-  '50%': {
-    opacity: 1
-  }
-});
-
-/**
- * @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
- */
-const gapCursorSelector = '.ProseMirror-gapcursor';
-const prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
-const wrapLeft = '[layout="wrap-left"]';
-const wrapRight = '[layout="wrap-right"]';
-const fixVerticalAlignmentSelector = `
-	&:first-of-type + ul,
-	&:first-of-type + span + ul,
-	&:first-of-type + ol,
-	&:first-of-type + span + ol,
-	&:first-of-type + pre,
-	&:first-of-type + span + pre,
-	&:first-of-type + blockquote,
-	&:first-of-type + span + blockquote
-`;
-const twoImagesSideBySideFixSelector = `
-  ${gapCursorSelector}${wrapLeft} + span + ${wrapLeft},
-  ${gapCursorSelector}${wrapRight} + span + ${wrapRight},
-  ${gapCursorSelector} + ${wrapLeft} + ${wrapRight},
-  ${gapCursorSelector} + ${wrapLeft} + span + ${wrapRight},
-  ${gapCursorSelector} + ${wrapRight} + ${wrapLeft},
-  ${gapCursorSelector} + ${wrapRight} + span + ${wrapLeft},
-  ${wrapLeft} + ${gapCursorSelector} + ${wrapRight},
-  ${wrapLeft} + ${gapCursorSelector} + span ${wrapRight},
-  ${wrapRight} + ${gapCursorSelector} + ${wrapLeft},
-  ${wrapRight} + ${gapCursorSelector} + span + ${wrapLeft},
-  ${wrapLeft} + ${gapCursorSelector}`;
-const marginFixSelector = `
-  ${wrapLeft} + ${gapCursorSelector} + ${wrapRight} > div,
-  ${wrapLeft} + ${gapCursorSelector} + span + ${wrapRight} > div,
-  ${wrapRight} + ${gapCursorSelector} + ${wrapLeft} > div,
-  ${wrapRight} + ${gapCursorSelector} + span + ${wrapLeft} > div,
-  ${gapCursorSelector} + ${wrapRight} + ${wrapLeft} > div,
-  ${gapCursorSelector} + ${wrapRight} + span + ${wrapLeft} > div,
-  ${gapCursorSelector} + ${wrapLeft} + ${wrapRight} > div,
-  ${gapCursorSelector} + ${wrapLeft} + span + ${wrapRight} > div`;
-const floatLeftFixSelector = `
-  ${wrapLeft} + ${gapCursorSelector},
-  ${wrapRight} + ${gapCursorSelector}`;
-const afterPresudoSelector = `
-  ${gapCursorSelector} + ${wrapLeft} + span + ${wrapRight}::after,
-  ${gapCursorSelector} + ${wrapRight} + span + ${wrapLeft}::after,
-  ${wrapLeft} + ${gapCursorSelector} + ${wrapRight}::after,
-  ${wrapLeft} + ${gapCursorSelector} + span + ${wrapRight}::after,
-  ${wrapRight} + ${gapCursorSelector} + ${wrapLeft}::after,
-  ${wrapRight} + ${gapCursorSelector} + span + ${wrapLeft}::after`;
-const marginDeepChildrenFixSelector = `
-${wrapLeft} + ${gapCursorSelector} + ${wrapRight} + *,
-  ${wrapLeft} + ${gapCursorSelector} + ${wrapRight} + span + *,
-  ${wrapRight} + ${gapCursorSelector} + ${wrapLeft} + *,
-  ${wrapRight} + ${gapCursorSelector} + ${wrapLeft} + span + *,
-  ${wrapLeft} + ${gapCursorSelector} + span + ${wrapRight} + *,
-  ${wrapRight} + ${gapCursorSelector} + span + ${wrapLeft} + *,
-  ${gapCursorSelector} + ${wrapLeft} + span + ${wrapRight} + *,
-  ${gapCursorSelector} + ${wrapRight} + span + ${wrapLeft} + *,
-  ${wrapLeft} + ${gapCursorSelector} + ${wrapRight} + * > *,
-  ${wrapLeft} + ${gapCursorSelector} + ${wrapRight} + span + * > *,
-  ${wrapRight} + ${gapCursorSelector} + ${wrapLeft} + * > *,
-  ${wrapRight} + ${gapCursorSelector} + ${wrapLeft} + span + * > *,
-  ${wrapLeft} + ${gapCursorSelector} + span + ${wrapRight} + * > *,
-  ${wrapRight} + ${gapCursorSelector} + span + ${wrapLeft} + * > *,
-  ${gapCursorSelector} + ${wrapLeft} + span + ${wrapRight} + * > *,
-  ${gapCursorSelector} + ${wrapRight} + span + ${wrapLeft} + * > *,
-  ${prosemirrorwidgetNotBlock} + ${gapCursorSelector} + *,
-  ${prosemirrorwidgetNotBlock} + ${gapCursorSelector} + span + *`;
-/**
- * @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 gapCursorStyles = 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
-    [gapCursorSelector]: {
-      display: 'none',
-      pointerEvents: 'none',
-      position: 'relative',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& span': {
-        caretColor: 'transparent',
-        position: 'absolute',
-        height: '100%',
-        width: '100%',
-        display: 'block'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& span::after': {
-        animation: `1s ${gapCursorBlink} step-start infinite`,
-        borderLeft: '1px solid',
-        content: "''",
-        display: 'block',
-        position: 'absolute',
-        top: 0,
-        height: '100%'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.-left span::after': {
-        left: "var(--ds-space-negative-050, -4px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&.-right span::after': {
-        right: "var(--ds-space-negative-050, -4px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& span[layout="full-width"], & span[layout="wide"], & span[layout="fixed-width"]': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginLeft: '50%',
-        transform: 'translateX(-50%)'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-      [`&${wrapRight}`]: {
-        float: 'right'
-      },
-      /* fix vertical alignment of gap cursor */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-      [fixVerticalAlignmentSelector]: {
-        marginTop: 0
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    [`&.ProseMirror-focused ${gapCursorSelector}`]: {
-      display: 'block',
-      borderColor: 'transparent'
-    }
-  },
-  /* This hack below is for two images aligned side by side */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-  [twoImagesSideBySideFixSelector]: {
-    clear: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-  [marginFixSelector]: {
-    marginRight: 0,
-    marginLeft: 0,
-    marginBottom: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-  [floatLeftFixSelector]: {
-    float: 'left'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-  [afterPresudoSelector]: {
-    visibility: 'hidden',
-    display: 'block',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: 0,
-    content: "' '",
-    clear: 'both',
-    height: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-  [marginDeepChildrenFixSelector]: {
-    marginTop: 0
-  }
-});
-
-// Hide native caret when gap cursor widget is present (no class toggle = no VC90 mutation)
-/**
- * @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 gapCursorStylesVisibilityFix = 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
-    [`&:has(${gapCursorSelector})`]: {
-      caretColor: 'transparent'
-    }
-  }
-});

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

@@ -1,43 +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 gridStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridParent': {
-    width: `calc(100% + 24px)`,
-    marginLeft: "var(--ds-space-negative-150, -12px)",
-    marginRight: "var(--ds-space-negative-150, -12px)",
-    transform: 'scale(1)',
-    zIndex: 2
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridContainer': {
-    position: 'fixed',
-    height: '100vh',
-    width: '100%',
-    pointerEvents: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.gridLine': {
-    borderLeft: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
-    display: 'inline-block',
-    boxSizing: 'border-box',
-    height: '100%',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    marginLeft: '-1px',
-    transition: 'border-color 0.15s linear',
-    zIndex: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.highlight': {
-    borderLeft: `1px solid ${"var(--ds-border-focused, #4688EC)"}`
-  }
-});

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

@@ -1,49 +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 indentationStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '.fabric-editor-indentation-mark': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      "&[data-level='1']": {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginLeft: 30
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      "&[data-level='2']": {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginLeft: 60
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      "&[data-level='3']": {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginLeft: 90
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      "&[data-level='4']": {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginLeft: 120
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      "&[data-level='5']": {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginLeft: 150
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      "&[data-level='6']": {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginLeft: 180
-      }
-    }
-  }
-});

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

@@ -1,50 +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 InlineNodeViewSharedStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.inlineNodeView': {
-      display: 'inline',
-      userSelect: 'all',
-      whiteSpace: 'nowrap',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '& > *:not(.zeroWidthSpaceContainer)': {
-        whiteSpace: 'pre-wrap'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& > .assistive': {
-        userSelect: 'none'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ua-safari': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.inlineNodeView': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        '&::selection, *::selection': {
-          background: 'transparent'
-        }
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ua-chrome .inlineNodeView > span': {
-      userSelect: 'none'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.inlineNodeViewAddZeroWidthSpace': {
-      '&::after': {
-        content: "'\u200b'" // ZERO_WIDTH_SPACE
-      }
-    }
-  }
-});