@atlaskit/editor-core 228.1.2 → 228.1.4
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 +16 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -2
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +1 -4
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -3
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +1 -5
- package/dist/cjs/ui/EditorContentContainer/styles/baseStyles.js +2 -14
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -2
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +1 -4
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -3
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +2 -6
- package/dist/es2019/ui/EditorContentContainer/styles/baseStyles.js +1 -13
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +1 -2
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +1 -4
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -3
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +2 -6
- package/dist/esm/ui/EditorContentContainer/styles/baseStyles.js +1 -13
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/baseStyles.d.ts +1 -8
- package/package.json +5 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 228.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 228.1.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`3f76a4ffe41c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f76a4ffe41c8) -
|
|
14
|
+
Cleanup `platform_editor_controls_increase_full_page_gutter` and the fully rolled-out
|
|
15
|
+
`platform_editor_controls` checks directly stacked with it, retaining the larger full-page gutter
|
|
16
|
+
permanently. Other controls experiment checks remain for iterative cleanup.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 228.1.2
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -15,7 +15,6 @@ var _reactIntl = require("react-intl");
|
|
|
15
15
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
16
16
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
17
17
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
18
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
19
18
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
20
19
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
21
20
|
var _ClickAreaBlock = require("../../Addon/ClickAreaBlock");
|
|
@@ -134,7 +133,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
134
133
|
"data-vc": "editor-content-area-region"
|
|
135
134
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
136
135
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
137
|
-
className: (0, _runtime.ax)([compiledStyles.editorContentGutterStyles,
|
|
136
|
+
className: (0, _runtime.ax)([compiledStyles.editorContentGutterStyles, compiledStyles.editorContentGutterStyleFG, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
138
137
|
exposure: true
|
|
139
138
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
140
139
|
}) && compiledStyles.editorContentReducedGutterStyles, (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', {
|
|
@@ -16,7 +16,6 @@ var _taskList = require("@atlaskit/adf-schema/task-list");
|
|
|
16
16
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
17
17
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
18
18
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
19
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
19
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
20
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
22
21
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
@@ -356,9 +355,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
356
355
|
ref: contentAreaRef,
|
|
357
356
|
"data-vc": "editor-content-area-region"
|
|
358
357
|
}, (0, _react2.jsx)("div", {
|
|
359
|
-
css: [editorContentGutterStyles,
|
|
360
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
361
|
-
(0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
358
|
+
css: [editorContentGutterStyles, editorContentGutterStyleFG, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
362
359
|
exposure: true
|
|
363
360
|
}) && editorContentReducedGutterStyles]
|
|
364
361
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -35,8 +35,7 @@
|
|
|
35
35
|
.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper], .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node{border-radius:var(--ds-radius-small,4px);box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;position:relative;-webkit-user-select:text}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]:before, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:12;background-color:var(--ds-blanket-selected,#388bff14)}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::selection{background-color:transparent}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::-moz-selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div:after{content:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]{list-style-type:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]{cursor:pointer;display:flex;flex-direction:row;margin:var(--ds-space-100,8px) 0 0 0;padding:var(--ds-space-100,8px);padding-left:var(--ds-space-150,9pt);border-radius:var(--ds-radius-small,4px);background-color:var(--ds-background-neutral,#0515240f);position:relative}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{flex-grow:0;flex-shrink:0;flex-basis:16px;height:1pc;width:1pc;margin:var(--ds-space-050,4px) var(--ds-space-150,9pt) 0 0;color:var(--ds-icon-subtle,#505258);display:flex;align-items:center;justify-content:center}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=icon]{color:var(--ds-icon-success,#6a9a23)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span{display:inline-block;flex-shrink:0;line-height:1}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span>svg{overflow-x:hidden;overflow-y:hidden;pointer-events:none;color:currentColor;vertical-align:bottom}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:calc(var(--ds-space-100, 8px)*3.5);position:absolute;color:var(--ds-text-subtlest,#6b6e76);pointer-events:none;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;max-width:calc(100% - 50px)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=placeholder]{display:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;word-wrap:break-word;min-width:0;flex-grow:1;flex-shrink:1;flex-basis:auto}
|
|
36
36
|
.cc-gfdhbo li[data-testid=show-diff-changed-decoration-node]::marker{color:var(--diff-decoration-marker-color)}
|
|
37
37
|
.cc-15b3poi .inlineCardView-content-wrap [data-inlinecard-button-overlay=icon-wrapper-line-height] span{line-height:0}
|
|
38
|
-
.cc-
|
|
39
|
-
.cc-1uahsw7{--ak-editor--large-gutter-padding:72px}
|
|
38
|
+
.cc-9fht47{--ak-editor--large-gutter-padding:72px}
|
|
40
39
|
@container editor-area (max-width: 600px){.cc-thmreh{--ak-editor--large-gutter-padding:24px}}
|
|
41
40
|
.cc-j6p7k2{--editor-font-ugc-token-heading-h1:normal 600 1.71429em/1.16667 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h2:normal 600 1.42857em/1.2 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h3:normal 600 1.14286em/1.25 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h4:normal 600 1em/1.14286 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h5:normal 600 0.857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h6:normal 600 0.785714em/1.45455 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-body:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-weight-heading-bold:700}
|
|
42
41
|
.cc-1x753i0{--editor-font-ugc-token-body-small:normal 400 0.875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
@@ -202,8 +202,7 @@ var editorContentStyles = {
|
|
|
202
202
|
decisionStyles: "cc-k8dnnh",
|
|
203
203
|
diffListStyles: "cc-gfdhbo",
|
|
204
204
|
editorControlsSmartCardStyles: "cc-15b3poi",
|
|
205
|
-
|
|
206
|
-
editorLargeGutterPuddingBaseStylesEditorControls: "cc-1uahsw7",
|
|
205
|
+
editorGutterPaddingBaseStyles: "cc-9fht47",
|
|
207
206
|
editorLargeGutterPuddingReducedBaseStyles: "cc-thmreh",
|
|
208
207
|
editorUGCTokensRefreshed: "cc-j6p7k2",
|
|
209
208
|
editorUGCSmallText: "cc-1x753i0",
|
|
@@ -422,7 +421,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
422
421
|
var isStatusStylesTeam26 = (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts');
|
|
423
422
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
424
423
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
425
|
-
className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes,
|
|
424
|
+
className: (0, _runtime.ax)([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
426
425
|
exposure: true
|
|
427
426
|
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
|
|
428
427
|
exposure: true
|
|
@@ -343,12 +343,8 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
343
343
|
_baseStyles.maxModeReizeFixStyles,
|
|
344
344
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
345
345
|
_baseStyles.baseStylesMaxContainerWidthFixes,
|
|
346
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
347
|
-
(0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ?
|
|
348
346
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
349
|
-
_baseStyles.
|
|
350
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
351
|
-
_baseStyles.editorLargeGutterPuddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
347
|
+
_baseStyles.editorGutterPaddingBaseStyles, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
352
348
|
exposure: true
|
|
353
349
|
}) &&
|
|
354
350
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.maxModeReizeFixStyles = exports.editorLargeGutterPuddingReducedBaseStyles = exports.
|
|
7
|
+
exports.maxModeReizeFixStyles = exports.editorLargeGutterPuddingReducedBaseStyles = exports.editorGutterPaddingBaseStyles = exports.baseStylesMaxContainerWidthFixes = exports.baseStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
@@ -98,18 +98,6 @@ var baseStylesMaxContainerWidthFixes = exports.baseStylesMaxContainerWidthFixes
|
|
|
98
98
|
}
|
|
99
99
|
});
|
|
100
100
|
|
|
101
|
-
// This is to avoid using akEditorGutterPaddingDynamic()
|
|
102
|
-
/**
|
|
103
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
104
|
-
* If you need to make changes here, also update the corresponding style in
|
|
105
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
106
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
107
|
-
*/
|
|
108
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
109
|
-
var editorLargeGutterPuddingBaseStyles = exports.editorLargeGutterPuddingBaseStyles = (0, _react.css)({
|
|
110
|
-
'--ak-editor--large-gutter-padding': '52px'
|
|
111
|
-
});
|
|
112
|
-
|
|
113
101
|
// This is to avoid using akEditorGutterPaddingDynamic
|
|
114
102
|
/**
|
|
115
103
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -118,7 +106,7 @@ var editorLargeGutterPuddingBaseStyles = exports.editorLargeGutterPuddingBaseSty
|
|
|
118
106
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
119
107
|
*/
|
|
120
108
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
121
|
-
var
|
|
109
|
+
var editorGutterPaddingBaseStyles = exports.editorGutterPaddingBaseStyles = (0, _react.css)({
|
|
122
110
|
'--ak-editor--large-gutter-padding': '72px'
|
|
123
111
|
});
|
|
124
112
|
/**
|
|
@@ -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 = "228.1.
|
|
9
|
+
var version = exports.version = "228.1.3";
|
|
@@ -7,7 +7,6 @@ import { injectIntl } from 'react-intl';
|
|
|
7
7
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
8
8
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
9
9
|
import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
10
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
12
11
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
13
12
|
|
|
@@ -123,7 +122,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
123
122
|
"data-vc": "editor-content-area-region"
|
|
124
123
|
}, /*#__PURE__*/React.createElement("div", {
|
|
125
124
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
126
|
-
className: ax([compiledStyles.editorContentGutterStyles,
|
|
125
|
+
className: ax([compiledStyles.editorContentGutterStyles, compiledStyles.editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
127
126
|
exposure: true
|
|
128
127
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
129
128
|
}) && compiledStyles.editorContentReducedGutterStyles, classnames('ak-editor-content-area', 'appearance-full-page', {
|
|
@@ -14,7 +14,6 @@ import { taskListSelector } from '@atlaskit/adf-schema/task-list';
|
|
|
14
14
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
15
15
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
16
16
|
import { akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
17
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
18
17
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
19
18
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
20
19
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
@@ -348,9 +347,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
348
347
|
ref: contentAreaRef,
|
|
349
348
|
"data-vc": "editor-content-area-region"
|
|
350
349
|
}, jsx("div", {
|
|
351
|
-
css: [editorContentGutterStyles,
|
|
352
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
353
|
-
fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
350
|
+
css: [editorContentGutterStyles, editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
354
351
|
exposure: true
|
|
355
352
|
}) && editorContentReducedGutterStyles]
|
|
356
353
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -35,8 +35,7 @@
|
|
|
35
35
|
.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper], .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node{border-radius:var(--ds-radius-small,4px);box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;position:relative;-webkit-user-select:text}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]:before, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:12;background-color:var(--ds-blanket-selected,#388bff14)}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::selection{background-color:transparent}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::-moz-selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div:after{content:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]{list-style-type:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]{cursor:pointer;display:flex;flex-direction:row;margin:var(--ds-space-100,8px) 0 0 0;padding:var(--ds-space-100,8px);padding-left:var(--ds-space-150,9pt);border-radius:var(--ds-radius-small,4px);background-color:var(--ds-background-neutral,#0515240f);position:relative}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{flex-grow:0;flex-shrink:0;flex-basis:16px;height:1pc;width:1pc;margin:var(--ds-space-050,4px) var(--ds-space-150,9pt) 0 0;color:var(--ds-icon-subtle,#505258);display:flex;align-items:center;justify-content:center}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=icon]{color:var(--ds-icon-success,#6a9a23)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span{display:inline-block;flex-shrink:0;line-height:1}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span>svg{overflow-x:hidden;overflow-y:hidden;pointer-events:none;color:currentColor;vertical-align:bottom}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:calc(var(--ds-space-100, 8px)*3.5);position:absolute;color:var(--ds-text-subtlest,#6b6e76);pointer-events:none;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;max-width:calc(100% - 50px)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=placeholder]{display:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;word-wrap:break-word;min-width:0;flex-grow:1;flex-shrink:1;flex-basis:auto}
|
|
36
36
|
.cc-gfdhbo li[data-testid=show-diff-changed-decoration-node]::marker{color:var(--diff-decoration-marker-color)}
|
|
37
37
|
.cc-15b3poi .inlineCardView-content-wrap [data-inlinecard-button-overlay=icon-wrapper-line-height] span{line-height:0}
|
|
38
|
-
.cc-
|
|
39
|
-
.cc-1uahsw7{--ak-editor--large-gutter-padding:72px}
|
|
38
|
+
.cc-9fht47{--ak-editor--large-gutter-padding:72px}
|
|
40
39
|
@container editor-area (max-width: 600px){.cc-thmreh{--ak-editor--large-gutter-padding:24px}}
|
|
41
40
|
.cc-j6p7k2{--editor-font-ugc-token-heading-h1:normal 600 1.71429em/1.16667 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h2:normal 600 1.42857em/1.2 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h3:normal 600 1.14286em/1.25 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h4:normal 600 1em/1.14286 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h5:normal 600 0.857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h6:normal 600 0.785714em/1.45455 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-body:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-weight-heading-bold:700}
|
|
42
41
|
.cc-1x753i0{--editor-font-ugc-token-body-small:normal 400 0.875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
@@ -253,8 +253,7 @@ const editorContentStyles = {
|
|
|
253
253
|
decisionStyles: "cc-k8dnnh",
|
|
254
254
|
diffListStyles: "cc-gfdhbo",
|
|
255
255
|
editorControlsSmartCardStyles: "cc-15b3poi",
|
|
256
|
-
|
|
257
|
-
editorLargeGutterPuddingBaseStylesEditorControls: "cc-1uahsw7",
|
|
256
|
+
editorGutterPaddingBaseStyles: "cc-9fht47",
|
|
258
257
|
editorLargeGutterPuddingReducedBaseStyles: "cc-thmreh",
|
|
259
258
|
editorUGCTokensRefreshed: "cc-j6p7k2",
|
|
260
259
|
editorUGCSmallText: "cc-1x753i0",
|
|
@@ -477,7 +476,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
477
476
|
const isStatusStylesTeam26 = fg('platform-dst-lozenge-tag-badge-visual-uplifts');
|
|
478
477
|
return /*#__PURE__*/React.createElement("div", {
|
|
479
478
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
480
|
-
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes,
|
|
479
|
+
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
481
480
|
exposure: true
|
|
482
481
|
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
483
482
|
exposure: true
|
|
@@ -22,7 +22,7 @@ import { agentShimmerStyle } from './styles/agentShimmerStyles';
|
|
|
22
22
|
import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
|
|
23
23
|
import { annotationStyles } from './styles/annotationStyles';
|
|
24
24
|
import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
|
|
25
|
-
import { baseStyles, baseStylesMaxContainerWidthFixes,
|
|
25
|
+
import { baseStyles, baseStylesMaxContainerWidthFixes, editorGutterPaddingBaseStyles, editorLargeGutterPuddingReducedBaseStyles, maxModeReizeFixStyles } from './styles/baseStyles';
|
|
26
26
|
import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
27
27
|
import { blockSpacingVarScaledStyles, blockSpacingVarStyles } from './styles/blockSpacingStyles';
|
|
28
28
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStylesNestedDnd, blocktypeStyles_fg_platform_editor_typography_ugc, headingScrollMarginStyles, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
@@ -345,12 +345,8 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
345
345
|
maxModeReizeFixStyles,
|
|
346
346
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
347
347
|
baseStylesMaxContainerWidthFixes,
|
|
348
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
349
|
-
fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ?
|
|
350
348
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
351
|
-
|
|
352
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
353
|
-
editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
349
|
+
editorGutterPaddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
354
350
|
exposure: true
|
|
355
351
|
}) &&
|
|
356
352
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -92,18 +92,6 @@ export const baseStylesMaxContainerWidthFixes = css({
|
|
|
92
92
|
}
|
|
93
93
|
});
|
|
94
94
|
|
|
95
|
-
// This is to avoid using akEditorGutterPaddingDynamic()
|
|
96
|
-
/**
|
|
97
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
98
|
-
* If you need to make changes here, also update the corresponding style in
|
|
99
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
100
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
101
|
-
*/
|
|
102
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
103
|
-
export const editorLargeGutterPuddingBaseStyles = css({
|
|
104
|
-
'--ak-editor--large-gutter-padding': '52px'
|
|
105
|
-
});
|
|
106
|
-
|
|
107
95
|
// This is to avoid using akEditorGutterPaddingDynamic
|
|
108
96
|
/**
|
|
109
97
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -112,7 +100,7 @@ export const editorLargeGutterPuddingBaseStyles = css({
|
|
|
112
100
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
113
101
|
*/
|
|
114
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
115
|
-
export const
|
|
103
|
+
export const editorGutterPaddingBaseStyles = css({
|
|
116
104
|
'--ak-editor--large-gutter-padding': '72px'
|
|
117
105
|
});
|
|
118
106
|
/**
|
|
@@ -7,7 +7,6 @@ import { injectIntl } from 'react-intl';
|
|
|
7
7
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
8
8
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
9
9
|
import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
10
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
12
11
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
13
12
|
|
|
@@ -127,7 +126,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
127
126
|
"data-vc": "editor-content-area-region"
|
|
128
127
|
}, /*#__PURE__*/React.createElement("div", {
|
|
129
128
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
130
|
-
className: ax([compiledStyles.editorContentGutterStyles,
|
|
129
|
+
className: ax([compiledStyles.editorContentGutterStyles, compiledStyles.editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
131
130
|
exposure: true
|
|
132
131
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
133
132
|
}) && compiledStyles.editorContentReducedGutterStyles, classnames('ak-editor-content-area', 'appearance-full-page', {
|
|
@@ -15,7 +15,6 @@ import { taskListSelector } from '@atlaskit/adf-schema/task-list';
|
|
|
15
15
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
16
16
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
17
17
|
import { akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
18
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
19
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
20
19
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
21
20
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
@@ -346,9 +345,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
346
345
|
ref: contentAreaRef,
|
|
347
346
|
"data-vc": "editor-content-area-region"
|
|
348
347
|
}, jsx("div", {
|
|
349
|
-
css: [editorContentGutterStyles,
|
|
350
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
351
|
-
fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
348
|
+
css: [editorContentGutterStyles, editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
352
349
|
exposure: true
|
|
353
350
|
}) && editorContentReducedGutterStyles]
|
|
354
351
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
@@ -35,8 +35,7 @@
|
|
|
35
35
|
.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper], .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node{border-radius:var(--ds-radius-small,4px);box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;position:relative;-webkit-user-select:text}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]:before, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:12;background-color:var(--ds-blanket-selected,#388bff14)}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::selection{background-color:transparent}.cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper] ::-moz-selection, .cc-k8dnnh .ak-editor-selected-node>[data-decision-wrapper]::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node ::-moz-selection, .cc-k8dnnh ol[data-node-type=decisionList].ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}.cc-k8dnnh .danger .decisionItemView-content-wrap.ak-editor-selected-node>div:after{content:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]{list-style-type:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]{cursor:pointer;display:flex;flex-direction:row;margin:var(--ds-space-100,8px) 0 0 0;padding:var(--ds-space-100,8px);padding-left:var(--ds-space-150,9pt);border-radius:var(--ds-radius-small,4px);background-color:var(--ds-background-neutral,#0515240f);position:relative}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{flex-grow:0;flex-shrink:0;flex-basis:16px;height:1pc;width:1pc;margin:var(--ds-space-050,4px) var(--ds-space-150,9pt) 0 0;color:var(--ds-icon-subtle,#505258);display:flex;align-items:center;justify-content:center}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=icon]{color:var(--ds-icon-success,#6a9a23)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span{display:inline-block;flex-shrink:0;line-height:1}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]>span>svg{overflow-x:hidden;overflow-y:hidden;pointer-events:none;color:currentColor;vertical-align:bottom}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=placeholder]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:calc(var(--ds-space-100, 8px)*3.5);position:absolute;color:var(--ds-text-subtlest,#6b6e76);pointer-events:none;text-overflow:ellipsis;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;max-width:calc(100% - 50px)}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]:not(:has([data-empty]):not(:has([data-type-ahead])))>[data-decision-wrapper]>[data-component=placeholder]{display:none}.cc-k8dnnh [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=content]{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;word-wrap:break-word;min-width:0;flex-grow:1;flex-shrink:1;flex-basis:auto}
|
|
36
36
|
.cc-gfdhbo li[data-testid=show-diff-changed-decoration-node]::marker{color:var(--diff-decoration-marker-color)}
|
|
37
37
|
.cc-15b3poi .inlineCardView-content-wrap [data-inlinecard-button-overlay=icon-wrapper-line-height] span{line-height:0}
|
|
38
|
-
.cc-
|
|
39
|
-
.cc-1uahsw7{--ak-editor--large-gutter-padding:72px}
|
|
38
|
+
.cc-9fht47{--ak-editor--large-gutter-padding:72px}
|
|
40
39
|
@container editor-area (max-width: 600px){.cc-thmreh{--ak-editor--large-gutter-padding:24px}}
|
|
41
40
|
.cc-j6p7k2{--editor-font-ugc-token-heading-h1:normal 600 1.71429em/1.16667 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h2:normal 600 1.42857em/1.2 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h3:normal 600 1.14286em/1.25 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h4:normal 600 1em/1.14286 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h5:normal 600 0.857143em/1.33333 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-heading-h6:normal 600 0.785714em/1.45455 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-body:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}.cc-j6p7k2{--editor-font-ugc-token-weight-heading-bold:700}
|
|
42
41
|
.cc-1x753i0{--editor-font-ugc-token-body-small:normal 400 0.875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
@@ -201,8 +201,7 @@ var editorContentStyles = {
|
|
|
201
201
|
decisionStyles: "cc-k8dnnh",
|
|
202
202
|
diffListStyles: "cc-gfdhbo",
|
|
203
203
|
editorControlsSmartCardStyles: "cc-15b3poi",
|
|
204
|
-
|
|
205
|
-
editorLargeGutterPuddingBaseStylesEditorControls: "cc-1uahsw7",
|
|
204
|
+
editorGutterPaddingBaseStyles: "cc-9fht47",
|
|
206
205
|
editorLargeGutterPuddingReducedBaseStyles: "cc-thmreh",
|
|
207
206
|
editorUGCTokensRefreshed: "cc-j6p7k2",
|
|
208
207
|
editorUGCSmallText: "cc-1x753i0",
|
|
@@ -421,7 +420,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
421
420
|
var isStatusStylesTeam26 = fg('platform-dst-lozenge-tag-badge-visual-uplifts');
|
|
422
421
|
return /*#__PURE__*/React.createElement("div", {
|
|
423
422
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
424
|
-
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes,
|
|
423
|
+
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
425
424
|
exposure: true
|
|
426
425
|
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.fontSizeStyles, editorContentStyles.shadowStyles, editorContentStyles.InlineNodeViewSharedStyles, editorContentStyles.hideSelectionStyles, editorContentStyles.hideCursorWhenHideSelectionStyles, editorContentStyles.selectedNodeStyles, editorContentStyles.cursorStyles, editorContentStyles.firstFloatingToolbarButtonStyles, editorContentStyles.placeholderTextStyles, editorContentStyles.placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') && editorContentStyles.placeholderOverflowStyles, editorContentStyles.codeBlockStyles, contentMode === 'compact' && editorContentStyles.codeBlockStylesWithEmUnits, editorContentStyles.editorUGCTokensRefreshed, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
427
426
|
exposure: true
|
|
@@ -25,7 +25,7 @@ import { agentShimmerStyle } from './styles/agentShimmerStyles';
|
|
|
25
25
|
import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
|
|
26
26
|
import { annotationStyles } from './styles/annotationStyles';
|
|
27
27
|
import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
|
|
28
|
-
import { baseStyles, baseStylesMaxContainerWidthFixes,
|
|
28
|
+
import { baseStyles, baseStylesMaxContainerWidthFixes, editorGutterPaddingBaseStyles, editorLargeGutterPuddingReducedBaseStyles, maxModeReizeFixStyles } from './styles/baseStyles';
|
|
29
29
|
import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
30
30
|
import { blockSpacingVarScaledStyles, blockSpacingVarStyles } from './styles/blockSpacingStyles';
|
|
31
31
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStylesNestedDnd, blocktypeStyles_fg_platform_editor_typography_ugc, headingScrollMarginStyles, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
@@ -340,12 +340,8 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
340
340
|
maxModeReizeFixStyles,
|
|
341
341
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
342
342
|
baseStylesMaxContainerWidthFixes,
|
|
343
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
344
|
-
fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ?
|
|
345
343
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
346
|
-
|
|
347
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
348
|
-
editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
344
|
+
editorGutterPaddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
349
345
|
exposure: true
|
|
350
346
|
}) &&
|
|
351
347
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -90,18 +90,6 @@ export var baseStylesMaxContainerWidthFixes = css({
|
|
|
90
90
|
}
|
|
91
91
|
});
|
|
92
92
|
|
|
93
|
-
// This is to avoid using akEditorGutterPaddingDynamic()
|
|
94
|
-
/**
|
|
95
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
96
|
-
* If you need to make changes here, also update the corresponding style in
|
|
97
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
98
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
99
|
-
*/
|
|
100
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
101
|
-
export var editorLargeGutterPuddingBaseStyles = css({
|
|
102
|
-
'--ak-editor--large-gutter-padding': '52px'
|
|
103
|
-
});
|
|
104
|
-
|
|
105
93
|
// This is to avoid using akEditorGutterPaddingDynamic
|
|
106
94
|
/**
|
|
107
95
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -110,7 +98,7 @@ export var editorLargeGutterPuddingBaseStyles = css({
|
|
|
110
98
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
111
99
|
*/
|
|
112
100
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
113
|
-
export var
|
|
101
|
+
export var editorGutterPaddingBaseStyles = css({
|
|
114
102
|
'--ak-editor--large-gutter-padding': '72px'
|
|
115
103
|
});
|
|
116
104
|
/**
|
|
@@ -26,14 +26,7 @@ export declare const baseStylesMaxContainerWidthFixes: SerializedStyles;
|
|
|
26
26
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
27
27
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
28
28
|
*/
|
|
29
|
-
export declare const
|
|
30
|
-
/**
|
|
31
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
32
|
-
* If you need to make changes here, also update the corresponding style in
|
|
33
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
34
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
35
|
-
*/
|
|
36
|
-
export declare const editorLargeGutterPuddingBaseStylesEditorControls: SerializedStyles;
|
|
29
|
+
export declare const editorGutterPaddingBaseStyles: SerializedStyles;
|
|
37
30
|
/**
|
|
38
31
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
39
32
|
* If you need to make changes here, also update the corresponding style in
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "228.1.
|
|
3
|
+
"version": "228.1.4",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@atlaskit/icon": "^37.6.0",
|
|
65
65
|
"@atlaskit/icon-lab": "^7.8.0",
|
|
66
66
|
"@atlaskit/link": "^5.1.0",
|
|
67
|
-
"@atlaskit/media-card": "^81.
|
|
67
|
+
"@atlaskit/media-card": "^81.12.0",
|
|
68
68
|
"@atlaskit/mention": "^29.1.0",
|
|
69
69
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
70
70
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
75
75
|
"@atlaskit/react-ufo": "^7.10.0",
|
|
76
76
|
"@atlaskit/task-decision": "^21.10.0",
|
|
77
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
77
|
+
"@atlaskit/tmp-editor-statsig": "^193.0.0",
|
|
78
78
|
"@atlaskit/tokens": "^16.12.0",
|
|
79
79
|
"@atlaskit/tooltip": "^24.3.0",
|
|
80
80
|
"@atlaskit/width-detector": "^7.2.0",
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"@atlaskit/editor-plugin-layout": "^19.0.0",
|
|
128
128
|
"@atlaskit/editor-plugin-limited-mode": "^15.0.0",
|
|
129
129
|
"@atlaskit/editor-plugin-list": "^20.0.0",
|
|
130
|
-
"@atlaskit/editor-plugin-media": "^20.
|
|
130
|
+
"@atlaskit/editor-plugin-media": "^20.1.0",
|
|
131
131
|
"@atlaskit/editor-plugin-paste": "^19.0.0",
|
|
132
132
|
"@atlaskit/editor-plugin-selection-marker": "^18.0.0",
|
|
133
133
|
"@atlaskit/editor-plugin-show-diff": "^16.0.0",
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
"@atlaskit/editor-test-helpers": "workspace:^",
|
|
143
143
|
"@atlaskit/form": "^17.2.0",
|
|
144
144
|
"@atlaskit/link-provider": "^5.6.0",
|
|
145
|
-
"@atlaskit/linking-common": "^12.
|
|
145
|
+
"@atlaskit/linking-common": "^12.2.0",
|
|
146
146
|
"@atlaskit/logo": "^23.0.0",
|
|
147
147
|
"@atlaskit/media-core": "^38.2.0",
|
|
148
148
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
@@ -269,9 +269,6 @@
|
|
|
269
269
|
"type": "boolean",
|
|
270
270
|
"referenceOnly": true
|
|
271
271
|
},
|
|
272
|
-
"platform_editor_controls_increase_full_page_gutter": {
|
|
273
|
-
"type": "boolean"
|
|
274
|
-
},
|
|
275
272
|
"cc_editor_focus_before_editor_on_load": {
|
|
276
273
|
"type": "boolean"
|
|
277
274
|
},
|