@atlaskit/editor-core 233.0.2 → 234.0.0

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

@@ -1,299 +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 statusStyles = css({
-  // Show diff: status attr change highlight. Keep this with status node styles so the highlight
-  // targets the lozenge shape rather than the decoration wrapper.
-  // 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-status': {
-    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.show-diff-atomic-inline-changed-status.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
-  '.show-diff-atomic-inline-changed-status .status-lozenge-span > span, .show-diff-atomic-inline-changed-status .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: `0 0 0 2px var(--show-diff-atomic-inline-changed-border-color, ${"var(--ds-border-accent-purple, #AF59E1)"})`
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.pm-table-cell-content-wrap, .pm-table-header-content-wrap, [data-layout-section]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.statusView-content-wrap': {
-      maxWidth: '100%',
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: 0,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& > span': {
-        width: '100%'
-      }
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.statusView-content-wrap': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& > span': {
-      cursor: 'pointer',
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      lineHeight: 0 // Prevent responsive layouts increasing height of container.
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.danger': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.status-lozenge-span > span': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      backgroundColor: 'rgba(255, 189, 173, 0.5)' // akEditorDeleteBackgroundWithOpacity
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.statusView-content-wrap.ak-editor-selected-node': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '.status-lozenge-span > span': {
-        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
-      }
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #0515240F)",
-    maxWidth: '100%',
-    paddingInline: "var(--ds-space-050, 4px)",
-    display: 'inline-flex',
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-    borderRadius: "var(--ds-radius-small, 3px)",
-    blockSize: 'min-content',
-    position: 'static',
-    overflow: 'hidden',
-    boxSizing: 'border-box',
-    appearance: 'none',
-    border: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '11px',
-    fontStyle: 'normal',
-    fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    fontWeight: "var(--ds-font-weight-bold, 653)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: '16px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    textTransform: 'uppercase',
-    whiteSpace: 'nowrap',
-    maxWidth: `calc(200px - ${"var(--ds-space-100, 8px)"})`
-  }
-});
-/**
- * @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/volt-strict-mode/no-multiple-exports
-export const statusStylesMixin_fg_platform_component_visual_refresh_with_search_match = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node .status-lozenge-span > span': {
-      boxShadow: `0 0 0 2px ${"var(--ds-border-selected, #1868DB)"}`
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: '#292A2E'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#DDDEE1'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#D8A0F7'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#8FB8F6'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#F9C84E'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#FD9891'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#B3DF72'
-  }
-});
-/**
- * @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 statusDangerStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node.danger .status-lozenge-span > span': {
-      boxShadow: `0 0 0 2px ${"var(--ds-border-danger, #E2483D)"}`
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    }
-  }
-});
-/**
- * @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/volt-strict-mode/no-multiple-exports
-export const statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node .status-lozenge-span > span': {
-      // getSelectionStyles([SelectionStyle.BoxShadow]);
-      boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`,
-      borderColor: 'transparent',
-      // hideNativeBrowserTextSelectionStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&::selection, & *::selection': {
-        backgroundColor: 'transparent'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&::-moz-selection, & *::-moz-selection': {
-        backgroundColor: 'transparent'
-      }
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #0515240F)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
-    color: "var(--ds-text-subtle, #505258)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-discovery, #F8EEFE)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
-    color: "var(--ds-text-discovery, #803FA5)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-information, #E9F2FE)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
-    color: "var(--ds-text-information, #1558BC)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-warning, #FFF5DB)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
-    color: "var(--ds-text-warning, #9E4C00)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-danger, #FFECEB)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
-    color: "var(--ds-text-danger, #AE2E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-success, #EFFFD6)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
-    color: "var(--ds-text-success, #4C6B1F)"
-  }
-});
-/**
- * @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 statusStylesTeam26 = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
-    paddingBlockStart: "var(--ds-space-025, 2px)",
-    paddingBlockEnd: "var(--ds-space-025, 2px)",
-    paddingInlineStart: "var(--ds-space-050, 4px)",
-    paddingInlineEnd: "var(--ds-space-050, 4px)",
-    alignItems: 'center',
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-    borderRadius: "var(--ds-radius-small, 4px)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    height: '1.25rem',
-    border: `solid ${"var(--ds-border-width, 1px)"} transparent`
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    textTransform: 'none',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    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)"
-  },
-  /* Border, background and text colors
-   * These colors are copied from @atlaskit/lozenge
-   * Border tokens supply the appropriate light and dark color values.
-   */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #0515240F)",
-    borderColor: "var(--ds-border, #0B120E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
-    color: "var(--ds-text, #292A2E)"
-  },
-  /* Find and Replace Styles */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.statusView-content-wrap:not(.search-match-block)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ak-editor-selected-node .status-lozenge-span > span': {
-      boxShadow: `0 0 0 2px ${"var(--ds-border-selected, #1868DB)"}`
-    }
-  },
-  // 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-selectors
-    '.statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span > span': {
-      boxShadow: `0 0 0 2px ${"var(--ds-border-danger, #E2483D)"}`
-    }
-  }
-});

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

@@ -1,34 +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 { SyncBlockLabelSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-/**
- * Styles for the synced block activation experience:
- * - Interactive elements show a pointer cursor rather than inheriting the
- *   selectable content's text cursor.
- * - Border labels can show substantially more reference-title text without
- *   overflowing narrow synced blocks.
- *
- * Kept as the sole export of this file, separate from
- * syncBlockTextSelectionStyles. The text-selection styles are always applied.
- *
- * @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 syncBlockInteractiveCursorStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  [`.${SyncBlockSharedCssClassName.renderer}`]: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'a[href], button, [role="button"], [role="link"]': {
-      cursor: 'pointer'
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  [`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
-    maxWidth: `min(300px, calc(100% - ${"var(--ds-space-300, 24px)"}))`
-  }
-});