@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,341 +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';
-import { tableMarginTop } from '@atlaskit/editor-common/styles';
-import { akEditorShadowZIndex, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles/constants';
-import { scrollbarStyles } from './scrollbarStyles';
-const tableOverflowShadowWidthWide = 32;
-const tableInlineStartShadow = keyframes({
-  '0%': {
-    opacity: 0
-  },
-  '0.0001%, 100%': {
-    opacity: 1
-  }
-});
-const tableInlineEndShadow = keyframes({
-  '0%, 99.9999%': {
-    opacity: 1
-  },
-  '100%': {
-    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 tableLayoutFixes = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.pm-table-header-content-wrap :not(.fabric-editor-alignment), .pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark, .pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    'p:first-of-type': {
-      marginTop: 0
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.pm-table-cell-content-wrap .mediaGroupView-content-wrap': {
-    clear: 'both'
-  }
-});
-/**
- * @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 tableLayoutFixesWithFontSize = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.pm-table-header-content-wrap :not(.fabric-editor-alignment, .fabric-editor-font-size), .pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark, .pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    'p:first-of-type': {
-      marginTop: 0
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.pm-table-cell-content-wrap .mediaGroupView-content-wrap': {
-    clear: 'both'
-  }
-});
-/**
- * @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 tableCommentEditorMarginOverride = css({
-  marginLeft: 0,
-  marginRight: 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
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export const tableCommentEditorStyles = css({
-  // TODO: ED-28075 - refactor array include to unblock Compiled CSS migration
-  // 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 .pm-table-wrapper > table`]: [tableCommentEditorMarginOverride, scrollbarStyles]
-});
-/**
- * @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 tableContainerStyles = css({
-  /* Fix for HOT-119925: Ensure table containers have proper width constraints and overflow handling */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-wrapper': {
-    maxWidth: '100%',
-    overflowX: 'auto',
-    // Ensure the wrapper doesn't grow beyond its container
-    width: '100%',
-    boxSizing: 'border-box'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow': {
-    overflowX: 'visible'
-  },
-  /* Fix for HOT-119925: Ensure table elements are responsive and don't overflow */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-wrapper table': {
-    maxWidth: '100%',
-    width: '100%',
-    tableLayout: 'fixed',
-    // Ensure tables can be scrolled horizontally if needed
-    minWidth: 'auto'
-  }
-});
-
-/**
- * SSR-safe foreground overflow shadows driven by the table wrapper's horizontal scroll timeline.
- * The overlays are siblings of the scrollport, so they stay anchored to its edges without
- * modifying table-cell surfaces or interaction overlays.
- *
- * @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 tableScrollInlineShadowStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror .pm-table-container:has(> .pm-table-scroll-inline-shadow)': {
-    timelineScope: '--editor-table-inline-scroll'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-scroll-inline-shadow': {
-    scrollTimelineName: '--editor-table-inline-scroll',
-    scrollTimelineAxis: 'inline'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-container > [data-table-overflow-shadow]': {
-    position: 'absolute',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    zIndex: akEditorShadowZIndex,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    top: tableMarginTop,
-    bottom: 0,
-    width: tableOverflowShadowWidthWide,
-    opacity: 0,
-    pointerEvents: 'none',
-    animationDuration: '1ms',
-    animationFillMode: 'both',
-    animationTimingFunction: 'linear',
-    animationTimeline: '--editor-table-inline-scroll'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  ".ProseMirror .pm-table-container > [data-table-overflow-shadow='start']": {
-    left: 0,
-    backgroundImage: `linear-gradient(
-			to left,
-			transparent 0,
-			${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
-		),
-		linear-gradient(
-			to right,
-			${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
-			transparent 1px
-		)`,
-    animationName: tableInlineStartShadow
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  ".ProseMirror .pm-table-container[data-number-column='true'] > [data-table-overflow-shadow='start']": {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    left: akEditorTableNumberColumnWidth - 1
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  ".ProseMirror .pm-table-container > [data-table-overflow-shadow='end']": {
-    right: 0,
-    backgroundImage: `linear-gradient(
-			to right,
-			transparent 0,
-			${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
-		),
-		linear-gradient(
-			to left,
-			${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
-			transparent 1px
-		)`,
-    animationName: tableInlineEndShadow
-  }
-});
-
-/**
- * @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 tableEmptyRowStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-wrapper': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '.pm-table-cell-content-wrap, .pm-table-header-content-wrap': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      'p:empty': {
-        /* add a minimum height to empty table rows in SSR */
-        minHeight: '1.714em'
-      }
-    }
-  }
-});
-/**
- * @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 tableContentModeStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.pm-table-resizer-container:has(table[data-initial-width-mode="content"])': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'max-content !important',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    '--ak-editor-table-width': 'max-content'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.resizer-item:has(table[data-initial-width-mode="content"])': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'max-content !important'
-  },
-  // Reset the extended hover zone padding for content-mode tables so it doesn't
-  // inflate the max-content width of parent elements (resizer-container, wrapper).
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.resizer-item:has(table[data-initial-width-mode="content"]) > .resizer-hover-zone.resizer-is-extended': {
-    padding: 'unset',
-    left: 'unset'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
-    tableLayout: 'auto',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'max-content !important'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"] > colgroup > col': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'unset !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-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export const tableContentModeExtensionContainmentStyles = css({
-  // Inline-size containment hides extension content from a fit-to-content table's intrinsic width.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror table[data-initial-width-mode="content"] .extension-overflow-wrapper': {
-    containerType: 'normal'
-  }
-});
-
-/**
- * @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 tableContentModeNestedTableStyles = css({
-  // Reset the base `margin-right: -1px` (ED-16212) that clips content-mode tables by 1px.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror .pm-table-wrapper table[data-initial-width-mode="content"]': {
-    maxWidth: 'none',
-    marginRight: 0
-  },
-  // Let the resizer/wrapper chain grow to content width before the max-width cap.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.resizer-item:has(table[data-initial-width-mode="content"]), .pm-table-container:has(> .pm-table-wrapper > table[data-initial-width-mode="content"]), .pm-table-wrapper:has(> table[data-initial-width-mode="content"])': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'max-content !important',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    maxWidth: 'var(--ak-editor-table-max-width) !important'
-  },
-  // Nested content-mode table: size to content, reset base max-width and margin.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'max-content !important',
-    maxWidth: 'none',
-    marginRight: 0
-  },
-  // Stop nested table col widths from constraining parent table measurement.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper > table > colgroup > col': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'unset !important'
-  },
-  // Let the nested table container/wrapper grow to content width before the cap.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container, .ProseMirror table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .pm-table-container > .pm-table-wrapper': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    width: 'max-content !important',
-    maxWidth: 'none',
-    overflowX: 'visible'
-  }
-});
-/**
- * SSR-safe rounded corners for the outermost table cells.
- *
- * @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 tableRoundedCornerStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror .pm-table-wrapper > table > tbody > tr > td[data-reaches-top][data-reaches-left], .ProseMirror .pm-table-wrapper > table > tbody > tr > th[data-reaches-top][data-reaches-left]': {
-    borderTopLeftRadius: "var(--ds-radius-xlarge, 12px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror .pm-table-wrapper > table > tbody > tr > td[data-reaches-top][data-reaches-right], .ProseMirror .pm-table-wrapper > table > tbody > tr > th[data-reaches-top][data-reaches-right]': {
-    borderTopRightRadius: "var(--ds-radius-xlarge, 12px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror .pm-table-wrapper > table > tbody > tr > td[data-reaches-bottom][data-reaches-left], .ProseMirror .pm-table-wrapper > table > tbody > tr > th[data-reaches-bottom][data-reaches-left]': {
-    borderBottomLeftRadius: "var(--ds-radius-xlarge, 12px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '.ProseMirror .pm-table-wrapper > table > tbody > tr > td[data-reaches-bottom][data-reaches-right], .ProseMirror .pm-table-wrapper > table > tbody > tr > th[data-reaches-bottom][data-reaches-right]': {
-    borderBottomRightRadius: "var(--ds-radius-xlarge, 12px)"
-  }
-});