@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,227 +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/no-exported-styles */
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
-
-import { css, keyframes } from '@emotion/react';
-const pulseIn = keyframes({
-  '0%, 100%': {
-    transform: 'scaleX(0)',
-    opacity: 0
-  },
-  '10%': {
-    transform: 'scaleX(1.4)',
-    opacity: 1
-  },
-  '15%, 85%': {
-    transform: 'scaleX(1)',
-    opacity: 1
-  }
-});
-const pulseOut = keyframes({
-  '0%, 90%, 100%': {
-    transform: 'scaleX(1)',
-    opacity: 1
-  },
-  '10%, 80%': {
-    transform: 'scaleX(0)',
-    opacity: 0
-  }
-});
-const pulseInDuringTr = keyframes({
-  '0%, 95%': {
-    transform: 'scaleX(1)',
-    opacity: 1
-  },
-  '100%': {
-    transform: 'scaleX(0)',
-    opacity: 0
-  }
-});
-const pulseOutDuringTr = keyframes({
-  '100%': {
-    transform: 'scaleX(1)',
-    opacity: 1
-  },
-  '0%, 90%': {
-    transform: 'scaleX(0)',
-    opacity: 0
-  }
-});
-
-/**
- * @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 telepointerColorAndCommonStyle = css({
-  '.ProseMirror .telepointer': {
-    position: 'relative',
-    transition: 'opacity 200ms',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '&.telepointer-selection:not(.inlineNodeView)': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: 1.2,
-      pointerEvents: 'none',
-      userSelect: 'none'
-    },
-    '&.telepointer-dim': {
-      opacity: 0.2
-    },
-    '&.color-0': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-red-bolder, #C9372C)"
-    },
-    '&.color-1': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-blue-bolder, #1868DB)"
-    },
-    '&.color-2': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-green-bolder, #1F845A)"
-    },
-    '&.color-3': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-yellow-bolder, #946F00)"
-    },
-    '&.color-4': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-purple-bolder, #964AC0)"
-    },
-    '&.color-5': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-magenta-bolder, #AE4787)"
-    },
-    '&.color-6': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-teal-bolder, #227D9B)"
-    },
-    '&.color-7': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-orange-bolder, #BD5B00)"
-    },
-    '&.color-8': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-lime-bolder, #5B7F24)"
-    },
-    '&.color-9': {
-      '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-gray-bolder, #6B6E76)"
-    },
-    '&.color-10': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-blue-subtle, #669DF1)"
-    },
-    '&.color-11': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-red-subtle, #F87168)"
-    },
-    '&.color-12': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-orange-subtle, #FCA700)"
-    },
-    '&.color-13': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-yellow-subtle, #EED12B)"
-    },
-    '&.color-14': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-green-subtle, #4BCE97)"
-    },
-    '&.color-15': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-teal-subtle, #6CC3E0)"
-    },
-    '&.color-16': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-purple-subtle, #C97CF4)"
-    },
-    '&.color-17': {
-      '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #1E1F21)",
-      '--telepointer-participant-bg-color': "var(--ds-background-accent-magenta-subtle, #E774BB)"
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-    'html:not([data-color-mode=dark]) &': {
-      '--telepointer-participant-background-first-stop': '-850000%',
-      '--telepointer-participant-background-second-stop': '150000%'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-    'html[data-color-mode=dark] &': {
-      '--telepointer-participant-background-first-stop': '-800000%',
-      '--telepointer-participant-background-second-stop': '200000%'
-    },
-    '&[class*="color-"]': {
-      background: 'linear-gradient(to bottom, var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop), transparent var(--telepointer-participant-background-second-stop))',
-      '&::after': {
-        backgroundColor: 'var(--telepointer-participant-bg-color)',
-        color: 'var(--telepointer-participant-text-color)',
-        borderColor: 'var(--telepointer-participant-bg-color)'
-      }
-    }
-  }
-});
-
-/**
- * @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 telepointerStyle = css({
-  '.ProseMirror .telepointer': {
-    '&.telepointer-selection-badge': {
-      '.telepointer-initial, .telepointer-fullname': {
-        position: 'absolute',
-        display: 'block',
-        userSelect: 'none',
-        whiteSpace: 'pre',
-        top: -14,
-        left: 0,
-        font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-        paddingLeft: "var(--ds-space-050, 4px)",
-        paddingRight: "var(--ds-space-050, 4px)",
-        borderRadius: `0 ${"var(--ds-radius-xsmall, 2px)"} ${"var(--ds-radius-xsmall, 2px)"} 0`
-      },
-      '.telepointer-initial': {
-        opacity: 1,
-        transition: 'opacity 0.15s ease-out'
-      },
-      '.telepointer-fullname': {
-        opacity: 0,
-        transform: 'scaleX(0)',
-        transformOrigin: 'top left',
-        transition: 'transform 0.15s ease-out, opacity 0.15s ease-out'
-      }
-    },
-    '&.telepointer-pulse-animate': {
-      '.telepointer-initial': {
-        animation: `${pulseOut} 2.5s ease-in-out`
-      },
-      '.telepointer-fullname': {
-        animation: `${pulseIn} 2.5s ease-in-out`
-      }
-    },
-    '&.telepointer-pulse-during-tr': {
-      '.telepointer-initial': {
-        animation: `${pulseOutDuringTr} 7500ms ease-in-out`
-      },
-      '.telepointer-fullname': {
-        animation: `${pulseInDuringTr} 7500ms ease-in-out`
-      }
-    },
-    '&:hover': {
-      '.telepointer-initial': {
-        opacity: 0,
-        transitionDelay: '150ms'
-      },
-      '.telepointer-fullname': {
-        transform: 'scaleX(1)',
-        opacity: 1,
-        zIndex: 1
-      }
-    }
-  }
-});

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

@@ -1,21 +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 textColorStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.fabric-text-color-mark': {
-    color: 'var(--custom-palette-color, inherit)'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'a .fabric-text-color-mark': {
-    color: 'unset'
-  }
-});

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

@@ -1,18 +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 textHighlightStyle = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.text-highlight': {
-    backgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
-    borderBottom: `2px solid ${"var(--ds-background-accent-blue-subtler, #CFE1FD)"}`
-  }
-});

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

@@ -1,110 +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 { backgroundSelectionStyles, borderSelectionStyles, 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 UnsupportedSharedCssClassName = {
-  BLOCK_CONTAINER: 'unsupportedBlockView-content-wrap',
-  INLINE_CONTAINER: 'unsupportedInlineView-content-wrap'
-};
-
-// 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
- */
-/**
- * Styles for UnsupportedBlockNodeView — gated behind platform_editor_vanilla_node_views_phase1.
- * Applied in EditorContentContainerEmotion — will be removed as part of compiled upgrade.
- *
- * The `unsupported-*-vanilla-*` class names are produced by `VanillaUnsupportedCssClassName` in
- * editor-plugin-unsupported-content/src/nodeviews/unsupported-block-node-view.ts — keep both in sync
- * when renaming.
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export const vanillaUnsupportedStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.unsupported-block-vanilla-inner': {
-      alignItems: 'center',
-      background: "var(--ds-background-disabled, #0515240F)",
-      border: `${"var(--ds-border-width, 1px)"} dashed ${"var(--ds-border-disabled, #0515240F)"}`,
-      borderRadius: "var(--ds-radius-small, 3px)",
-      boxSizing: 'border-box',
-      cursor: 'pointer',
-      display: 'flex',
-      font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-      margin: `${"var(--ds-space-100, 8px)"} 0`,
-      minHeight: '24px',
-      minWidth: '120px',
-      padding: "var(--ds-space-150, 12px)",
-      textAlign: 'center',
-      justifyContent: 'center'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.unsupported-inline-vanilla-inner': {
-      alignItems: 'center',
-      background: "var(--ds-background-disabled, #0515240F)",
-      border: `${"var(--ds-border-width, 1px)"} dashed ${"var(--ds-border-disabled, #0515240F)"}`,
-      borderRadius: "var(--ds-radius-small, 3px)",
-      boxSizing: 'border-box',
-      cursor: 'default',
-      display: 'inline-flex',
-      font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-      margin: `0 ${"var(--ds-space-025, 2px)"}`,
-      minHeight: '24px',
-      padding: `0 ${"var(--ds-space-100, 8px)"}`,
-      verticalAlign: 'middle',
-      whiteSpace: 'nowrap'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.unsupported-vanilla-icon': {
-      padding: "var(--ds-space-050, 4px)",
-      display: 'inline-flex',
-      alignItems: 'center'
-    }
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export const unsupportedStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-  [`.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div, .${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-of-type(2)`]: {
-    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
-    [`&.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div, &.${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-of-type(2)`]:
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    backgroundSelectionStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    borderSelectionStyles,
-    // 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
-    '.ak-editor-selected-node': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
-      [`&.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div, &.${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-of-type(2)`]: {
-        border: `1px solid ${"var(--ds-border-danger, #E2483D)"}`,
-        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-      }
-    }
-  }
-});

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

@@ -1,36 +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';
-/**
- * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
- * Opt in with `VANILLA_TOOLTIP_DEFAULT_CLASS`. Spelt out here because the selector has to stay
- * statically analysable, so rename in step with that constant.
- *
- * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
- * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,
- * `visibility` and `transition` inline for the show/hide animation;
- */
-export const vanillaTooltipDefaultStyles = 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-vanilla-tooltip-default': {
-      boxSizing: 'border-box',
-      maxWidth: '240px',
-      backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
-      border: 'none',
-      borderRadius: "var(--ds-radius-small, 3px)",
-      color: "var(--ds-text-inverse, #FFFFFF)",
-      font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-      fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-      insetBlockStart: "var(--ds-space-0, 0px)",
-      insetInlineStart: "var(--ds-space-0, 0px)",
-      overflowWrap: 'break-word',
-      paddingBlock: "var(--ds-space-050, 4px)",
-      paddingInline: "var(--ds-space-075, 6px)",
-      whiteSpace: 'normal'
-    }
-  }
-});

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

@@ -1,18 +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 whitespaceStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    wordWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  }
-});