@atlaskit/editor-core 233.0.1 → 234.0.0

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

@@ -1,327 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tableScrollInlineShadowStyles = exports.tableRoundedCornerStyles = exports.tableLayoutFixesWithFontSize = exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContentModeStyles = exports.tableContentModeNestedTableStyles = exports.tableContentModeExtensionContainmentStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
-var _constants = require("@atlaskit/editor-shared-styles/constants");
-var _scrollbarStyles = require("./scrollbarStyles");
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-var tableOverflowShadowWidthWide = 32;
-var tableInlineStartShadow = (0, _react.keyframes)({
-  '0%': {
-    opacity: 0
-  },
-  '0.0001%, 100%': {
-    opacity: 1
-  }
-});
-var tableInlineEndShadow = (0, _react.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
- */
-var tableLayoutFixes = exports.tableLayoutFixes = (0, _react.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
-var tableLayoutFixesWithFontSize = exports.tableLayoutFixesWithFontSize = (0, _react.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
-var tableCommentEditorMarginOverride = exports.tableCommentEditorMarginOverride = (0, _react.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
-var tableCommentEditorStyles = exports.tableCommentEditorStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror .pm-table-wrapper > table", [tableCommentEditorMarginOverride, _scrollbarStyles.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
-var tableContainerStyles = exports.tableContainerStyles = (0, _react.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
-var tableScrollInlineShadowStyles = exports.tableScrollInlineShadowStyles = (0, _react.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: _constants.akEditorShadowZIndex,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    top: _styles.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(\n\t\t\tto left,\n\t\t\ttransparent 0,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140%\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\ttransparent 1px\n\t\t)"),
-    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: _constants.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(\n\t\t\tto right,\n\t\t\ttransparent 0,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140%\n\t\t),\n\t\tlinear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\ttransparent 1px\n\t\t)"),
-    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
-var tableEmptyRowStyles = exports.tableEmptyRowStyles = (0, _react.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
-var tableContentModeStyles = exports.tableContentModeStyles = (0, _react.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
-var tableContentModeExtensionContainmentStyles = exports.tableContentModeExtensionContainmentStyles = (0, _react.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
-var tableContentModeNestedTableStyles = exports.tableContentModeNestedTableStyles = (0, _react.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
-var tableRoundedCornerStyles = exports.tableRoundedCornerStyles = (0, _react.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)"
-  }
-});