@atlaskit/editor-core 231.0.0 → 231.0.2
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 +21 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -3
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +2 -6
- package/dist/cjs/ui/EditorContentContainer/styles/codeMarkStyles.js +2 -15
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +3 -130
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -3
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -8
- package/dist/es2019/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -14
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +0 -189
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -4
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -3
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -8
- package/dist/esm/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -14
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +2 -129
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/codeMarkStyles.d.ts +0 -7
- package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +0 -9
- package/package.json +7 -7
|
@@ -28,7 +28,7 @@ import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
|
28
28
|
import { blockSpacingVarScaledStyles, blockSpacingVarStyles } from './styles/blockSpacingStyles';
|
|
29
29
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStylesNestedDnd, blocktypeStyles_fg_platform_editor_typography_ugc, headingScrollMarginStyles, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
30
30
|
import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin } from './styles/codeBlockStyles';
|
|
31
|
-
import { codeMarkStyles
|
|
31
|
+
import { codeMarkStyles } from './styles/codeMarkStyles';
|
|
32
32
|
import { commentEditorStyles } from './styles/commentEditorStyles';
|
|
33
33
|
import { nonFullPageContainerTypeStyles } from './styles/containerTypeStyles';
|
|
34
34
|
import { contributorTagStyles } from './styles/contributorTagStyles';
|
|
@@ -64,7 +64,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
|
64
64
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
65
65
|
import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
|
|
66
66
|
import { shadowStyles } from './styles/shadowStyles';
|
|
67
|
-
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles,
|
|
67
|
+
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
68
68
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
|
|
69
69
|
import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
|
|
70
70
|
import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
|
|
@@ -405,9 +405,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
405
405
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
406
406
|
blocktypeStylesNestedDnd,
|
|
407
407
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
408
|
-
codeMarkStyles,
|
|
409
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
410
|
-
codeMarkStylesA11yFix,
|
|
408
|
+
codeMarkStyles,
|
|
411
409
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
412
410
|
textColorStyles,
|
|
413
411
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -433,9 +431,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
433
431
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
434
432
|
ruleWithAttrsStyles,
|
|
435
433
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
436
|
-
smartCardDiffStyles,
|
|
437
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
438
|
-
showDiffDeletedNodeStylesNew :
|
|
434
|
+
smartCardDiffStyles,
|
|
439
435
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
440
436
|
showDiffDeletedNodeStyles,
|
|
441
437
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -25,21 +25,8 @@ export const codeMarkStyles = css({
|
|
|
25
25
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
26
26
|
fontSize: '0.875em',
|
|
27
27
|
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
28
|
-
overflow: '
|
|
28
|
+
overflow: 'unset',
|
|
29
29
|
overflowWrap: 'break-word',
|
|
30
30
|
whiteSpace: 'pre-wrap'
|
|
31
31
|
}
|
|
32
|
-
});
|
|
33
|
-
/**
|
|
34
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
35
|
-
* If you need to make changes here, also update the corresponding style in
|
|
36
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
37
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
38
|
-
*/
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
40
|
-
export const codeMarkStylesA11yFix = css({
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
42
|
-
'.code': {
|
|
43
|
-
overflow: 'unset'
|
|
44
|
-
}
|
|
45
32
|
});
|
|
@@ -98,195 +98,6 @@ export const smartCardDiffStyles = css({
|
|
|
98
98
|
* `--diff-delete-ring-width`, and `--diff-delete-text-decoration-color`.
|
|
99
99
|
*/
|
|
100
100
|
export const showDiffDeletedNodeStyles = css({
|
|
101
|
-
// --- OFF cohort: pre-refactor rules, restored verbatim ------------------------------------
|
|
102
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
103
|
-
[`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
|
|
104
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
105
|
-
[`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
106
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
107
|
-
boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-gray, #7D818A)"})`,
|
|
108
|
-
borderColor: 'transparent'
|
|
109
|
-
},
|
|
110
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
111
|
-
[`&.show-diff-deleted-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
112
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
113
|
-
boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
|
|
114
|
-
borderColor: 'transparent'
|
|
115
|
-
},
|
|
116
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
117
|
-
[`&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
118
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
119
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-new, ${"var(--ds-background-accent-red-subtlest, #FFECEB)"})`,
|
|
120
|
-
borderColor: 'transparent'
|
|
121
|
-
},
|
|
122
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
123
|
-
[`&.show-diff-deleted-node-traditional.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
124
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
125
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
|
|
126
|
-
borderColor: 'transparent'
|
|
127
|
-
},
|
|
128
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
129
|
-
[`&.show-diff-deleted-node.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
130
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
131
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
|
|
132
|
-
borderColor: 'transparent'
|
|
133
|
-
},
|
|
134
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
135
|
-
[`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
|
|
136
|
-
opacity: 0.6
|
|
137
|
-
},
|
|
138
|
-
// ON cohort, same container: one rule per visual role, reading the factory's properties.
|
|
139
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
140
|
-
[`&.show-diff-deleted-node-vars .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
141
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
142
|
-
boxShadow: `0 0 0 1px var(--diff-delete-color)`,
|
|
143
|
-
borderColor: 'transparent'
|
|
144
|
-
},
|
|
145
|
-
// Only schemes with a resting ring get `-outline-new`, so this is traditional-only in practice.
|
|
146
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
147
|
-
[`&.show-diff-deleted-node-vars.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
148
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
149
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-new)`,
|
|
150
|
-
borderColor: 'transparent'
|
|
151
|
-
},
|
|
152
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
153
|
-
[`&.show-diff-deleted-node-vars.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
154
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
155
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-active)`,
|
|
156
|
-
borderColor: 'transparent'
|
|
157
|
-
},
|
|
158
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
159
|
-
[`&.show-diff-deleted-node-vars .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
|
|
160
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
161
|
-
opacity: `var(--diff-delete-opacity, 0.6)`
|
|
162
|
-
}
|
|
163
|
-
},
|
|
164
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
165
|
-
'.show-diff-deleted-node .media-card-wrapper': {
|
|
166
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
167
|
-
'& > div': {
|
|
168
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
169
|
-
boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-gray, #7D818A)"})`,
|
|
170
|
-
borderRadius: "var(--ds-radius-small, 4px)",
|
|
171
|
-
opacity: 0.6
|
|
172
|
-
}
|
|
173
|
-
},
|
|
174
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
175
|
-
'.show-diff-deleted-node-traditional .media-card-wrapper': {
|
|
176
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
177
|
-
'& > div': {
|
|
178
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
179
|
-
boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
|
|
180
|
-
borderRadius: "var(--ds-radius-small, 4px)"
|
|
181
|
-
}
|
|
182
|
-
},
|
|
183
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
184
|
-
'.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper': {
|
|
185
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
186
|
-
'& > div': {
|
|
187
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
188
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-new, ${"var(--ds-background-accent-red-subtlest, #FFECEB)"})`,
|
|
189
|
-
borderRadius: "var(--ds-radius-small, 4px)"
|
|
190
|
-
}
|
|
191
|
-
},
|
|
192
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
193
|
-
'.show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper': {
|
|
194
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
195
|
-
'& > div': {
|
|
196
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
197
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
|
|
198
|
-
borderRadius: "var(--ds-radius-small, 4px)"
|
|
199
|
-
}
|
|
200
|
-
},
|
|
201
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
202
|
-
'.show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper': {
|
|
203
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
204
|
-
'& > div': {
|
|
205
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
206
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
|
|
207
|
-
borderRadius: "var(--ds-radius-small, 4px)",
|
|
208
|
-
opacity: 0.6
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
212
|
-
'[data-prosemirror-node-name="blockquote"].show-diff-deleted-node': {
|
|
213
|
-
textDecoration: 'line-through'
|
|
214
|
-
},
|
|
215
|
-
// Longhands, not the `text-decoration` shorthand: the shorthand resets `text-decoration-color`,
|
|
216
|
-
// and Compiled does not guarantee it lands before the longhand.
|
|
217
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
218
|
-
'[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
|
|
219
|
-
textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
|
|
220
|
-
textDecorationLine: 'line-through'
|
|
221
|
-
},
|
|
222
|
-
// Longhands, for the same reason as the blockquote rule above.
|
|
223
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
224
|
-
'[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
|
|
225
|
-
textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
|
|
226
|
-
textDecorationLine: 'line-through'
|
|
227
|
-
},
|
|
228
|
-
// --- ON cohort: merged rules, one per visual role -----------------------------------------
|
|
229
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
230
|
-
'.show-diff-deleted-node-vars .media-card-wrapper': {
|
|
231
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
232
|
-
'& > div': {
|
|
233
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
234
|
-
boxShadow: `0 0 0 1px var(--diff-delete-color)`,
|
|
235
|
-
borderRadius: "var(--ds-radius-small, 4px)",
|
|
236
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
237
|
-
opacity: `var(--diff-delete-opacity, 0.6)`
|
|
238
|
-
}
|
|
239
|
-
},
|
|
240
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
241
|
-
'.show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper': {
|
|
242
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
243
|
-
'& > div': {
|
|
244
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
245
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-new)`,
|
|
246
|
-
borderRadius: "var(--ds-radius-small, 4px)"
|
|
247
|
-
}
|
|
248
|
-
},
|
|
249
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
250
|
-
'.show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper': {
|
|
251
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
252
|
-
'& > div': {
|
|
253
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
254
|
-
boxShadow: `0 0 0 4px var(--diff-delete-color-active)`,
|
|
255
|
-
borderRadius: "var(--ds-radius-small, 4px)",
|
|
256
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
257
|
-
opacity: `var(--diff-delete-opacity, 0.6)`
|
|
258
|
-
}
|
|
259
|
-
},
|
|
260
|
-
// Both schemes strike deleted blockquotes; only the colour differs. The variable is emitted for
|
|
261
|
-
// `stateful` (traditional) only, so standard falls through to `currentColor` — what it painted
|
|
262
|
-
// before. Longhands, not the shorthand, which would reset the colour.
|
|
263
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
264
|
-
'[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars': {
|
|
265
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
266
|
-
textDecorationColor: `var(--diff-delete-text-decoration-color, currentColor)`,
|
|
267
|
-
textDecorationLine: 'line-through'
|
|
268
|
-
},
|
|
269
|
-
// Standard draws no strike on deleted embedCards, so the line itself is scheme-driven:
|
|
270
|
-
// `--diff-delete-embed-strike-line` is `line-through` for traditional, `none` for standard.
|
|
271
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
272
|
-
'[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars': {
|
|
273
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
274
|
-
textDecorationColor: `var(--diff-delete-text-decoration-color, currentColor)`,
|
|
275
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
276
|
-
textDecorationLine: `var(--diff-delete-embed-strike-line)`
|
|
277
|
-
}
|
|
278
|
-
});
|
|
279
|
-
|
|
280
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
281
|
-
/**
|
|
282
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
283
|
-
* If you need to make changes here, also update the corresponding style in
|
|
284
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
285
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
286
|
-
*
|
|
287
|
-
* The a11y-fixes variant of `showDiffDeletedNodeStyles`; same two-cohort split — see its note.
|
|
288
|
-
*/
|
|
289
|
-
export const showDiffDeletedNodeStylesNew = css({
|
|
290
101
|
// --- OFF cohort: pre-refactor rules, restored verbatim ------------------------------------
|
|
291
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
292
103
|
[`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
|
|
@@ -20,8 +20,7 @@
|
|
|
20
20
|
.cc-1na1fzg .ProseMirror h1{font:var(--editor-font-ugc-token-heading-h1);margin-bottom:0;margin-top:1.45833em}.cc-1na1fzg .ProseMirror h1 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h2{font:var(--editor-font-ugc-token-heading-h2);margin-bottom:0;margin-top:1.4em}.cc-1na1fzg .ProseMirror h2 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h3{font:var(--editor-font-ugc-token-heading-h3);margin-bottom:0;margin-top:1.31249em}.cc-1na1fzg .ProseMirror h3 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h4{font:var(--editor-font-ugc-token-heading-h4);margin-top:1.25em}.cc-1na1fzg .ProseMirror h4 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h5{font:var(--editor-font-ugc-token-heading-h5);margin-top:1.45833em;text-transform:none}.cc-1na1fzg .ProseMirror h5 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}.cc-1na1fzg .ProseMirror h6{font:var(--editor-font-ugc-token-heading-h6);margin-top:1.59091em;text-transform:none}.cc-1na1fzg .ProseMirror h6 strong{font-weight:var(--editor-font-ugc-token-weight-heading-bold)}
|
|
21
21
|
.cc-1l6yvlg .ProseMirror .code-content--wrapped>.code-block-content-wrapper>.code-content{margin-right:var(--ds-space-100,8px)}.cc-1l6yvlg .ProseMirror .code-content--wrapped>.code-block-content-wrapper>.code-content code{display:block;word-break:break-word;white-space:pre-wrap}.cc-1l6yvlg .ProseMirror .code-block-content-wrapper>.code-content{display:flex;flex-grow:1;flex-shrink:1;flex-basis:0%}.cc-1l6yvlg .ProseMirror .code-block-content-wrapper>.code-content code{flex-grow:1;white-space:pre}.cc-1l6yvlg .ProseMirror .code-block{position:relative;background-color:var(--ds-surface-raised,#fff);border-radius:var(--ds-radius-small,3px);margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace);min-width:3pc;cursor:pointer;clear:both;white-space:normal}.cc-1l6yvlg .ProseMirror .code-block .code-block-gutter-pseudo-element:before{content:attr(data-label)}.cc-1l6yvlg .ProseMirror .code-block .code-block--start{position:absolute;visibility:hidden;height:1.5rem;top:0;left:0}.cc-1l6yvlg .ProseMirror .code-block .code-block--end{position:absolute;visibility:hidden;height:1.5rem;bottom:0;right:0}.cc-1l6yvlg .ProseMirror .code-block .code-block-content-wrapper{background-image:linear-gradient(to right,var(--ds-background-neutral,#0515240f) var(--ds-space-300,24px),transparent var(--ds-space-300,24px)),linear-gradient(to right,var(--ds-surface-raised,#fff) var(--ds-space-300,24px),transparent var(--ds-space-300,24px)),linear-gradient(to left,var(--ds-background-neutral,#0515240f) var(--ds-space-100,8px),transparent var(--ds-space-100,8px)),linear-gradient(to left,var(--ds-surface-raised,#fff) var(--ds-space-100,8px),transparent var(--ds-space-100,8px)),linear-gradient(to left,var(--ds-shadow-overflow-spread,#1e1f2129) 0,var(--ds-UNSAFE-transparent,transparent) var(--ds-space-100,8px)),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,var(--ds-UNSAFE-transparent,transparent) var(--ds-space-100,8px)),linear-gradient(to right,var(--ds-shadow-overflow-spread,#1e1f2129) 0,var(--ds-UNSAFE-transparent,transparent) var(--ds-space-100,8px)),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,var(--ds-UNSAFE-transparent,transparent) var(--ds-space-100,8px));position:relative;background-color:var(--ds-background-neutral,#0515240f);display:flex;border-radius:var(--ds-radius-small,3px);width:100%;counter-reset:line;overflow-x:auto;background-repeat:no-repeat;background-attachment:local,local,local,local,scroll,scroll,scroll,scroll;background-size:var(--ds-space-300,24px) 100%,var(--ds-space-300,24px) 100%,var(--ds-space-100,8px) 100%,var(--ds-space-100,8px) 100%,var(--ds-space-100,8px) 100%,1px 100%,var(--ds-space-100,8px) 100%,1px 100%;background-position:0 0,0 0,100% 0,100% 0,100% 0,100% 0,0 0,0 0;overflow-y:hidden}.cc-1l6yvlg .ProseMirror .code-block .line-number-gutter{background-color:var(--ds-background-neutral,#0515240f);position:relative;width:var(--lineNumberGutterWidth,2rem);padding:var(--ds-space-100,8px);flex-shrink:0;font-size:.875rem;box-sizing:content-box}.cc-1l6yvlg .ProseMirror .code-block .line-number-gutter:before{content:"1";visibility:hidden;font-size:.875rem;line-height:1.5rem}.cc-1l6yvlg .ProseMirror .code-block .code-content code{tab-size:4;cursor:text;color:var(--ds-text,#292a2e);border-radius:var(--ds-radius-small,3px);margin:var(--ds-space-100,8px);font-size:.875rem;line-height:1.5rem}.cc-1l6yvlg .ProseMirror .code-block .code-content__line-number--wrapped{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:var(--lineNumberGutterWidth,2rem);left:0;position:absolute;font-size:.875rem;padding:0 var(--ds-space-100,8px);line-height:1.5rem;text-align:right;color:var(--ds-text-subtlest,#6b6e76);box-sizing:content-box}.cc-1l6yvlg .ProseMirror li>.code-block{margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0}.cc-1l6yvlg .ProseMirror li>.ProseMirror-gapcursor:first-child+.code-block, .cc-1l6yvlg .ProseMirror li>.code-block:first-child{margin-top:0}.cc-1l6yvlg .ProseMirror li>div:last-of-type.code-block, .cc-1l6yvlg .ProseMirror li>pre:last-of-type.code-block{margin-bottom:.75rem}.cc-1l6yvlg .ProseMirror .code-block.ak-editor-selected-node:not(.danger){box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;position:relative;-webkit-user-select:text}.cc-1l6yvlg .ProseMirror .code-block.ak-editor-selected-node:not(.danger):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-1l6yvlg .ProseMirror .code-block.ak-editor-selected-node:not(.danger) ::selection, .cc-1l6yvlg .ProseMirror .code-block.ak-editor-selected-node:not(.danger)::selection{background-color:transparent}.cc-1l6yvlg .ProseMirror .code-block.ak-editor-selected-node:not(.danger) ::-moz-selection, .cc-1l6yvlg .ProseMirror .code-block.ak-editor-selected-node:not(.danger)::-moz-selection{background-color:transparent}.cc-1l6yvlg .ProseMirror .danger.code-block{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1l6yvlg .ProseMirror .danger.code-block .line-number-gutter{background-color:var(--ds-background-danger,#ffeceb);color:var(--ds-text-danger,#ae2e24)}.cc-1l6yvlg .ProseMirror .danger.code-block .line-number-gutter:after{height:100%;content:"";position:absolute;left:0;top:0;width:24px;background-color:var(--ds-blanket-danger,#ef5c4814)}.cc-1l6yvlg .ProseMirror .danger.code-block .code-content{background-color:var(--ds-blanket-danger,#ef5c4814)}.cc-1l6yvlg .ProseMirror .danger .code-block .line-number-gutter{background-color:var(--ds-background-danger,#ffeceb);color:var(--ds-text-danger,#ae2e24)}.cc-1l6yvlg .ProseMirror .danger .code-block .line-number-gutter:after{height:100%;content:"";position:absolute;left:0;top:0;width:24px;background-color:var(--ds-blanket-danger,#ef5c4814)}.cc-1l6yvlg .ProseMirror .danger .code-block .code-content{background-color:var(--ds-blanket-danger,#ef5c4814)}
|
|
22
22
|
.cc-1agwr6s .ProseMirror .code-block .code-block-gutter-pseudo-element:before{display:flow;line-height:1.5em}.cc-1agwr6s .ProseMirror .code-block .code-content code{font-size:.875em;line-height:1.5em}
|
|
23
|
-
.cc-9o9ss2 .code{--ds--code--bg-color:var(--ds-background-neutral,#0515240f);display:inline;padding-top:2px;padding-right:.5ch;padding-bottom:2px;padding-left:.5ch;background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f));border-radius:var(--ds-radius-small,3px);border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--ds-text,#292a2e);font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace);font-size:.875em;font-weight:var(--ds-font-weight-regular,400);overflow-x:
|
|
24
|
-
.cc-db0kku .code{overflow-x:unset;overflow-y:unset}
|
|
23
|
+
.cc-9o9ss2 .code{--ds--code--bg-color:var(--ds-background-neutral,#0515240f);display:inline;padding-top:2px;padding-right:.5ch;padding-bottom:2px;padding-left:.5ch;background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f));border-radius:var(--ds-radius-small,3px);border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--ds-text,#292a2e);font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace);font-size:.875em;font-weight:var(--ds-font-weight-regular,400);overflow-x:unset;overflow-y:unset;overflow-wrap:break-word;white-space:pre-wrap}
|
|
25
24
|
.cc-pk1css{flex-grow:1}.cc-pk1css{overflow-x:clip}.cc-pk1css{line-height:24px}.cc-pk1css .ProseMirror{margin-top:var(--ds-space-150,9pt);margin-right:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);margin-left:var(--ds-space-150,9pt)}.cc-pk1css .gridParent{margin-left:var(--ds-space-025,2px);margin-right:var(--ds-space-025,2px);width:calc(100% + 2px)}.cc-pk1css{padding-top:var(--ds-space-250,20px)}.cc-pk1css{padding-right:var(--ds-space-250,20px)}.cc-pk1css{padding-bottom:var(--ds-space-250,20px)}.cc-pk1css{padding-left:var(--ds-space-250,20px)}
|
|
26
25
|
.cc-fsbph9{container-type:inline-size}
|
|
27
26
|
.cc-1wz6obl .ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor){caret-color:transparent}.cc-1wz6obl .ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor{display:none}.cc-1wz6obl .ProseMirror:has(.ProseMirror-hide-cursor){caret-color:transparent}
|
|
@@ -139,8 +138,7 @@
|
|
|
139
138
|
.cc-13ipadj{ms-overflow-style:-ms-autohiding-scrollbar}.cc-13ipadj::-webkit-scrollbar-corner{display:none}.cc-13ipadj::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-13ipadj:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-13ipadj::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
|
|
140
139
|
.cc-xj7ujp .ProseMirror-selectednode{outline-color:currentColor;outline-style:none;outline-width:medium}.cc-xj7ujp .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}.cc-1u1dmuf [aria-label="Selection toolbar"]{animation-name:k1xe95hp;animation-duration:.2s;animation-timing-function:cubic-bezier(.6,0,0,1)}
|
|
141
140
|
.cc-7ldcy .ProseMirror .left-shadow:after, .cc-7ldcy .ProseMirror .left-shadow:before, .cc-7ldcy .ProseMirror .right-shadow:after, .cc-7ldcy .ProseMirror .right-shadow:before{display:none;position:absolute;pointer-events:none;z-index:2;width:8px;content:"";height:100%}.cc-7ldcy .ProseMirror .left-shadow, .cc-7ldcy .ProseMirror .right-shadow{position:relative}.cc-7ldcy .ProseMirror .left-shadow:before{background:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);top:0;left:0;display:block}.cc-7ldcy .ProseMirror .right-shadow:after{background:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);right:0;top:0;display:block}.cc-7ldcy .ProseMirror .sentinel-left{height:100%;width:0;min-width:0}.cc-7ldcy .ProseMirror .sentinel-right{height:100%;width:0;min-width:0}
|
|
142
|
-
.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-
|
|
143
|
-
.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-media-ring-color);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper{opacity:var(--diff-delete-opacity,.8)}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-yt5ulr .show-diff-deleted-node-vars .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-delete-ring-width,1px) var(--diff-delete-media-ring-color);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.8)}.cc-yt5ulr .show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.8)}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:line-through}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:var(--diff-delete-embed-strike-line)}
|
|
141
|
+
.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-media-ring-color);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-vars .loader-wrapper{opacity:var(--diff-delete-opacity,.8)}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d));text-decoration-line:line-through}.cc-1cupvcw .show-diff-deleted-node-vars .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-delete-ring-width,1px) var(--diff-delete-media-ring-color);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.8)}.cc-1cupvcw .show-diff-deleted-node-vars.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-vars.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active);border-radius:var(--ds-radius-small,4px);opacity:var(--diff-delete-opacity,.8)}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:line-through}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-vars{text-decoration-color:var(--diff-delete-text-decoration-color,currentColor);text-decoration-line:var(--diff-delete-embed-strike-line)}
|
|
144
142
|
.cc-v28bhv .embedCardView-content-wrap[data-testid=show-diff-changed-decoration-node] .loader-wrapper>div:after{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-decoration-marker-color);border-color:transparent}
|
|
145
143
|
.cc-1v4mcpy .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1v4mcpy .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1v4mcpy .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1v4mcpy .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1v4mcpy .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1v4mcpy .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
146
144
|
.cc-1y0ifdm .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1y0ifdm .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1y0ifdm .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block):not(.danger) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1y0ifdm .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1y0ifdm .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1y0ifdm .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
@@ -184,7 +184,6 @@ var editorContentStyles = {
|
|
|
184
184
|
codeBlockStyles: "cc-1l6yvlg",
|
|
185
185
|
codeBlockStylesWithEmUnits: "cc-1agwr6s",
|
|
186
186
|
codeMarkStyles: "cc-9o9ss2",
|
|
187
|
-
codeMarkStylesA11yFix: "cc-db0kku",
|
|
188
187
|
commentEditorStyles: "cc-pk1css",
|
|
189
188
|
nonFullPageContainerTypeStyles: "cc-fsbph9",
|
|
190
189
|
cursorStyles: "cc-1wz6obl",
|
|
@@ -307,7 +306,6 @@ var editorContentStyles = {
|
|
|
307
306
|
selectionToolbarAnimationStyles: "cc-1u1dmuf",
|
|
308
307
|
shadowStyles: "cc-7ldcy",
|
|
309
308
|
showDiffDeletedNodeStyles: "cc-1cupvcw",
|
|
310
|
-
showDiffDeletedNodeStylesNew: "cc-yt5ulr",
|
|
311
309
|
smartCardDiffStyles: "cc-v28bhv",
|
|
312
310
|
smartCardStylesWithSearchMatch: "cc-1v4mcpy",
|
|
313
311
|
smartCardStylesWithSearchMatchAndBlockMenuDangerStyles: "cc-1y0ifdm",
|
|
@@ -420,7 +418,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
420
418
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
421
419
|
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, editorContentStyles.editorGutterPaddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
422
420
|
exposure: true
|
|
423
|
-
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, 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, editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorContentStyles.blockquoteSelectedNodeStyles, editorContentStyles.listSelectedNodeStyles, editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles,
|
|
421
|
+
}) && editorContentStyles.editorLargeGutterPuddingReducedBaseStyles, editorContentStyles.whitespaceStyles, editorContentStyles.indentationStyles, 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, editorContentStyles.editorUGCSmallText, editorContentStyles.blocktypeStyles, editorContentStyles.blocktypeStylesRtlBlockquote, isFloatingTocEnabled && editorContentStyles.headingScrollMarginStyles, editorContentStyles.blockquoteSelectedNodeStyles, editorContentStyles.listSelectedNodeStyles, editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, isExperimentEnabled('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
424
422
|
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, fg('platform_editor_ai_show_diff_patch_2') && editorContentStyles.deletedStatusStrikeStyles, editorContentStyles.annotationStyles, editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, fg('platform-dst-tokens-finesse') && editorContentStyles.syncBlockSelectedStyles, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, editorContentStyles.tableLayoutFixesWithFontSize, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorContentStyles.blockquoteDangerStyles, editorContentStyles.textDangerStyles, editorContentStyles.listDangerStyles, editorContentStyles.dangerDateStyles, editorContentStyles.emojiDangerStyles, editorContentStyles.mentionDangerStyles, editorContentStyles.decisionDangerStyles, editorContentStyles.statusDangerStyles, editorContentStyles.dangerRuleStyles, editorContentStyles.mediaDangerStyles, editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
425
423
|
ref: ref,
|
|
426
424
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
@@ -31,7 +31,7 @@ import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
|
31
31
|
import { blockSpacingVarScaledStyles, blockSpacingVarStyles } from './styles/blockSpacingStyles';
|
|
32
32
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStylesNestedDnd, blocktypeStyles_fg_platform_editor_typography_ugc, headingScrollMarginStyles, listDangerStyles, listSelectedNodeStyles, textDangerStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
33
33
|
import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin } from './styles/codeBlockStyles';
|
|
34
|
-
import { codeMarkStyles
|
|
34
|
+
import { codeMarkStyles } from './styles/codeMarkStyles';
|
|
35
35
|
import { commentEditorStyles } from './styles/commentEditorStyles';
|
|
36
36
|
import { nonFullPageContainerTypeStyles } from './styles/containerTypeStyles';
|
|
37
37
|
import { contributorTagStyles } from './styles/contributorTagStyles';
|
|
@@ -67,7 +67,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
|
67
67
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
68
68
|
import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
|
|
69
69
|
import { shadowStyles } from './styles/shadowStyles';
|
|
70
|
-
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles,
|
|
70
|
+
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
71
71
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
|
|
72
72
|
import { syncBlockInteractiveCursorStyles } from './styles/syncBlockInteractiveCursorStyles';
|
|
73
73
|
import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
|
|
@@ -400,9 +400,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
400
400
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
401
401
|
blocktypeStylesNestedDnd,
|
|
402
402
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
403
|
-
codeMarkStyles,
|
|
404
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
405
|
-
codeMarkStylesA11yFix,
|
|
403
|
+
codeMarkStyles,
|
|
406
404
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
407
405
|
textColorStyles,
|
|
408
406
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -428,9 +426,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
428
426
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
429
427
|
ruleWithAttrsStyles,
|
|
430
428
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
431
|
-
smartCardDiffStyles,
|
|
432
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
433
|
-
showDiffDeletedNodeStylesNew :
|
|
429
|
+
smartCardDiffStyles,
|
|
434
430
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
435
431
|
showDiffDeletedNodeStyles,
|
|
436
432
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -25,21 +25,8 @@ export var codeMarkStyles = css({
|
|
|
25
25
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
26
26
|
fontSize: '0.875em',
|
|
27
27
|
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
28
|
-
overflow: '
|
|
28
|
+
overflow: 'unset',
|
|
29
29
|
overflowWrap: 'break-word',
|
|
30
30
|
whiteSpace: 'pre-wrap'
|
|
31
31
|
}
|
|
32
|
-
});
|
|
33
|
-
/**
|
|
34
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
35
|
-
* If you need to make changes here, also update the corresponding style in
|
|
36
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
37
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
38
|
-
*/
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
40
|
-
export var codeMarkStylesA11yFix = css({
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
42
|
-
'.code': {
|
|
43
|
-
overflow: 'unset'
|
|
44
|
-
}
|
|
45
32
|
});
|