@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,233 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.telepointerStyle = exports.telepointerColorAndCommonStyle = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-/* eslint-disable @atlaskit/ui-styling-standard/no-exported-styles */
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
-
-var pulseIn = (0, _react.keyframes)({
-  '0%, 100%': {
-    transform: 'scaleX(0)',
-    opacity: 0
-  },
-  '10%': {
-    transform: 'scaleX(1.4)',
-    opacity: 1
-  },
-  '15%, 85%': {
-    transform: 'scaleX(1)',
-    opacity: 1
-  }
-});
-var pulseOut = (0, _react.keyframes)({
-  '0%, 90%, 100%': {
-    transform: 'scaleX(1)',
-    opacity: 1
-  },
-  '10%, 80%': {
-    transform: 'scaleX(0)',
-    opacity: 0
-  }
-});
-var pulseInDuringTr = (0, _react.keyframes)({
-  '0%, 95%': {
-    transform: 'scaleX(1)',
-    opacity: 1
-  },
-  '100%': {
-    transform: 'scaleX(0)',
-    opacity: 0
-  }
-});
-var pulseOutDuringTr = (0, _react.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
- */
-var telepointerColorAndCommonStyle = exports.telepointerColorAndCommonStyle = (0, _react.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
-var telepointerStyle = exports.telepointerStyle = (0, _react.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 ".concat("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: "".concat(pulseOut, " 2.5s ease-in-out")
-      },
-      '.telepointer-fullname': {
-        animation: "".concat(pulseIn, " 2.5s ease-in-out")
-      }
-    },
-    '&.telepointer-pulse-during-tr': {
-      '.telepointer-initial': {
-        animation: "".concat(pulseOutDuringTr, " 7500ms ease-in-out")
-      },
-      '.telepointer-fullname': {
-        animation: "".concat(pulseInDuringTr, " 7500ms ease-in-out")
-      }
-    },
-    '&:hover': {
-      '.telepointer-initial': {
-        opacity: 0,
-        transitionDelay: '150ms'
-      },
-      '.telepointer-fullname': {
-        transform: 'scaleX(1)',
-        opacity: 1,
-        zIndex: 1
-      }
-    }
-  }
-});

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

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.textColorStyles = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-var textColorStyles = exports.textColorStyles = (0, _react.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/cjs/ui/EditorContentContainer/styles/textHighlightStyles.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.textHighlightStyle = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-var textHighlightStyle = exports.textHighlightStyle = (0, _react.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 ".concat("var(--ds-background-accent-blue-subtler, #CFE1FD)")
-  }
-});

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

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vanillaUnsupportedStyles = exports.unsupportedStyles = exports.UnsupportedSharedCssClassName = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _selectionStyles = require("./selectionStyles");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-var UnsupportedSharedCssClassName = exports.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
-var vanillaUnsupportedStyles = exports.vanillaUnsupportedStyles = (0, _react.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)".concat(" 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)".concat(" 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)".concat(" 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 ".concat("var(--ds-space-025, 2px)"),
-      minHeight: '24px',
-      padding: "0 ".concat("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
-var unsupportedStyles = exports.unsupportedStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(UnsupportedSharedCssClassName.BLOCK_CONTAINER, " > div, .").concat(UnsupportedSharedCssClassName.INLINE_CONTAINER, " > span:nth-of-type(2)"), {
-  cursor: 'pointer'
-}), '.ak-editor-selected-node', (0, _defineProperty2.default)({}, "&.".concat(UnsupportedSharedCssClassName.BLOCK_CONTAINER, " > div, &.").concat(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
-_selectionStyles.backgroundSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-_selectionStyles.borderSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-_selectionStyles.hideNativeBrowserTextSelectionStyles])), '.danger', {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ak-editor-selected-node': (0, _defineProperty2.default)({}, "&.".concat(UnsupportedSharedCssClassName.BLOCK_CONTAINER, " > div, &.").concat(UnsupportedSharedCssClassName.INLINE_CONTAINER, " > span:nth-of-type(2)"), {
-    border: "1px solid ".concat("var(--ds-border-danger, #E2483D)"),
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  })
-}));

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

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vanillaTooltipDefaultStyles = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * 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;
- */
-var vanillaTooltipDefaultStyles = exports.vanillaTooltipDefaultStyles = (0, _react.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/cjs/ui/EditorContentContainer/styles/whitespaceStyles.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.whitespaceStyles = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-var whitespaceStyles = exports.whitespaceStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    wordWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  }
-});