@atlaskit/editor-core 221.16.4 → 221.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/cjs/composable-editor/editor-internal-compiled.js +1 -1
- package/dist/cjs/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/Chromeless-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/Comment-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/BeforeWrapper-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPage-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/MainToolbar-compiled.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js +1 -1
- package/dist/cjs/ui/ChromeCollapsed/ChromeCollapsed-compiled.js +1 -1
- package/dist/cjs/ui/ContextPanel/index-compiled.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -4
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +6 -4
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -11
- package/dist/cjs/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +2 -2
- package/dist/cjs/ui/EditorContentContainer/styles/paragraphStyles.js +1 -43
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +8 -4
- package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +78 -1
- package/dist/cjs/ui/PluginSlot/PluginSlot-compiled.js +1 -1
- package/dist/cjs/ui/Toolbar/ToolbarComponentsWrapper-compiled.js +1 -1
- package/dist/cjs/ui/Toolbar/ToolbarPortal.js +1 -1
- package/dist/cjs/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js +1 -1
- package/dist/cjs/ui/WithFlash/withFlash-compiled.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/editor-internal-compiled.js +1 -1
- package/dist/es2019/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/Chromeless-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Comment-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/BeforeWrapper-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPage-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/MainToolbar-compiled.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js +1 -1
- package/dist/es2019/ui/ChromeCollapsed/ChromeCollapsed-compiled.js +1 -1
- package/dist/es2019/ui/ContextPanel/index-compiled.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -4
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +8 -6
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +7 -13
- package/dist/es2019/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +2 -2
- package/dist/es2019/ui/EditorContentContainer/styles/paragraphStyles.js +0 -42
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +10 -5
- package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +96 -1
- package/dist/es2019/ui/PluginSlot/PluginSlot-compiled.js +1 -1
- package/dist/es2019/ui/Toolbar/ToolbarComponentsWrapper-compiled.js +1 -1
- package/dist/es2019/ui/Toolbar/ToolbarPortal.js +1 -1
- package/dist/es2019/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js +1 -1
- package/dist/es2019/ui/WithFlash/withFlash-compiled.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor-internal-compiled.js +1 -1
- package/dist/esm/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js +1 -1
- package/dist/esm/ui/Appearance/Chromeless-compiled.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Comment-compiled.js +1 -1
- package/dist/esm/ui/Appearance/Comment/FixedToolbar-compiled.js +1 -1
- package/dist/esm/ui/Appearance/Comment/StickyToolbar-compiled.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/BeforeWrapper-compiled.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPage-compiled.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/MainToolbar-compiled.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js +1 -1
- package/dist/esm/ui/ChromeCollapsed/ChromeCollapsed-compiled.js +1 -1
- package/dist/esm/ui/ContextPanel/index-compiled.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -4
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +8 -6
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +7 -13
- package/dist/esm/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +2 -2
- package/dist/esm/ui/EditorContentContainer/styles/paragraphStyles.js +0 -42
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +9 -6
- package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +78 -1
- package/dist/esm/ui/PluginSlot/PluginSlot-compiled.js +1 -1
- package/dist/esm/ui/Toolbar/ToolbarComponentsWrapper-compiled.js +1 -1
- package/dist/esm/ui/Toolbar/ToolbarPortal.js +1 -1
- package/dist/esm/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js +1 -1
- package/dist/esm/ui/WithFlash/withFlash-compiled.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/editorUGCTokenStyles.d.ts +2 -2
- package/dist/types/ui/EditorContentContainer/styles/paragraphStyles.d.ts +0 -14
- package/dist/types/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.d.ts +5 -3
- package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts +11 -0
- package/package.json +23 -27
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.name = void 0;
|
|
7
7
|
var name = exports.name = "@atlaskit/editor-core";
|
|
8
8
|
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
|
-
var version = exports.version = "221.
|
|
9
|
+
var version = exports.version = "221.17.0";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* editor-internal-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* editor-internal-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `editor-internal.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./clickAreaBlock-compiled.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Chromeless-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* Chromeless-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `Chromeless.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Comment-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* Comment-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `Comment.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `Toolbar.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `Toolbar.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `BeforeWrapper.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* FullPage-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* FullPage-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `FullPage.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
import "./FullPageContentArea-compiled.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useImperativeHandle, useRef } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* FullPageToolbarNext.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
import "./FullPageToolbarNext.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, useMemo } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* MainToolbar-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* MainToolbar-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `MainToolbar.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./ChromeCollapsed-compiled.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -123,8 +123,6 @@
|
|
|
123
123
|
.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=info] .ak-editor-panel__icon[data-panel-type=info]{color:var(--ds-icon-information,#357de8)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=note] .ak-editor-panel__icon[data-panel-type=note]{color:var(--ds-icon-discovery,#af59e1)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=tip] .ak-editor-panel__icon[data-panel-type=tip]{color:var(--ds-icon-success,#6a9a23)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=warning] .ak-editor-panel__icon[data-panel-type=warning]{color:var(--ds-icon-warning,#e06c00)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=error] .ak-editor-panel__icon[data-panel-type=error]{color:var(--ds-icon-danger,#c9372c)}.cc-h7dall .ProseMirror .ak-editor-panel[data-panel-type=success] .ak-editor-panel__icon[data-panel-type=success]{color:var(--ds-icon-success,#6a9a23)}
|
|
124
124
|
.cc-pnl8g .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt);padding-left:var(--ds-space-150,9pt)}.cc-pnl8g .ak-editor-content-area.appearance-full-page .ProseMirror .ak-editor-panel .ak-editor-panel__icon{padding-right:var(--ds-space-150,9pt)}.cc-pnl8g .ak-editor-content-area.appearance-full-page .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-left:var(--ds-space-250,20px);padding-right:var(--ds-space-250,20px)}.cc-pnl8g .ak-editor-content-area .ak-editor-content-area .ProseMirror .ak-editor-panel .ak-editor-panel__icon{padding-right:var(--ds-space-100,8px)}.cc-pnl8g .ak-editor-content-area .ak-editor-content-area .ProseMirror .ak-editor-panel.ak-editor-panel__no-icon{padding-right:var(--ds-space-150,9pt);padding-left:var(--ds-space-150,9pt)}
|
|
125
125
|
.cc-4fs4h7 .panelView-content-wrap{box-sizing:border-box}
|
|
126
|
-
.cc-1w6keww .ProseMirror p{font-size:1em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);margin-top:.75rem;margin-bottom:0;letter-spacing:-.005em}
|
|
127
|
-
.cc-10wncs9 .ProseMirror p{font-size:1em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);margin-top:.75em;margin-bottom:0;letter-spacing:-.005em}
|
|
128
126
|
.cc-cc1o06 .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75rem;margin-bottom:0}
|
|
129
127
|
.cc-9s11ni .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif;margin-top:.75em;margin-bottom:0}
|
|
130
128
|
.cc-j698ed .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-1g9vzfc .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76);width:100%;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1g9vzfc .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none;outline-color:currentColor;outline-style:none;outline-width:medium;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.cc-1g9vzfc .ProseMirror .placeholder-decoration-fade-in{animation-name:kgnpaw5;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}
|
|
@@ -156,12 +154,12 @@
|
|
|
156
154
|
.cc-1xbql87 .blockCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1xbql87 .blockCardView-content-wrap .loader-wrapper>div a{cursor:auto}.cc-1xbql87 .embedCardView-content-wrap .loader-wrapper>div a{cursor:auto}
|
|
157
155
|
.cc-948d37 .ProseMirror>.fabric-editor-breakout-mark:first-child .ak-editor-bodied-sync-block, .cc-948d37 .ProseMirror>.fabric-editor-breakout-mark:first-child .ak-editor-sync-block{margin-top:0}
|
|
158
156
|
.cc-1rgu3l5 .ak-editor-sync-block__renderer{cursor:text;outline-color:currentColor;outline-style:none;outline-width:medium;caret-color:transparent}.cc-1rgu3l5 .ak-editor-sync-block__renderer [data-layout-section]{cursor:text}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id], .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span{box-shadow:none!important}.cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id] span:before, .cc-1rgu3l5 .ProseMirror .ak-editor-selected-node .ak-editor-sync-block__renderer span[data-emoji-id]:before{background-color:transparent!important}
|
|
159
|
-
.cc-54hos9 .ak-editor-sync-block__renderer [role=button], .cc-54hos9 .ak-editor-sync-block__renderer [role=link], .cc-54hos9 .ak-editor-sync-block__renderer a[href], .cc-54hos9 .ak-editor-sync-block__renderer button{cursor:pointer}
|
|
157
|
+
.cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=button], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer [role=link], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer a[href], .cc-54hos9 .ProseMirror .ak-editor-sync-block__renderer button{cursor:pointer}.cc-54hos9 .ProseMirror .ak-editor-sync-block__label{max-width:min(300px,calc(100% - var(--ds-space-300, 24px)))}
|
|
160
158
|
.cc-7kpyvk .ProseMirror .ak-editor-bodied-sync-block__content{display:flow-root}.cc-7kpyvk .ProseMirror .ak-editor-sync-block__renderer{display:flow-root}
|
|
161
159
|
.cc-d5z442 .ProseMirror .ak-editor-bodied-sync-block, .cc-d5z442 .ProseMirror .ak-editor-sync-block{margin-right:-19px;margin-left:-19px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block, .cc-btp579 .ProseMirror .ak-editor-sync-block{position:relative;cursor:pointer;border-radius:var(--ds-radius-small,3px);margin-bottom:0;margin-top:var(--ds-space-075,6px);padding-block:var(--ds-space-150,9pt);color:inherit}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover{box-shadow:0 0 0 1px var(--ds-border,#0b120e24);transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:hover .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:hover .ak-editor-sync-block__label{opacity:1;visibility:visible;transition:opacity .2s ease-in,visibility .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node{box-shadow:0 0 0 1px var(--ds-border-focused,#4688ec)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{opacity:1;visibility:visible;background-color:var(--ds-background-selected,#e9f2fe);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span{color:var(--ds-text-selected,#1868db)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-panel__icon, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-panel__icon{color:var(--ds-icon-danger,#c9372c)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label{background-color:var(--ds-background-danger,#ffeceb);top:-14px;padding-bottom:var(--ds-space-050,4px);padding-top:var(--ds-space-050,4px)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.danger .ak-editor-sync-block__label>span, .cc-btp579 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label>span{color:var(--ds-text-danger,#ae2e24)!important}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled{background-color:var(--ds-background-disabled,#0515240f);box-shadow:0 0 0 1px var(--ds-border-disabled,#0515240f);-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label{background-color:var(--ds-surface,#fff)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.disabled .ak-editor-sync-block__label:before, .cc-btp579 .ProseMirror .ak-editor-sync-block.disabled .ak-editor-sync-block__label:before{border:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading{animation-name:k1r6lcmc;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;border:1px solid transparent;background:linear-gradient(var(--ds-surface,#fff),var(--ds-surface,#fff)) padding-box,conic-gradient(from var(--angle),#1868db,var(--ds-background-accent-purple-subtlest-pressed,#e3bdfa),#3279e0,#1868db) border-box;background-clip:padding-box,border-box;box-shadow:none;transition:box-shadow .2s ease-in}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.creation-loading .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.creation-loading .ak-editor-sync-block__label{display:none}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__error_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__error_state){background-color:var(--ds-background-disabled,#0515240f)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state), .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state){box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode{box-shadow:none;background-color:unset}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.view-mode .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.view-mode .ak-editor-sync-block__label{opacity:0;visibility:hidden}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block.user-is-dragging .ak-editor-sync-block__label, .cc-btp579 .ProseMirror .ak-editor-sync-block.user-is-dragging .ak-editor-sync-block__label{opacity:1;visibility:visible}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-bodied-sync-block__content, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-bodied-sync-block__content{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px;cursor:text}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block .ak-editor-sync-block__renderer, .cc-btp579 .ProseMirror .ak-editor-sync-block .ak-editor-sync-block__renderer{padding-top:0;padding-bottom:0;padding-left:19px;padding-right:18px}.cc-btp579 .ProseMirror .ak-editor-bodied-sync-block__content>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}.cc-btp579 .ProseMirror .ak-editor-sync-block__renderer .ak-renderer-document>:first-child{margin-top:0}.cc-btp579 .ak-editor-sync-block__label{border-radius:var(--ds-radius-small,3px);position:absolute;gap:var(--ds-space-050,4px);justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;box-shadow:none;z-index:1;padding-left:var(--ds-space-100,8px);padding-right:var(--ds-space-100,8px);top:-10px;right:var(--ds-space-150,9pt);background-color:var(--ds-surface,#fff);max-width:140px}
|
|
162
160
|
.cc-cvmfbc td[colorname=white i], .cc-cvmfbc th[colorname=white i]{background-color:var(--ak-editor-table-cell-background-white)!important}.cc-cvmfbc td[colorname="light blue" i], .cc-cvmfbc th[colorname="light blue" i]{background-color:var(--ak-editor-table-cell-background-light-blue)!important}.cc-cvmfbc td[colorname="light teal" i], .cc-cvmfbc th[colorname="light teal" i]{background-color:var(--ak-editor-table-cell-background-light-teal)!important}.cc-cvmfbc td[colorname="light green" i], .cc-cvmfbc th[colorname="light green" i]{background-color:var(--ak-editor-table-cell-background-light-green)!important}.cc-cvmfbc td[colorname="light yellow" i], .cc-cvmfbc th[colorname="light yellow" i]{background-color:var(--ak-editor-table-cell-background-light-yellow)!important}.cc-cvmfbc td[colorname="light red" i], .cc-cvmfbc th[colorname="light red" i]{background-color:var(--ak-editor-table-cell-background-light-red)!important}.cc-cvmfbc td[colorname="light purple" i], .cc-cvmfbc th[colorname="light purple" i]{background-color:var(--ak-editor-table-cell-background-light-purple)!important}.cc-cvmfbc td[colorname="light gray" i], .cc-cvmfbc th[colorname="light gray" i]{background-color:var(--ak-editor-table-cell-background-light-gray)!important}.cc-cvmfbc td[colorname=blue i], .cc-cvmfbc th[colorname=blue i]{background-color:var(--ak-editor-table-cell-background-blue)!important}.cc-cvmfbc td[colorname=teal i], .cc-cvmfbc th[colorname=teal i]{background-color:var(--ak-editor-table-cell-background-teal)!important}.cc-cvmfbc td[colorname=green i], .cc-cvmfbc th[colorname=green i]{background-color:var(--ak-editor-table-cell-background-green)!important}.cc-cvmfbc td[colorname=yellow i], .cc-cvmfbc th[colorname=yellow i]{background-color:var(--ak-editor-table-cell-background-yellow)!important}.cc-cvmfbc td[colorname=red i], .cc-cvmfbc th[colorname=red i]{background-color:var(--ak-editor-table-cell-background-red)!important}.cc-cvmfbc td[colorname=purple i], .cc-cvmfbc th[colorname=purple i]{background-color:var(--ak-editor-table-cell-background-purple)!important}.cc-cvmfbc td[colorname=gray i], .cc-cvmfbc th[colorname=gray i]{background-color:var(--ak-editor-table-cell-background-gray)!important}.cc-cvmfbc td[colorname="dark blue" i], .cc-cvmfbc th[colorname="dark blue" i]{background-color:var(--ak-editor-table-cell-background-dark-blue)!important}.cc-cvmfbc td[colorname="dark teal" i], .cc-cvmfbc th[colorname="dark teal" i]{background-color:var(--ak-editor-table-cell-background-dark-teal)!important}.cc-cvmfbc td[colorname="dark green" i], .cc-cvmfbc th[colorname="dark green" i]{background-color:var(--ak-editor-table-cell-background-dark-green)!important}.cc-cvmfbc td[colorname="dark yellow" i], .cc-cvmfbc th[colorname="dark yellow" i]{background-color:var(--ak-editor-table-cell-background-dark-yellow)!important}.cc-cvmfbc td[colorname="dark red" i], .cc-cvmfbc th[colorname="dark red" i]{background-color:var(--ak-editor-table-cell-background-dark-red)!important}.cc-cvmfbc td[colorname="dark purple" i], .cc-cvmfbc th[colorname="dark purple" i]{background-color:var(--ak-editor-table-cell-background-dark-purple)!important}
|
|
163
161
|
.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table{margin-left:0;margin-right:0;ms-overflow-style:-ms-autohiding-scrollbar}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-corner{display:none}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-qmh5x7 .ProseMirror .pm-table-wrapper>table::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
|
|
164
|
-
.cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}
|
|
162
|
+
.cc-1c98076 .ProseMirror .pm-table-wrapper{max-width:100%;overflow-x:auto;width:100%;box-sizing:border-box}.cc-1c98076 .ProseMirror .pm-table-wrapper.pm-table-wrapper-no-overflow{overflow-x:visible}.cc-1c98076 .ProseMirror .pm-table-wrapper table{max-width:100%;width:100%;table-layout:fixed;min-width:auto}.cc-1b7tx95 .ProseMirror .pm-table-container:has(>.pm-table-scroll-inline-shadow){timeline-scope:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-scroll-inline-shadow{scroll-timeline-name:--editor-table-inline-scroll;scroll-timeline-axis:inline}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow]{position:absolute;z-index:2;top:24px;bottom:0;width:2pc;opacity:0;pointer-events:none;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--editor-table-inline-scroll}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=start]{left:0;background-image: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);animation-name:kdz7omp}.cc-1b7tx95 .ProseMirror .pm-table-container[data-number-column=true]>[data-table-overflow-shadow=start]{left:41px}.cc-1b7tx95 .ProseMirror .pm-table-container>[data-table-overflow-shadow=end]{right:0;background-image: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);animation-name:k1sevukb}
|
|
165
163
|
.cc-4d6xg1 .pm-table-resizer-container:has(table[data-initial-width-mode=content]){width:max-content!important;--ak-editor-table-width:max-content}.cc-4d6xg1 .resizer-item:has(table[data-initial-width-mode=content]){width:max-content!important}.cc-4d6xg1 .resizer-item:has(table[data-initial-width-mode=content])>.resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}.cc-4d6xg1 .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{table-layout:auto;width:max-content!important}.cc-4d6xg1 .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]>colgroup>col{width:unset!important}
|
|
166
164
|
.cc-19w908l .ProseMirror .pm-table-wrapper table[data-initial-width-mode=content]{max-width:none;margin-right:0}.cc-19w908l .pm-table-container:has(>.pm-table-wrapper>table[data-initial-width-mode=content]), .cc-19w908l .pm-table-wrapper:has(>table[data-initial-width-mode=content]), .cc-19w908l .resizer-item:has(table[data-initial-width-mode=content]){width:max-content!important;max-width:var(--ak-editor-table-max-width)!important}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table{width:max-content!important;max-width:none;margin-right:0}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper>table>colgroup>col{width:unset!important}.cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container, .cc-19w908l .ProseMirror table[data-initial-width-mode=content]>tbody>tr>:is(th,td) .pm-table-container>.pm-table-wrapper{width:max-content!important;max-width:none;overflow-x:visible}
|
|
167
165
|
.cc-1fi1exx .ProseMirror .pm-table-wrapper .pm-table-cell-content-wrap p:empty, .cc-1fi1exx .ProseMirror .pm-table-wrapper .pm-table-header-content-wrap p:empty{min-height:1.714em}
|
|
@@ -200,11 +198,13 @@
|
|
|
200
198
|
@keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}
|
|
201
199
|
@keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
|
|
202
200
|
@keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}
|
|
201
|
+
@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}
|
|
203
202
|
@keyframes k1xe95hp{0%{opacity:0;transform:translateY(1pc)}to{opacity:1;transform:translateY(0)}}
|
|
204
203
|
@keyframes k1xnqtye{0%,to{opacity:0}50%{opacity:1}}
|
|
205
204
|
@keyframes k3895my{0%,95%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}
|
|
206
205
|
@keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
|
|
207
206
|
@keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
|
|
207
|
+
@keyframes kdz7omp{0%{opacity:0}0.0001%,to{opacity:1}}
|
|
208
208
|
@keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
|
|
209
209
|
@keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
|
|
210
210
|
@keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
// oxlint-disable-next-line typescript-eslint/triple-slash-reference
|
|
3
3
|
/// <reference path="../../types/compiled-shims.d.ts" />
|
|
4
4
|
// TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
|
|
@@ -13,10 +13,10 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
|
13
13
|
// TODO: add back tableSharedStyle when migrate table styles
|
|
14
14
|
// import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
|
|
15
15
|
import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
|
|
16
|
-
import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
16
|
+
import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableMarginTop, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
17
17
|
import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
18
18
|
import { tableCellBackgroundColorVariablesForCompiled } from '@atlaskit/editor-common/table-cell-background-for-compiled';
|
|
19
|
-
import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
|
|
19
|
+
import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorShadowZIndex, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
|
|
20
20
|
import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -32,6 +32,7 @@ const akEditorCalculatedWideLayoutWidthSmallViewport = 905;
|
|
|
32
32
|
const akEditorGutterPadding = 32;
|
|
33
33
|
const akEditorDefaultLayoutWidth = 760;
|
|
34
34
|
const akEditorFullWidthLayoutWidth = 1800;
|
|
35
|
+
const tableOverflowShadowWidthWide = 32;
|
|
35
36
|
// The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
|
|
36
37
|
const akEditorBreakpointForSmallDevice = `1266px`;
|
|
37
38
|
const akEditorGutterPaddingReduced = 24;
|
|
@@ -86,6 +87,8 @@ const editorAreaLayoutFixedWidthMaxWidthContainerQuery = `@container editor-area
|
|
|
86
87
|
const editorAreaLayoutResizedMaxWidthContainerQuery = `@container editor-area (max-width: ${akEditorLayoutResizedBreakpoint}px)`;
|
|
87
88
|
const placeholderFadeInKeyframes = null;
|
|
88
89
|
const fadeIn = null;
|
|
90
|
+
const tableInlineStartShadow = null;
|
|
91
|
+
const tableInlineEndShadow = null;
|
|
89
92
|
const hideNativeBrowserTextSelectionStyles = null;
|
|
90
93
|
const boxShadowSelectionStyles = null;
|
|
91
94
|
|
|
@@ -336,8 +339,6 @@ const editorContentStyles = {
|
|
|
336
339
|
panelStylesMixin: "cc-h7dall",
|
|
337
340
|
panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: "cc-pnl8g",
|
|
338
341
|
panelViewStyles: "cc-4fs4h7",
|
|
339
|
-
paragraphStylesOld: "cc-1w6keww",
|
|
340
|
-
paragraphStylesOldWithScaledMargin: "cc-10wncs9",
|
|
341
342
|
paragraphStylesUGCRefreshed: "cc-cc1o06",
|
|
342
343
|
paragraphStylesWithScaledMargin: "cc-9s11ni",
|
|
343
344
|
placeholderOverflowStyles: "cc-j698ed",
|
|
@@ -378,6 +379,7 @@ const editorContentStyles = {
|
|
|
378
379
|
tableCellBackgroundColorOverrides: "cc-cvmfbc",
|
|
379
380
|
tableCommentEditorStyles: "cc-qmh5x7",
|
|
380
381
|
tableContainerStyles: "cc-1c98076",
|
|
382
|
+
tableScrollInlineShadowStyles: "cc-1b7tx95",
|
|
381
383
|
tableContentModeStyles: "cc-4d6xg1",
|
|
382
384
|
tableContentModeNestedTableStyles: "cc-19w908l",
|
|
383
385
|
tableEmptyRowStyles: "cc-1fi1exx",
|
|
@@ -480,7 +482,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
480
482
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
481
483
|
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
482
484
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
483
|
-
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles,
|
|
485
|
+
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
484
486
|
ref: ref,
|
|
485
487
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
486
488
|
"data-testid": "editor-content-container"
|
|
@@ -50,7 +50,7 @@ import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsSt
|
|
|
50
50
|
import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
|
|
51
51
|
import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
|
|
52
52
|
import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
|
|
53
|
-
import {
|
|
53
|
+
import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
|
|
54
54
|
import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
|
|
55
55
|
import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockLegacy, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
|
|
56
56
|
import { dangerRuleStyles, ruleStyles } from './styles/rule';
|
|
@@ -62,7 +62,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
|
|
|
62
62
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
|
|
63
63
|
import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
|
|
64
64
|
import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
|
|
65
|
-
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
|
|
65
|
+
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableRoundedCornerStyles, tableScrollInlineShadowStyles, tableLayoutFixesWithFontSize, tableContentModeStyles, tableContentModeNestedTableStyles } from './styles/tableStyles';
|
|
66
66
|
import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
|
|
67
67
|
import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
|
|
68
68
|
import { textColorStyles } from './styles/textColorStyles';
|
|
@@ -446,19 +446,11 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
446
446
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
447
447
|
linkingVisualRefreshV1Styles,
|
|
448
448
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
449
|
-
dateVanillaStyles,
|
|
450
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
451
|
-
contentMode === 'compact' ?
|
|
449
|
+
dateVanillaStyles, contentMode === 'compact' ?
|
|
452
450
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
453
451
|
paragraphStylesWithScaledMargin :
|
|
454
452
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
455
|
-
paragraphStylesUGCRefreshed
|
|
456
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
457
|
-
contentMode === 'compact' ?
|
|
458
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
459
|
-
paragraphStylesOldWithScaledMargin :
|
|
460
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
461
|
-
paragraphStylesOld,
|
|
453
|
+
paragraphStylesUGCRefreshed,
|
|
462
454
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
463
455
|
linkStyles,
|
|
464
456
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -554,7 +546,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
554
546
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
555
547
|
tableContainerStyles,
|
|
556
548
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
557
|
-
tableSharedStyle(),
|
|
549
|
+
tableSharedStyle(), expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) &&
|
|
550
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
551
|
+
tableScrollInlineShadowStyles,
|
|
558
552
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
559
553
|
tableEmptyRowStyles,
|
|
560
554
|
// SSR-safe rounded corners (see tableRoundedCornerStyles). Gated to match the table plugin
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
/**
|
|
6
|
-
* Use when
|
|
6
|
+
* Use when the following is not enabled:
|
|
7
7
|
* - fg('atlas_editor_typography_refreshed')
|
|
8
8
|
*/
|
|
9
9
|
/**
|
|
@@ -25,7 +25,7 @@ export const editorUGCTokensModernized = css({
|
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
|
-
* Use when
|
|
28
|
+
* Use when the following is enabled:
|
|
29
29
|
* - fg('atlas_editor_typography_refreshed')
|
|
30
30
|
*/
|
|
31
31
|
/**
|
|
@@ -24,27 +24,6 @@ export const paragraphStylesWithScaledMargin = css({
|
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
26
|
|
|
27
|
-
/**
|
|
28
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
29
|
-
* If you need to make changes here, also update the corresponding style in
|
|
30
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
31
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
32
|
-
*/
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
34
|
-
export const paragraphStylesOldWithScaledMargin = css({
|
|
35
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
36
|
-
'.ProseMirror p': {
|
|
37
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
38
|
-
fontSize: '1em',
|
|
39
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
40
|
-
lineHeight: 1.714,
|
|
41
|
-
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
42
|
-
marginTop: scaledBlockNodesVerticalMargin,
|
|
43
|
-
marginBottom: 0,
|
|
44
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
45
|
-
letterSpacing: '-0.005em'
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
27
|
/**
|
|
49
28
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
50
29
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -82,25 +61,4 @@ export const paragraphStylesUGCModernized = css({
|
|
|
82
61
|
marginTop: blockNodesVerticalMargin,
|
|
83
62
|
marginBottom: 0
|
|
84
63
|
}
|
|
85
|
-
});
|
|
86
|
-
/**
|
|
87
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
88
|
-
* If you need to make changes here, also update the corresponding style in
|
|
89
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
90
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
91
|
-
*/
|
|
92
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
93
|
-
export const paragraphStylesOld = css({
|
|
94
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
95
|
-
'.ProseMirror p': {
|
|
96
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
97
|
-
fontSize: '1em',
|
|
98
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
99
|
-
lineHeight: 1.714,
|
|
100
|
-
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
101
|
-
marginTop: blockNodesVerticalMargin,
|
|
102
|
-
marginBottom: 0,
|
|
103
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
104
|
-
letterSpacing: '-0.005em'
|
|
105
|
-
}
|
|
106
64
|
});
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
3
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
|
-
import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
6
|
-
|
|
5
|
+
import { SyncBlockLabelSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
7
6
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
7
|
+
* Styles for the synced block activation experience:
|
|
8
|
+
* - Interactive elements show a pointer cursor rather than inheriting the
|
|
9
|
+
* selectable content's text cursor.
|
|
10
|
+
* - Border labels can show substantially more reference-title text without
|
|
11
|
+
* overflowing narrow synced blocks.
|
|
11
12
|
*
|
|
12
13
|
* Kept as the sole export of this file, and separate from
|
|
13
14
|
* syncBlockTextSelectionStyles, so it can be gated behind the
|
|
@@ -28,5 +29,9 @@ export const syncBlockInteractiveCursorStyles = css({
|
|
|
28
29
|
'a[href], button, [role="button"], [role="link"]': {
|
|
29
30
|
cursor: 'pointer'
|
|
30
31
|
}
|
|
32
|
+
},
|
|
33
|
+
// 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
|
|
34
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
35
|
+
maxWidth: `min(300px, calc(100% - ${"var(--ds-space-300, 24px)"}))`
|
|
31
36
|
}
|
|
32
37
|
});
|
|
@@ -1,8 +1,28 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
2
2
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
3
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
-
import { css } from '@emotion/react';
|
|
4
|
+
import { css, keyframes } from '@emotion/react';
|
|
5
|
+
import { tableMarginTop } from '@atlaskit/editor-common/styles';
|
|
6
|
+
import { akEditorShadowZIndex, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles/constants';
|
|
5
7
|
import { scrollbarStyles } from './scrollbarStyles';
|
|
8
|
+
const tableOverflowShadowWidthWide = 32;
|
|
9
|
+
const tableInlineStartShadow = keyframes({
|
|
10
|
+
'0%': {
|
|
11
|
+
opacity: 0
|
|
12
|
+
},
|
|
13
|
+
'0.0001%, 100%': {
|
|
14
|
+
opacity: 1
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
const tableInlineEndShadow = keyframes({
|
|
18
|
+
'0%, 99.9999%': {
|
|
19
|
+
opacity: 1
|
|
20
|
+
},
|
|
21
|
+
'100%': {
|
|
22
|
+
opacity: 0
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
|
|
6
26
|
/**
|
|
7
27
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
8
28
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -96,6 +116,81 @@ export const tableContainerStyles = css({
|
|
|
96
116
|
minWidth: 'auto'
|
|
97
117
|
}
|
|
98
118
|
});
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* SSR-safe foreground overflow shadows driven by the table wrapper's horizontal scroll timeline.
|
|
122
|
+
* The overlays are siblings of the scrollport, so they stay anchored to its edges without
|
|
123
|
+
* modifying table-cell surfaces or interaction overlays.
|
|
124
|
+
*
|
|
125
|
+
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
126
|
+
* If you need to make changes here, also update the corresponding style in
|
|
127
|
+
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
128
|
+
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
129
|
+
*/
|
|
130
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
131
|
+
export const tableScrollInlineShadowStyles = css({
|
|
132
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
133
|
+
'.ProseMirror .pm-table-container:has(> .pm-table-scroll-inline-shadow)': {
|
|
134
|
+
timelineScope: '--editor-table-inline-scroll'
|
|
135
|
+
},
|
|
136
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
137
|
+
'.ProseMirror .pm-table-scroll-inline-shadow': {
|
|
138
|
+
scrollTimelineName: '--editor-table-inline-scroll',
|
|
139
|
+
scrollTimelineAxis: 'inline'
|
|
140
|
+
},
|
|
141
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
142
|
+
'.ProseMirror .pm-table-container > [data-table-overflow-shadow]': {
|
|
143
|
+
position: 'absolute',
|
|
144
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
145
|
+
zIndex: akEditorShadowZIndex,
|
|
146
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
147
|
+
top: tableMarginTop,
|
|
148
|
+
bottom: 0,
|
|
149
|
+
width: tableOverflowShadowWidthWide,
|
|
150
|
+
opacity: 0,
|
|
151
|
+
pointerEvents: 'none',
|
|
152
|
+
animationDuration: '1ms',
|
|
153
|
+
animationFillMode: 'both',
|
|
154
|
+
animationTimingFunction: 'linear',
|
|
155
|
+
animationTimeline: '--editor-table-inline-scroll'
|
|
156
|
+
},
|
|
157
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
158
|
+
".ProseMirror .pm-table-container > [data-table-overflow-shadow='start']": {
|
|
159
|
+
left: 0,
|
|
160
|
+
backgroundImage: `linear-gradient(
|
|
161
|
+
to left,
|
|
162
|
+
transparent 0,
|
|
163
|
+
${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
|
|
164
|
+
),
|
|
165
|
+
linear-gradient(
|
|
166
|
+
to right,
|
|
167
|
+
${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
|
|
168
|
+
transparent 1px
|
|
169
|
+
)`,
|
|
170
|
+
animationName: tableInlineStartShadow
|
|
171
|
+
},
|
|
172
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
173
|
+
".ProseMirror .pm-table-container[data-number-column='true'] > [data-table-overflow-shadow='start']": {
|
|
174
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
175
|
+
left: akEditorTableNumberColumnWidth - 1
|
|
176
|
+
},
|
|
177
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
178
|
+
".ProseMirror .pm-table-container > [data-table-overflow-shadow='end']": {
|
|
179
|
+
right: 0,
|
|
180
|
+
backgroundImage: `linear-gradient(
|
|
181
|
+
to right,
|
|
182
|
+
transparent 0,
|
|
183
|
+
${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140%
|
|
184
|
+
),
|
|
185
|
+
linear-gradient(
|
|
186
|
+
to left,
|
|
187
|
+
${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
|
|
188
|
+
transparent 1px
|
|
189
|
+
)`,
|
|
190
|
+
animationName: tableInlineEndShadow
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
|
|
99
194
|
/**
|
|
100
195
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
101
196
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./PluginSlot-compiled.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
2
|
/**
|
|
3
3
|
* Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
|
|
4
4
|
* Used via `componentWithCondition` in `ToolbarInner.tsx`.
|