@atlaskit/editor-core 193.30.9 → 194.0.0
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/nodeviews/getInlineNodeViewProducer.styles.js +1 -1
- package/dist/cjs/presets/universal.js +8 -19
- package/dist/cjs/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/MainToolbar.js +3 -3
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +8 -8
- package/dist/cjs/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/cjs/ui/ContentStyles/date.js +1 -1
- package/dist/cjs/ui/ContentStyles/extension.js +1 -1
- package/dist/cjs/ui/ContentStyles/index.js +2 -2
- package/dist/cjs/ui/ContentStyles/media.js +1 -1
- package/dist/cjs/ui/ContentStyles/status.js +1 -1
- package/dist/cjs/ui/ContentStyles/tasks-and-decisions.js +1 -1
- package/dist/cjs/ui/ContextPanel/index.js +2 -2
- package/dist/cjs/ui/ToolbarFeedback/styles.js +6 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js +1 -1
- package/dist/es2019/presets/universal.js +8 -20
- package/dist/es2019/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/MainToolbar.js +3 -3
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +8 -8
- package/dist/es2019/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/es2019/ui/ContentStyles/date.js +1 -1
- package/dist/es2019/ui/ContentStyles/extension.js +1 -1
- package/dist/es2019/ui/ContentStyles/index.js +2 -2
- package/dist/es2019/ui/ContentStyles/media.js +1 -1
- package/dist/es2019/ui/ContentStyles/status.js +1 -1
- package/dist/es2019/ui/ContentStyles/tasks-and-decisions.js +1 -1
- package/dist/es2019/ui/ContextPanel/index.js +2 -2
- package/dist/es2019/ui/ToolbarFeedback/styles.js +6 -6
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js +1 -1
- package/dist/esm/presets/universal.js +8 -19
- package/dist/esm/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/MainToolbar.js +3 -3
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +8 -8
- package/dist/esm/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/esm/ui/ContentStyles/date.js +1 -1
- package/dist/esm/ui/ContentStyles/extension.js +1 -1
- package/dist/esm/ui/ContentStyles/index.js +2 -2
- package/dist/esm/ui/ContentStyles/media.js +1 -1
- package/dist/esm/ui/ContentStyles/status.js +1 -1
- package/dist/esm/ui/ContentStyles/tasks-and-decisions.js +1 -1
- package/dist/esm/ui/ContextPanel/index.js +2 -2
- package/dist/esm/ui/ToolbarFeedback/styles.js +6 -6
- package/dist/esm/version-wrapper.js +1 -1
- package/i18n/package.json +15 -0
- package/package.json +13 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 194.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`d9b562bd66f8e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d9b562bd66f8e) -
|
|
8
|
+
[ux] [ED-23947] restoring the original order of the typeahead menu so that actions, media,
|
|
9
|
+
mentions and emojis are above the fold (in the top 5 results). this change is a major because it
|
|
10
|
+
removes the `getEditorFeatureFlags prop` for plugins. if any consumers who have adopted these
|
|
11
|
+
changes to the public API, they should remove them on their side too.
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
17
|
+
## 193.31.0
|
|
18
|
+
|
|
19
|
+
### Minor Changes
|
|
20
|
+
|
|
21
|
+
- [#107199](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107199)
|
|
22
|
+
[`94afc06c380b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/94afc06c380b9) -
|
|
23
|
+
Introduce `i18n` entry point for accessing translation messages. It currently exposes only the
|
|
24
|
+
index for all languages. Individual locales will be exposed in a future update.
|
|
25
|
+
|
|
3
26
|
## 193.30.9
|
|
4
27
|
|
|
5
28
|
### Patch Changes
|
|
@@ -13,7 +13,7 @@ var _css; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
|
13
13
|
// For reasoning behind styles, see comments in:
|
|
14
14
|
// ./getInlineNodeViewProducer -> portalChildren()
|
|
15
15
|
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
17
17
|
var InlineNodeViewSharedStyles = exports.InlineNodeViewSharedStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)(_css, ".".concat(_reactNodeView.inlineNodeViewClassname), {
|
|
18
18
|
display: 'inline',
|
|
19
19
|
userSelect: 'all',
|
|
@@ -85,10 +85,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
|
|
|
85
85
|
hyperlinkOptions: _objectSpread({
|
|
86
86
|
lpLinkPicker: (_featureFlags$lpLinkP = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP !== void 0 ? _featureFlags$lpLinkP : false
|
|
87
87
|
}, props.hyperlinkOptions),
|
|
88
|
-
__livePage: props.__livePage
|
|
89
|
-
codeBlock: _objectSpread(_objectSpread({}, props.codeBlock), {}, {
|
|
90
|
-
getEditorFeatureFlags: getEditorFeatureFlags
|
|
91
|
-
})
|
|
88
|
+
__livePage: props.__livePage
|
|
92
89
|
}));
|
|
93
90
|
var statusMenuDisabled = !props.allowStatus ? true : (0, _typeof2.default)(props.allowStatus) === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
|
|
94
91
|
var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
|
|
@@ -104,8 +101,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
|
|
|
104
101
|
useLongPressSelection: false,
|
|
105
102
|
appearance: appearance,
|
|
106
103
|
allowInteractiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
|
|
107
|
-
__livePage: props.__livePage
|
|
108
|
-
getEditorFeatureFlags: getEditorFeatureFlags
|
|
104
|
+
__livePage: props.__livePage
|
|
109
105
|
}], Boolean(props.allowExpand)).maybeAdd(_guideline.guidelinePlugin, Boolean(!isMobile && !isComment && !isChromeless && (props.media || props.allowTables))).maybeAdd([_grid.gridPlugin, {
|
|
110
106
|
shouldCalcBreakoutGridLines: isFullPage
|
|
111
107
|
}], Boolean(props.media)).maybeAdd([_annotation.annotationPlugin, props.annotationProviders], Boolean(props.annotationProviders)).maybeAdd([_media.mediaPlugin, _objectSpread(_objectSpread({}, props.media), {}, {
|
|
@@ -129,11 +125,8 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
|
|
|
129
125
|
insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
|
|
130
126
|
allowZeroWidthSpaceAfter: !isMobile,
|
|
131
127
|
HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
|
|
132
|
-
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
|
|
133
|
-
|
|
134
|
-
}], Boolean(props.mentionProvider)).maybeAdd([_emoji.emojiPlugin, {
|
|
135
|
-
getEditorFeatureFlags: getEditorFeatureFlags
|
|
136
|
-
}], Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, {
|
|
128
|
+
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
|
|
129
|
+
}], Boolean(props.mentionProvider)).maybeAdd(_emoji.emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, {
|
|
137
130
|
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
|
|
138
131
|
tableResizingEnabled: isFullPage,
|
|
139
132
|
dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && isFullPage,
|
|
@@ -147,8 +140,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
|
|
|
147
140
|
}], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, {
|
|
148
141
|
allowNestedTasks: props.allowNestedTasks,
|
|
149
142
|
consumeTabs: isFullPage,
|
|
150
|
-
useLongPressSelection: false
|
|
151
|
-
getEditorFeatureFlags: getEditorFeatureFlags
|
|
143
|
+
useLongPressSelection: false
|
|
152
144
|
}], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([_feedbackDialog.feedbackDialogPlugin, _objectSpread({
|
|
153
145
|
coreVersion: _versionWrapper.version
|
|
154
146
|
}, props.feedbackInfo)], Boolean(props.feedbackInfo)).maybeAdd([_helpDialog.helpDialogPlugin, !!props.legacyImageUploadProvider], Boolean(props.allowHelpDialog)).maybeAdd([_saveOnEnter.saveOnEnterPlugin, props.onSave], Boolean(props.saveOnEnter && props.onSave)).maybeAdd(_imageUpload.imageUploadPlugin, Boolean(props.legacyImageUploadProvider)).maybeAdd(
|
|
@@ -167,8 +159,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
|
|
|
167
159
|
})], Boolean(props.collabEdit || props.collabEditProvider)).maybeAdd([_maxContentSize.maxContentSizePlugin, props.maxContentSize], Boolean(props.maxContentSize)).maybeAdd([_panel.panelPlugin, {
|
|
168
160
|
useLongPressSelection: false,
|
|
169
161
|
allowCustomPanel: (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel.allowCustomPanel : false,
|
|
170
|
-
allowCustomPanelEdit: (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel.allowCustomPanelEdit : false
|
|
171
|
-
getEditorFeatureFlags: getEditorFeatureFlags
|
|
162
|
+
allowCustomPanelEdit: (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel.allowCustomPanelEdit : false
|
|
172
163
|
}], Boolean(props.allowPanel)).maybeAdd(_contextPanel.contextPanelPlugin, Boolean(isFullPage)).maybeAdd([_extension.extensionPlugin, {
|
|
173
164
|
breakoutEnabled: appearance === 'full-page' && ((0, _typeof2.default)(props.allowExtension) === 'object' ? props.allowExtension.allowBreakout : true) !== false,
|
|
174
165
|
extensionHandlers: props.extensionHandlers,
|
|
@@ -181,8 +172,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
|
|
|
181
172
|
// long term this and media should be consolidated into adding both only once
|
|
182
173
|
// @ts-expect-error
|
|
183
174
|
[_annotation.annotationPlugin, undefined], Boolean(!props.annotationProviders && props.allowConfluenceInlineComment)).maybeAdd([_date.datePlugin, {
|
|
184
|
-
weekStartDay: (0, _typeof2.default)(props.allowDate) === 'object' ? props.allowDate.weekStartDay : undefined
|
|
185
|
-
getEditorFeatureFlags: getEditorFeatureFlags
|
|
175
|
+
weekStartDay: (0, _typeof2.default)(props.allowDate) === 'object' ? props.allowDate.weekStartDay : undefined
|
|
186
176
|
}], Boolean(props.allowDate)).maybeAdd([_placeholderText.placeholderTextPlugin,
|
|
187
177
|
// @ts-expect-error 2322: Type 'false | PlaceholderTextOptions | undefined'
|
|
188
178
|
props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {}], Boolean(props.allowTemplatePlaceholders)).maybeAdd([_layout.layoutPlugin, _objectSpread(_objectSpread({}, (0, _typeof2.default)(props.allowLayouts) === 'object' ? props.allowLayouts : {}), {}, {
|
|
@@ -196,8 +186,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
|
|
|
196
186
|
editorAppearance: appearance
|
|
197
187
|
})], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(_customAutoformat.customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([_status.statusPlugin, {
|
|
198
188
|
menuDisabled: statusMenuDisabled,
|
|
199
|
-
allowZeroWidthSpaceAfter: !isMobile
|
|
200
|
-
getEditorFeatureFlags: getEditorFeatureFlags
|
|
189
|
+
allowZeroWidthSpaceAfter: !isMobile
|
|
201
190
|
}], Boolean(props.allowStatus)).maybeAdd(_indentation.indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(_scrollIntoView.scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([_toolbarListsIndentation.toolbarListsIndentationPlugin, {
|
|
202
191
|
showIndentationButtons: !!props.showIndentationButtons,
|
|
203
192
|
allowHeadingAndParagraphIndentation: !!props.allowIndentation
|
|
@@ -9,7 +9,7 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
9
9
|
var _constants = require("@atlaskit/theme/constants");
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
11
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
13
|
var dropdown = exports.dropdown = (0, _react.css)({
|
|
14
14
|
display: 'flex',
|
|
15
15
|
flexDirection: 'column',
|
|
@@ -53,7 +53,7 @@ var mainToolbarStyle = exports.mainToolbarStyle = function mainToolbarStyle(show
|
|
|
53
53
|
return [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
|
|
54
54
|
};
|
|
55
55
|
|
|
56
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
57
57
|
var mainToolbarIconBeforeStyle = exports.mainToolbarIconBeforeStyle = (0, _react.css)((0, _defineProperty2.default)({
|
|
58
58
|
margin: "var(--ds-space-200, 16px)",
|
|
59
59
|
height: "var(--ds-space-400, 32px)",
|
|
@@ -95,14 +95,14 @@ var mainToolbarSecondChildStyle = exports.mainToolbarSecondChildStyle = function
|
|
|
95
95
|
return [mainToolbarSecondChild, twoLineEditorToolbar && mainToolbarSecondChildTwoLine];
|
|
96
96
|
};
|
|
97
97
|
|
|
98
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
98
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
99
99
|
var nonCustomToolbarWrapperStyle = exports.nonCustomToolbarWrapperStyle = (0, _react.css)({
|
|
100
100
|
alignItems: 'center',
|
|
101
101
|
display: 'flex',
|
|
102
102
|
flexGrow: 1
|
|
103
103
|
});
|
|
104
104
|
|
|
105
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
105
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
106
106
|
var customToolbarWrapperStyle = exports.customToolbarWrapperStyle = (0, _react.css)({
|
|
107
107
|
alignItems: 'center',
|
|
108
108
|
display: 'flex'
|
|
@@ -21,7 +21,7 @@ var getTotalPadding = function getTotalPadding() {
|
|
|
21
21
|
return (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
25
25
|
var fullPageEditorWrapper = exports.fullPageEditorWrapper = (0, _react.css)({
|
|
26
26
|
minWidth: '340px',
|
|
27
27
|
height: '100%',
|
|
@@ -41,13 +41,13 @@ var scrollStyles = (0, _react.css)({
|
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
42
42
|
_scrollbar.scrollbarStyles);
|
|
43
43
|
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
45
45
|
var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
|
|
46
46
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
47
47
|
|
|
48
48
|
// transition used to match scrollbar with config panel opening animation
|
|
49
49
|
// only use animation when opening as there is a bug with floating toolbars.
|
|
50
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
51
51
|
var positionedOverEditorStyle = exports.positionedOverEditorStyle = (0, _react.css)({
|
|
52
52
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
53
53
|
paddingRight: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
|
|
@@ -62,7 +62,7 @@ var positionedOverEditorStyle = exports.positionedOverEditorStyle = (0, _react.c
|
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
64
|
|
|
65
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
66
66
|
var contentArea = exports.contentArea = (0, _react.css)({
|
|
67
67
|
display: 'flex',
|
|
68
68
|
flexDirection: 'row',
|
|
@@ -75,12 +75,12 @@ var contentArea = exports.contentArea = (0, _react.css)({
|
|
|
75
75
|
transition: "padding 0ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier)
|
|
76
76
|
});
|
|
77
77
|
|
|
78
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
78
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
79
79
|
var contentAreaHeightNoToolbar = exports.contentAreaHeightNoToolbar = (0, _react.css)({
|
|
80
80
|
height: '100%'
|
|
81
81
|
});
|
|
82
82
|
|
|
83
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
84
84
|
var sidebarArea = exports.sidebarArea = (0, _react.css)({
|
|
85
85
|
height: '100%',
|
|
86
86
|
boxSizing: 'border-box',
|
|
@@ -89,7 +89,7 @@ var sidebarArea = exports.sidebarArea = (0, _react.css)({
|
|
|
89
89
|
|
|
90
90
|
// initially hide until we have a containerWidth and can properly size them,
|
|
91
91
|
// otherwise they can cause the editor width to extend which is non-recoverable
|
|
92
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
92
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
93
93
|
var editorContentAreaHideContainer = exports.editorContentAreaHideContainer = (0, _react.css)({
|
|
94
94
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
95
95
|
'.fabric-editor--full-width-mode': {
|
|
@@ -193,7 +193,7 @@ _commonStyles.tableFullPageEditorStyles, {
|
|
|
193
193
|
}
|
|
194
194
|
});
|
|
195
195
|
|
|
196
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
196
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
197
197
|
var editorContentGutterStyle = exports.editorContentGutterStyle = (0, _react.css)({
|
|
198
198
|
boxSizing: 'border-box',
|
|
199
199
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -10,7 +10,7 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
10
10
|
var _constants = require("@atlaskit/theme/constants");
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
12
|
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
14
14
|
var inputStyle = exports.inputStyle = (0, _react.css)({
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
16
16
|
'input&': {
|
|
@@ -10,5 +10,5 @@ var _react = require("@emotion/react");
|
|
|
10
10
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
11
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
12
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles
|
|
13
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
14
14
|
var dateStyles = exports.dateStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\t.", " {\n\t\t\tline-height: initial;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " > span {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n\n\t.danger {\n\t\t.", ".", "\n\t\t\t.", "\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t}\n\t}\n"])), _styles.DateSharedCssClassName.DATE_CONTAINER, _styles.DateSharedCssClassName.DATE_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.DateSharedCssClassName.DATE_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.DateSharedCssClassName.DATE_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.DateSharedCssClassName.DATE_WRAPPER, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"));
|
|
@@ -18,5 +18,5 @@ var dangerOverlayStyles = (0, _react.css)({
|
|
|
18
18
|
backgroundColor: "var(--ds-background-danger-hovered, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")")
|
|
19
19
|
});
|
|
20
20
|
|
|
21
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
22
22
|
var extensionStyles = exports.extensionStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t.multiBodiedExtensionView-content-wrap {\n\t\t&.danger > span > .multiBodiedExtension--container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t", "\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\tbackground-color: transparent;\n\t\t\t.multiBodiedExtension--overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .multiBodiedExtension--container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t\t.multiBodiedExtension--container {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%; // ensure width can't go over 100%;\n\t\t}\n\t}\n\n\t.inlineExtensionView-content-wrap {\n\t\t&.danger > span > .extension-container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\t// If the macro turned used to turn red before, not setting the background to be transparent will cause the\n\t\t\t// danger state to have two layers of red which we don't want.\n\t\t\tbackground-color: transparent;\n\t\t\t.extension-overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .extension-container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t}\n\n\t.extensionView-content-wrap,\n\t.multiBodiedExtensionView-content-wrap,\n\t.bodiedExtensionView-content-wrap {\n\t\tmargin: ", " 0;\n\n\t\t&:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-of-type {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&:not(.danger).", " {\n\t\t\t& > span > .extension-container {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger > span > .extension-container {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t", "\n\n\t\t&.danger > span > .with-danger-overlay {\n\t\t\tbackground-color: transparent;\n\t\t\t.extension-overlay {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.inline {\n\t\t\tword-wrap: break-all;\n\t\t}\n\t}\n\n\t.extensionView-content-wrap .extension-container {\n\t\toverflow: hidden;\n\t}\n\n\t.bodiedExtensionView-content-wrap .extensionView-content-wrap .extension-container {\n\t\twidth: 100%;\n\t\tmax-width: 100%; // ensure width can't go over 100%;\n\t}\n\n\t[data-mark-type='fragment'] {\n\t\t& > .extensionView-content-wrap,\n\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\tmargin: ", " 0;\n\t\t}\n\n\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin: ", " 0;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\n\t\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t\t& > .extensionView-content-wrap,\n\t\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:nth-last-of-type(-n + 2):not(:first-of-type) {\n\t\t\t& > .extensionView-content-wrap,\n\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t& > [data-mark-type='dataConsumer'] {\n\t\t\t\t& > .extensionView-content-wrap,\n\t\t\t\t& > .bodiedExtensionView-content-wrap {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), dangerOverlayStyles, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), extensionLabelStyles, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin);
|
|
@@ -45,7 +45,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
|
|
|
45
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
46
46
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
47
47
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
48
|
-
// eslint-disable-next-line @atlaskit/
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
49
49
|
var linkStyles = exports.linkStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", "\n\t}\n"])), _styles.linkSharedStyle);
|
|
50
50
|
var ruleStyles = function ruleStyles() {
|
|
51
51
|
return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", ";\n\n\t\thr {\n\t\t\tcursor: pointer;\n\t\t\tpadding: ", " 0;\n\t\t\tmargin: ", " 0;\n\t\t\tbackground-clip: content-box;\n\n\t\t\t&.", " {\n\t\t\t\toutline: none;\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), (0, _styles.ruleSharedStyles)(), "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(_editorSharedStyles.akEditorSelectedBorderColor, ")"));
|
|
@@ -54,7 +54,7 @@ var mentionsStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0
|
|
|
54
54
|
var listsStyles = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\tli {\n\t\t\tposition: relative;\n\n\t\t\t> p:not(:first-child) {\n\t\t\t\tmargin: ", " 0 0 0;\n\t\t\t}\n\n\t\t\t// In SSR the above rule will apply to all p tags because first-child would be a style tag.\n\t\t\t// The following rule resets the first p tag back to its original margin\n\t\t\t// defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n\t\t\t> style:first-child + p {\n\t\t\t\tmargin-top: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:not([data-node-type='decisionList']) > li,\n // This prevents https://product-fabric.atlassian.net/browse/ED-20924\n &:not(.", ") > li {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-space-050, 4px)", _editorSharedStyles.blockNodesVerticalMargin, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _utils.browser.safari ? _styles.codeBlockInListSafariFix : '');
|
|
55
55
|
var emojiStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tdisplay: inline-block;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t&.", " > span {\n\t\t\t\t/** needed for selection style to cover custom emoji image properly */\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), _emoji.EmojiSharedCssClassName.EMOJI_CONTAINER, _emoji.EmojiSharedCssClassName.EMOJI_NODE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, _editorSharedStyles.akEditorSelectedNodeClassName, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
|
|
56
56
|
|
|
57
|
-
// eslint-disable-next-line @atlaskit/
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
58
58
|
var placeholderStyles = exports.placeholderStyles = (0, _react2.css)({
|
|
59
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
60
60
|
'.ProseMirror .placeholder-decoration': {
|
|
@@ -13,7 +13,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
13
13
|
var _mediaCard = require("@atlaskit/media-card");
|
|
14
14
|
var _colors = require("@atlaskit/theme/colors");
|
|
15
15
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
17
17
|
var mediaStyles = exports.mediaStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", " & [layout='full-width'] .", ",\n & [layout='wide'] .", " {\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t.media-extended-resize-experience[layout^='wrap-'] {\n\t\t\t// override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n\t\t\t// to prevent scroll bar\n\t\t\toverflow: visible !important;\n\t\t}\n\n\t\t& [layout^='wrap-'] + [layout^='wrap-'] {\n\t\t\tclear: none;\n\t\t\t& + p,\n\t\t\t& + div[class^='fabric-editor-align'],\n\t\t\t& + ul,\n\t\t\t& + ol,\n\t\t\t& + h1,\n\t\t\t& + h2,\n\t\t\t& + h3,\n\t\t\t& + h4,\n\t\t\t& + h5,\n\t\t\t& + h6 {\n\t\t\t\tclear: both !important;\n\t\t\t}\n\t\t\t& .", " {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t.mediaSingleView-content-wrap[layout^='wrap-'] {\n\t\t\tmax-width: 100%;\n\t\t\t// overwrite default Prosemirror setting making it clear: both\n\t\t\tclear: inherit;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right'] {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.mediaSingleView-content-wrap[layout='wrap-right']\n\t\t\t+ .mediaSingleView-content-wrap[layout='wrap-left'] {\n\t\t\tclear: both;\n\t\t}\n\n\t\t/* Larger margins for resize handlers when at depth 0 of the document */\n\t\t& > .mediaSingleView-content-wrap {\n\t\t\t.richMedia-resize-handle-right {\n\t\t\t\tmargin-right: -", "px;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-left {\n\t\t\t\tmargin-left: -", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.richMedia-resize-handle-right,\n\t.richMedia-resize-handle-left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t/* vertical align */\n\t\tjustify-content: center;\n\t}\n\n\t.richMedia-resize-handle-right {\n\t\talign-items: flex-end;\n\t\tpadding-right: ", ";\n\t\tmargin-right: -", "px;\n\t}\n\n\t.richMedia-resize-handle-left {\n\t\talign-items: flex-start;\n\t\tpadding-left: ", ";\n\t\tmargin-left: -", "px;\n\t}\n\n\t.richMedia-resize-handle-right::after,\n\t.richMedia-resize-handle-left::after {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\theight: 64px;\n\n\t\tborder-radius: 6px;\n\t}\n\n\t.", ":hover .richMedia-resize-handle-left::after,\n\t.", ":hover .richMedia-resize-handle-right::after {\n\t\tbackground: ", ";\n\t}\n\n\t.", " .richMedia-resize-handle-right::after,\n\t.", " .richMedia-resize-handle-left::after,\n\t.", " .richMedia-resize-handle-right:hover::after,\n\t.", " .richMedia-resize-handle-left:hover::after,\n\t.", ".is-resizing .richMedia-resize-handle-right::after,\n\t.", ".is-resizing .richMedia-resize-handle-left::after {\n\t\tbackground: ", ";\n\t}\n\n\t.__resizable_base__ {\n\t\tleft: unset !important;\n\t\twidth: auto !important;\n\t\theight: auto !important;\n\t}\n\n\t/* Danger when top level node for smart cards / inline links */\n\t.danger > div > div > .media-card-frame,\n\t.danger > span > a {\n\t\tbackground-color: ", ";\n\t\tbox-shadow: 0px 0px 0px ", "px\n\t\t\t", ";\n\t\ttransition:\n\t\t\tbackground-color 0s,\n\t\t\tbox-shadow 0s;\n\t}\n\t/* Danger when nested node or common */\n\t.danger {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* Media single video player */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\t\t/* New file experience */\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\t\t/* Media resize legacy handlers */\n\t\t.richMedia-resize-handle-right::after,\n\t\t.richMedia-resize-handle-left::after {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t\t/* Media resize new handlers */\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\n\t\t/* Smart cards */\n\t\tdiv div .media-card-frame,\n\t\t.inlineCardView-content-wrap > span > a {\n\t\t\tbackground-color: ", "; /* R75 with 50% opactiy */\n\t\t\ttransition: background-color 0s;\n\t\t}\n\n\t\tdiv div .media-card-frame::after {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.warning {\n\t\t/* Media single */\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t.", " .", " {\n\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t}\n\n\t\t.resizer-handle-thumb {\n\t\t\tbackground: ", " !important;\n\t\t}\n\t}\n"])), _styles.mediaSingleSharedStyle, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _mediaInline.mediaInlineImageStyles, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border, ".concat(_colors.N60, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-warning, ".concat(_colors.Y500, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-warning, ".concat(_colors.Y500, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-warning, ".concat(_colors.Y500, ")"), "var(--ds-icon-warning, ".concat(_colors.Y500, ")"));
|
|
18
18
|
|
|
19
19
|
/* `left: unset` above is to work around Chrome bug where rendering a div with
|
|
@@ -10,5 +10,5 @@ var _react = require("@emotion/react");
|
|
|
10
10
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
11
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
12
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles
|
|
13
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
14
14
|
var statusStyles = exports.statusStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", ",\n\t\t.", ",\n\t\t[data-layout-section] {\n\t\t.", " {\n\t\t\tmax-width: 100%;\n\t\t\tline-height: 0;\n\n\t\t\t> span {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\t.", " {\n\t\t> span {\n\t\t\tcursor: pointer;\n\t\t\tline-height: 0; /* Prevent responsive layouts increasing height of container. */\n\t\t}\n\n\t\t&.", " .", " > span {\n\t\t\t", "\n\t\t}\n\t}\n\n\t.danger {\n\t\t.", " > span {\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t.", ".", "\n\t\t\t.", "\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t}\n\t}\n"])), _styles.TableSharedCssClassName.TABLE_CELL_WRAPPER, _styles.TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
|
|
@@ -10,5 +10,5 @@ var _react = require("@emotion/react");
|
|
|
10
10
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
11
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
12
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/
|
|
13
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
14
14
|
var taskDecisionStyles = exports.taskDecisionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[data-decision-wrapper] {\n\t\tcursor: pointer;\n\t}\n\n\t.", " > [data-decision-wrapper],\n\tol[data-node-type='decisionList'].", " {\n\t\tborder-radius: 4px;\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", ".", " > div {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t\t&::after {\n\t\t\t\tcontent: none; /* reset the Blanket selection style */\n\t\t\t}\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"));
|
|
@@ -74,7 +74,7 @@ var panelHidden = (0, _react2.css)({
|
|
|
74
74
|
width: 0
|
|
75
75
|
});
|
|
76
76
|
|
|
77
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
78
78
|
var panel = exports.panel = (0, _react2.css)({
|
|
79
79
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
80
80
|
width: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
|
|
@@ -85,7 +85,7 @@ var panel = exports.panel = (0, _react2.css)({
|
|
|
85
85
|
boxShadow: "inset 2px 0 0 0 ".concat("var(--ds-border, ".concat(_colors.N30, ")"))
|
|
86
86
|
});
|
|
87
87
|
|
|
88
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
88
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
89
89
|
var content = exports.content = (0, _react2.css)({
|
|
90
90
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
91
91
|
transition: "width 600ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier),
|
|
@@ -10,7 +10,7 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
10
10
|
var _constants = require("@atlaskit/theme/constants");
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
12
|
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
14
14
|
var buttonContent = exports.buttonContent = (0, _react.css)({
|
|
15
15
|
display: 'flex',
|
|
16
16
|
height: '24px',
|
|
@@ -18,13 +18,13 @@ var buttonContent = exports.buttonContent = (0, _react.css)({
|
|
|
18
18
|
minWidth: '70px'
|
|
19
19
|
});
|
|
20
20
|
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
22
22
|
var wrapper = exports.wrapper = (0, _react.css)({
|
|
23
23
|
display: 'flex',
|
|
24
24
|
marginRight: 0
|
|
25
25
|
});
|
|
26
26
|
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
28
28
|
var confirmationPopup = exports.confirmationPopup = (0, _react.css)({
|
|
29
29
|
background: "var(--ds-surface-overlay, #fff)",
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -39,7 +39,7 @@ var confirmationPopup = exports.confirmationPopup = (0, _react.css)({
|
|
|
39
39
|
width: '280px'
|
|
40
40
|
});
|
|
41
41
|
|
|
42
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
43
43
|
var confirmationText = exports.confirmationText = (0, _react.css)({
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
45
45
|
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
|
|
@@ -62,7 +62,7 @@ var confirmationText = exports.confirmationText = (0, _react.css)({
|
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
64
|
|
|
65
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
66
66
|
var confirmationHeader = exports.confirmationHeader = (0, _react.css)({
|
|
67
67
|
backgroundColor: "var(--ds-background-discovery-bold, ".concat(_colors.P400, ")"),
|
|
68
68
|
height: '100px',
|
|
@@ -70,7 +70,7 @@ var confirmationHeader = exports.confirmationHeader = (0, _react.css)({
|
|
|
70
70
|
display: 'inline-block'
|
|
71
71
|
});
|
|
72
72
|
|
|
73
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
73
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
74
74
|
var confirmationImg = exports.confirmationImg = (0, _react.css)({
|
|
75
75
|
width: '100px',
|
|
76
76
|
display: 'block',
|
|
@@ -6,7 +6,7 @@ import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
|
|
|
6
6
|
// For reasoning behind styles, see comments in:
|
|
7
7
|
// ./getInlineNodeViewProducer -> portalChildren()
|
|
8
8
|
|
|
9
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
10
10
|
export const InlineNodeViewSharedStyles = css({
|
|
11
11
|
// 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 -- Ignored via go/DSP-18766
|
|
12
12
|
[`.${inlineNodeViewClassname}`]: {
|
|
@@ -73,11 +73,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
|
|
|
73
73
|
lpLinkPicker: (_featureFlags$lpLinkP = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP !== void 0 ? _featureFlags$lpLinkP : false,
|
|
74
74
|
...props.hyperlinkOptions
|
|
75
75
|
},
|
|
76
|
-
__livePage: props.__livePage
|
|
77
|
-
codeBlock: {
|
|
78
|
-
...props.codeBlock,
|
|
79
|
-
getEditorFeatureFlags
|
|
80
|
-
}
|
|
76
|
+
__livePage: props.__livePage
|
|
81
77
|
});
|
|
82
78
|
const statusMenuDisabled = !props.allowStatus ? true : typeof props.allowStatus === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
|
|
83
79
|
const hasBeforePrimaryToolbar = components => {
|
|
@@ -93,8 +89,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
|
|
|
93
89
|
useLongPressSelection: false,
|
|
94
90
|
appearance: appearance,
|
|
95
91
|
allowInteractiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
|
|
96
|
-
__livePage: props.__livePage
|
|
97
|
-
getEditorFeatureFlags
|
|
92
|
+
__livePage: props.__livePage
|
|
98
93
|
}], Boolean(props.allowExpand)).maybeAdd(guidelinePlugin, Boolean(!isMobile && !isComment && !isChromeless && (props.media || props.allowTables))).maybeAdd([gridPlugin, {
|
|
99
94
|
shouldCalcBreakoutGridLines: isFullPage
|
|
100
95
|
}], Boolean(props.media)).maybeAdd([annotationPlugin, props.annotationProviders], Boolean(props.annotationProviders)).maybeAdd([mediaPlugin, {
|
|
@@ -119,11 +114,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
|
|
|
119
114
|
insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
|
|
120
115
|
allowZeroWidthSpaceAfter: !isMobile,
|
|
121
116
|
HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
|
|
122
|
-
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
|
|
123
|
-
|
|
124
|
-
}], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
|
|
125
|
-
getEditorFeatureFlags
|
|
126
|
-
}], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
|
|
117
|
+
profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider
|
|
118
|
+
}], Boolean(props.mentionProvider)).maybeAdd(emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
|
|
127
119
|
tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
|
|
128
120
|
tableResizingEnabled: isFullPage,
|
|
129
121
|
dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && isFullPage,
|
|
@@ -137,8 +129,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
|
|
|
137
129
|
}], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
|
|
138
130
|
allowNestedTasks: props.allowNestedTasks,
|
|
139
131
|
consumeTabs: isFullPage,
|
|
140
|
-
useLongPressSelection: false
|
|
141
|
-
getEditorFeatureFlags
|
|
132
|
+
useLongPressSelection: false
|
|
142
133
|
}], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, {
|
|
143
134
|
coreVersion,
|
|
144
135
|
...props.feedbackInfo
|
|
@@ -159,8 +150,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
|
|
|
159
150
|
}], Boolean(props.collabEdit || props.collabEditProvider)).maybeAdd([maxContentSizePlugin, props.maxContentSize], Boolean(props.maxContentSize)).maybeAdd([panelPlugin, {
|
|
160
151
|
useLongPressSelection: false,
|
|
161
152
|
allowCustomPanel: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanel : false,
|
|
162
|
-
allowCustomPanelEdit: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanelEdit : false
|
|
163
|
-
getEditorFeatureFlags
|
|
153
|
+
allowCustomPanelEdit: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanelEdit : false
|
|
164
154
|
}], Boolean(props.allowPanel)).maybeAdd(contextPanelPlugin, Boolean(isFullPage)).maybeAdd([extensionPlugin, {
|
|
165
155
|
breakoutEnabled: appearance === 'full-page' && (typeof props.allowExtension === 'object' ? props.allowExtension.allowBreakout : true) !== false,
|
|
166
156
|
extensionHandlers: props.extensionHandlers,
|
|
@@ -173,8 +163,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
|
|
|
173
163
|
// long term this and media should be consolidated into adding both only once
|
|
174
164
|
// @ts-expect-error
|
|
175
165
|
[annotationPlugin, undefined], Boolean(!props.annotationProviders && props.allowConfluenceInlineComment)).maybeAdd([datePlugin, {
|
|
176
|
-
weekStartDay: typeof props.allowDate === 'object' ? props.allowDate.weekStartDay : undefined
|
|
177
|
-
getEditorFeatureFlags
|
|
166
|
+
weekStartDay: typeof props.allowDate === 'object' ? props.allowDate.weekStartDay : undefined
|
|
178
167
|
}], Boolean(props.allowDate)).maybeAdd([placeholderTextPlugin,
|
|
179
168
|
// @ts-expect-error 2322: Type 'false | PlaceholderTextOptions | undefined'
|
|
180
169
|
props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {}], Boolean(props.allowTemplatePlaceholders)).maybeAdd([layoutPlugin, {
|
|
@@ -192,8 +181,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
|
|
|
192
181
|
editorAppearance: appearance
|
|
193
182
|
}], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
|
|
194
183
|
menuDisabled: statusMenuDisabled,
|
|
195
|
-
allowZeroWidthSpaceAfter: !isMobile
|
|
196
|
-
getEditorFeatureFlags
|
|
184
|
+
allowZeroWidthSpaceAfter: !isMobile
|
|
197
185
|
}], Boolean(props.allowStatus)).maybeAdd(indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([toolbarListsIndentationPlugin, {
|
|
198
186
|
showIndentationButtons: !!props.showIndentationButtons,
|
|
199
187
|
allowHeadingAndParagraphIndentation: !!props.allowIndentation
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import { N60A } from '@atlaskit/theme/colors';
|
|
4
4
|
import { borderRadius } from '@atlaskit/theme/constants';
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
6
|
export const dropdown = css({
|
|
7
7
|
display: 'flex',
|
|
8
8
|
flexDirection: 'column',
|
|
@@ -48,7 +48,7 @@ const mainToolbar = css({
|
|
|
48
48
|
});
|
|
49
49
|
export const mainToolbarStyle = (showKeyline, twoLineEditorToolbar) => [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
|
|
50
50
|
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
52
52
|
export const mainToolbarIconBeforeStyle = css({
|
|
53
53
|
margin: "var(--ds-space-200, 16px)",
|
|
54
54
|
height: "var(--ds-space-400, 32px)",
|
|
@@ -96,14 +96,14 @@ const mainToolbarSecondChildTwoLine = css({
|
|
|
96
96
|
});
|
|
97
97
|
export const mainToolbarSecondChildStyle = twoLineEditorToolbar => [mainToolbarSecondChild, twoLineEditorToolbar && mainToolbarSecondChildTwoLine];
|
|
98
98
|
|
|
99
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
99
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
100
100
|
export const nonCustomToolbarWrapperStyle = css({
|
|
101
101
|
alignItems: 'center',
|
|
102
102
|
display: 'flex',
|
|
103
103
|
flexGrow: 1
|
|
104
104
|
});
|
|
105
105
|
|
|
106
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
106
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
107
107
|
export const customToolbarWrapperStyle = css({
|
|
108
108
|
alignItems: 'center',
|
|
109
109
|
display: 'flex'
|
|
@@ -12,7 +12,7 @@ import { createEditorContentStyle } from '../../ContentStyles';
|
|
|
12
12
|
const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
|
|
13
13
|
const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
|
|
14
14
|
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
16
16
|
export const fullPageEditorWrapper = css({
|
|
17
17
|
minWidth: '340px',
|
|
18
18
|
height: '100%',
|
|
@@ -32,13 +32,13 @@ const scrollStyles = css({
|
|
|
32
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
33
33
|
scrollbarStyles);
|
|
34
34
|
|
|
35
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
36
36
|
export const ScrollContainer = createEditorContentStyle(scrollStyles);
|
|
37
37
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
38
38
|
|
|
39
39
|
// transition used to match scrollbar with config panel opening animation
|
|
40
40
|
// only use animation when opening as there is a bug with floating toolbars.
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
41
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
42
42
|
export const positionedOverEditorStyle = css({
|
|
43
43
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
44
44
|
paddingRight: `${akEditorContextPanelWidth}px`,
|
|
@@ -53,7 +53,7 @@ export const positionedOverEditorStyle = css({
|
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
|
|
56
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
57
57
|
export const contentArea = css({
|
|
58
58
|
display: 'flex',
|
|
59
59
|
flexDirection: 'row',
|
|
@@ -66,12 +66,12 @@ export const contentArea = css({
|
|
|
66
66
|
transition: `padding 0ms ${akEditorSwoopCubicBezier}`
|
|
67
67
|
});
|
|
68
68
|
|
|
69
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
70
|
export const contentAreaHeightNoToolbar = css({
|
|
71
71
|
height: '100%'
|
|
72
72
|
});
|
|
73
73
|
|
|
74
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
75
75
|
export const sidebarArea = css({
|
|
76
76
|
height: '100%',
|
|
77
77
|
boxSizing: 'border-box',
|
|
@@ -80,7 +80,7 @@ export const sidebarArea = css({
|
|
|
80
80
|
|
|
81
81
|
// initially hide until we have a containerWidth and can properly size them,
|
|
82
82
|
// otherwise they can cause the editor width to extend which is non-recoverable
|
|
83
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
84
84
|
export const editorContentAreaHideContainer = css({
|
|
85
85
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
86
86
|
'.fabric-editor--full-width-mode': {
|
|
@@ -183,7 +183,7 @@ tableFullPageEditorStyles, {
|
|
|
183
183
|
}
|
|
184
184
|
});
|
|
185
185
|
|
|
186
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
186
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
187
187
|
export const editorContentGutterStyle = css({
|
|
188
188
|
boxSizing: 'border-box',
|
|
189
189
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|