@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,60 +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 linkStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror a.blockLink': {
-    display: 'block'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror a[data-prosemirror-mark-name="link"]': {
-    textDecoration: 'underline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror a[data-prosemirror-mark-name="link"]:hover': {
-    textDecoration: 'none'
-  }
-});
-/**
- * @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 hyperLinkFloatingToolbarStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.hyperlink-floating-toolbar': {
-    padding: 0
-  }
-});
-
-/*
- * Legacy Link icon in the Atlaskit package is bigger than the others,
- * new ADS icon does not have this issue
- */
-/**
- * @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 linkLegacyIconStylesFix = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.hyperlink-open-link': {
-    minWidth: 24,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    svg: {
-      maxWidth: 18
-    }
-  }
-});

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

@@ -1,322 +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 { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
-// copied from packages/editor/editor-shared-styles/src/consts/consts.ts
-const akEditorLineHeight = 1.714;
-// copied from packages/editor/editor-common/src/styles/shared/smart-card.ts
-const BLOCK_CARD_CONTAINER = 'blockCardView-content-wrap';
-
-// copied from packages/editor/editor-shared-styles/src/consts/consts.ts
-const blockNodesVerticalMargin = '0.75rem';
-/**
- * @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 listsStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    /* =============== INDENTATION SPACING ========= */
-
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'ul, ol': {
-      boxSizing: 'border-box',
-      paddingLeft: `var(--ed--list--item-counter--padding, 24px)`
-    },
-    // Firefox does not handle empty block element inside li tag.
-    // If there is not block element inside li tag,	then firefox sets inherited height to li
-    // However, if there is any block element and if it's empty	(or has empty inline element) then
-    // firefox sets li tag height to zero.
-    //
-    // More details at
-    // https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '&.ua-firefox': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      'ul, ol': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-        'li p:empty, li p > span:empty': {
-          display: 'inline-block'
-        }
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ak-ol, .ak-ul': {
-      // Ensures list item content adheres to the list's margin instead
-      // of filling the entire block row. This is important to allow
-      // clicking interactive elements which are floated next to a list.
-      //
-      // For some history and context on this block, see PRs related to tickets.:
-      // @see ED-6551 - original issue.
-      // @see ED-7015 - follow up issue.
-      // @see ED-7447 - flow-root change.
-      //
-      // @see https://css-tricks.com/display-flow-root/
-      //
-      // For older browsers the do not support flow-root. */
-      // stylelint-disable declaration-block-no-duplicate-properties */
-      display: 'flow-root'
-      /* stylelint-enable declaration-block-no-duplicate-properties */
-    },
-    /* =============== INDENTATION AESTHETICS ========= */
-
-    // We support nested lists up to six levels deep.
-
-    /*  ======== LEGACY LISTS ======== */
-
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'ul, ul ul ul ul': {
-      listStyleType: 'disc'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'ul ul, ul ul ul ul ul': {
-      listStyleType: 'circle'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'ul ul ul, ul ul ul ul ul ul': {
-      listStyleType: 'square'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'ol, ol ol ol ol': {
-      listStyleType: 'decimal'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'ol ol, ol ol ol ol ol': {
-      listStyleType: 'lower-alpha'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'ol ol ol, ol ol ol ol ol ol': {
-      listStyleType: 'lower-roman'
-    },
-    /* ======== PREDICTABLE LISTS ======== */
-
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "ol[data-indent-level='1'], ol[data-indent-level='4']": {
-      listStyleType: 'decimal'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "ol[data-indent-level='2'], ol[data-indent-level='5']": {
-      listStyleType: 'lower-alpha'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "ol[data-indent-level='3'], ol[data-indent-level='6']": {
-      listStyleType: 'lower-roman'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "ul[data-indent-level='1'], ul[data-indent-level='4']": {
-      listStyleType: 'disc'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "ul[data-indent-level='2'], ul[data-indent-level='5']": {
-      listStyleType: 'circle'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    "ul[data-indent-level='3'], ul[data-indent-level='6']": {
-      listStyleType: 'square'
-    },
-    /* ======== PREDICTABLE LISTS WITHOUT DECORATIONS ======== */
-
-    /*
-     * Equivalent of the `data-indent-level` rules above, expressed purely in CSS so the list
-     * plugin does not have to emit an indentation decoration for every list on every keystroke.
-     *
-     * `:is(ul, ol)` is what makes this work: a plain `ul ul` chain only counts ancestors of the
-     * same type, so a numbered list nested under a bullet list resolved to `decimal` instead of
-     * `lower-alpha`. Matching either list type counts every list ancestor, which is exactly what
-     * `data-indent-level` counted. Each extra `:is(ul, ol)` adds one to the selector's element
-     * count, so the deepest matching rule always wins.
-     *
-     * `:not([data-indent-level])` keeps these rules inert while the decoration is still being
-     * emitted, so they only take effect for the cohort that has it removed.
-     */
-
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '& ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
-      listStyleType: 'disc'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '& :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
-      listStyleType: 'circle'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '& :is(ul, ol) :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
-      listStyleType: 'square'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '& ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
-      listStyleType: 'decimal'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '& :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
-      listStyleType: 'lower-alpha'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '& :is(ul, ol) :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
-      listStyleType: 'lower-roman'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    li: {
-      position: 'relative',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '& > p:not(:first-child)': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-        margin: `${"var(--ds-space-050, 4px)"} 0 0 0`
-      },
-      /* In SSR the above rule will apply to all p tags because first-child would be a style tag.
-      	The following rule resets the first p tag back to its original margin
-      	defined in packages/editor/editor-common/src/styles/shared/paragraph.ts */
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '& > style:first-child + p': {
-        marginTop: blockNodesVerticalMargin
-      }
-    }
-  }
-});
-/**
- * @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 diffListStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  'li[data-testid="show-diff-changed-decoration-node"]::marker': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    color: 'var(--diff-decoration-marker-color)'
-  }
-});
-
-// These styles are to fix a layout shift issue that occurs when aui-reset.less CSS is applied post-hydration.
-// It overrides the design system bundle.css list margins, which in turn causes the lists to shift vertically.
-/**
- * @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 listsStylesMarginLayoutShiftFix = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // Root lists: 12px top margin (design system value), except first content child. Uses :not(:nth-child(1 of ...)) to exclude first content lists.
-    // A more complex selector is used here to ensure this style is not applied to block quotes and panels, as they do not have a margin-top property already, and this will incorrectly add a margin-top to them.
-    // This is unlike tables and expands, which do have a margin-top property already, and this style would not change their top margin, even without the :not(:nth-child(1 of ...)) selector.
-    // This targeted approach reduces the blast radius of the fix. Instead of modifying numerous existing styles, we add this single selector until the issue with bundle.css & aui-reset.less is fixed.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    'ul:not(li > ul):not(:nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span))), ol:not(li > ol):not(:nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)))': {
-      marginTop: `var(--ds-space-150, 12px)`
-    },
-    // Nested lists: 4px top margin (design system value)
-    // Applies to both OL and UL nested inside list items
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'li > ol, li > ul': {
-      marginTop: `var(--ds-space-050, 4px)`
-    }
-  }
-});
-
-/* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */
-/**
- * @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 listsStylesSafariFix = 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
-  [`.ProseMirror:not(.${BLOCK_CARD_CONTAINER}) > li::before`]: {
-    content: '" "',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    lineHeight: akEditorLineHeight
-  },
-  // 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
-  [`.ProseMirror:not(.${BLOCK_CARD_CONTAINER}) > li > p:first-child, .ProseMirror:not(.${BLOCK_CARD_CONTAINER}) > li > .code-block:first-child, .ProseMirror:not(.${BLOCK_CARD_CONTAINER}) > li > .ProseMirror-gapcursor:first-child + .code-block`]: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    marginTop: `-${akEditorLineHeight}em !important`
-  }
-});
-
-/**
- * @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-unsafe-values, @atlaskit/volt-strict-mode/no-multiple-exports
-export const EDITOR_LIST_DENSE_GAP = `max(0px, calc((var(--ak-editor-base-font-size, ${akEditorFullPageDefaultFontSize}px) - ${akEditorFullPageDenseFontSize}px) * (4 / 3)))`;
-
-/**
- * @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 getDenseListStyles = baseFontSize => {
-  if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
-    return css({});
-  }
-  return css({
-    /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
-    '.ProseMirror': {
-      // Adjacent list items
-      'li + li': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-        marginTop: EDITOR_LIST_DENSE_GAP
-      },
-      // Nested lists directly under an li (unordered and ordered)
-      'li > ul, li > ol, .ak-ul li > ul, .ak-ul li > ol, .ak-ol li > ul, .ak-ol li > ol': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-        marginTop: EDITOR_LIST_DENSE_GAP
-      }
-    }
-  });
-};
-/**
- * @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 listItemHiddenMarkerStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // Hide markers and remove spacing for wrapper list items (items containing only nested lists)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    'li:has(> ul:only-child), li:has(> ol:only-child)': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      listStyleType: 'none !important',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      marginTop: '0 !important',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      marginBottom: '0 !important'
-    },
-    // Remove margin from nested lists inside wrapper list items to avoid double spacing
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      marginTop: '0 !important'
-    },
-    // Remove top margin from nested taskLists not preceded by a sibling taskItem.
-    // The base rule (tasksAndDecisionsStyles) sets margin-top on all nested taskLists,
-    // but with flexible indentation a taskList can be the first child with no taskItem above.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'div[data-task-list-local-id] > div[data-task-list-local-id]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      marginTop: '0 !important'
-    },
-    // Restore margin when a nested taskList follows a taskItem
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    'div[data-task-local-id] + div[data-task-list-local-id]': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-      marginTop: `${"var(--ds-space-050, 4px)"} !important`
-    }
-  }
-});