@atlaskit/editor-core 209.1.1 → 209.1.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 +9 -0
- package/dist/cjs/ui/ContentStyles/index.js +8 -7
- package/dist/cjs/ui/ContentStyles/status.js +14 -7
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +19 -9
- package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +174 -1
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +31 -1
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +102 -1
- package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +117 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ContentStyles/index.js +32 -6
- package/dist/es2019/ui/ContentStyles/status.js +24 -11
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +23 -13
- package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +225 -0
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +34 -0
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +153 -0
- package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +116 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/ContentStyles/index.js +9 -8
- package/dist/esm/ui/ContentStyles/status.js +14 -7
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +23 -13
- package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +173 -0
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +30 -0
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +101 -0
- package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +116 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ContentStyles/status.d.ts +1 -1
- package/dist/types/ui/EditorContentContainer/styles/findReplaceStyles.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/mentions.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/statusStyles.d.ts +2 -0
- package/dist/types-ts4.5/ui/ContentStyles/status.d.ts +1 -1
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/findReplaceStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/mentions.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/smartCardStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/statusStyles.d.ts +2 -0
- package/package.json +6 -3
|
@@ -127,4 +127,38 @@ export const mentionsSelectionStyles = css({
|
|
|
127
127
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
128
128
|
hideNativeBrowserTextSelectionStyles, mentionsSelectedColor]
|
|
129
129
|
}
|
|
130
|
+
});
|
|
131
|
+
|
|
132
|
+
// This is mentions styles for mentions selection styles based on the vanilla node view
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
134
|
+
export const mentionsSelectionStylesWithSearchMatch = css({
|
|
135
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
136
|
+
'.danger': {
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
138
|
+
'.editor-mention-primitive': {
|
|
139
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
140
|
+
boxShadow: `0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder}`,
|
|
141
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)"
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
// 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
|
|
145
|
+
[`.${akEditorSelectedNodeClassName}`]: {
|
|
146
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
147
|
+
'> .editor-mention-primitive, > .editor-mention-primitive.mention-self, > .editor-mention-primitive.mention-restricted':
|
|
148
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,
|
|
149
|
+
[
|
|
150
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
151
|
+
backgroundSelectionStyles,
|
|
152
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
153
|
+
hideNativeBrowserTextSelectionStyles, mentionsSelectedColor]
|
|
154
|
+
},
|
|
155
|
+
// 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
|
|
156
|
+
[`.${akEditorSelectedNodeClassName}:not('.search-match-block')`]: {
|
|
157
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
158
|
+
'> .editor-mention-primitive, > .editor-mention-primitive.mention-self, > .editor-mention-primitive.mention-restricted':
|
|
159
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,
|
|
160
|
+
[
|
|
161
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
162
|
+
boxShadowSelectionStyles]
|
|
163
|
+
}
|
|
130
164
|
});
|
|
@@ -169,6 +169,159 @@ export const smartCardStyles = css({
|
|
|
169
169
|
}
|
|
170
170
|
});
|
|
171
171
|
|
|
172
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
173
|
+
export const smartCardStylesWithSearchMatch = css({
|
|
174
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
175
|
+
[`.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER}`]: {
|
|
176
|
+
maxWidth: 'calc(100% - 20px)',
|
|
177
|
+
verticalAlign: 'top',
|
|
178
|
+
wordBreak: 'break-all',
|
|
179
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
180
|
+
'.card-with-comment': {
|
|
181
|
+
background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
182
|
+
borderBottom: `2px solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
|
|
183
|
+
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
|
|
184
|
+
},
|
|
185
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
186
|
+
'.card': {
|
|
187
|
+
paddingLeft: "var(--ds-space-025, 2px)",
|
|
188
|
+
paddingRight: "var(--ds-space-025, 2px)",
|
|
189
|
+
paddingTop: "var(--ds-space-100, 0.5em)",
|
|
190
|
+
paddingBottom: "var(--ds-space-100, 0.5em)",
|
|
191
|
+
marginBottom: "var(--ds-space-negative-100, -0.5em)",
|
|
192
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
193
|
+
[`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a:focus`]: [
|
|
194
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
195
|
+
boxShadowSelectionStyles,
|
|
196
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
197
|
+
hideNativeBrowserTextSelectionStyles]
|
|
198
|
+
},
|
|
199
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
200
|
+
[`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: [
|
|
201
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
202
|
+
hideNativeBrowserTextSelectionStyles],
|
|
203
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
204
|
+
[`&.ak-editor-selected-node:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]:
|
|
205
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
206
|
+
[
|
|
207
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
208
|
+
boxShadowSelectionStyles],
|
|
209
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
210
|
+
[`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
|
|
211
|
+
// EDM-1717: box-shadow Safari fix start
|
|
212
|
+
zIndex: 1,
|
|
213
|
+
position: 'relative'
|
|
214
|
+
},
|
|
215
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
216
|
+
'&.danger': {
|
|
217
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
218
|
+
[`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
|
|
219
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
|
|
220
|
+
// EDM-1717: box-shadow Safari fix start
|
|
221
|
+
zIndex: 2
|
|
222
|
+
// EDM-1717: box-shadow Safari fix end
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
},
|
|
226
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
227
|
+
[`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
|
|
228
|
+
display: 'block',
|
|
229
|
+
margin: '0.75rem 0 0',
|
|
230
|
+
maxWidth: `${8 * 95}px`,
|
|
231
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
232
|
+
[`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: [
|
|
233
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
234
|
+
boxShadowSelectionStyles,
|
|
235
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
236
|
+
hideNativeBrowserTextSelectionStyles, {
|
|
237
|
+
borderRadius: "var(--ds-border-radius-200, 8px)"
|
|
238
|
+
}],
|
|
239
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
240
|
+
'&.danger': {
|
|
241
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
242
|
+
[`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
|
|
243
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
244
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
249
|
+
[`.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER}.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
|
|
250
|
+
maxWidth: '100%',
|
|
251
|
+
display: 'flex',
|
|
252
|
+
justifyContent: 'center',
|
|
253
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
254
|
+
[`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
|
|
255
|
+
cursor: 'pointer',
|
|
256
|
+
backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
|
|
257
|
+
borderRadius: "var(--ds-border-radius-200, 8px)",
|
|
258
|
+
border: `1px solid ${"var(--ds-border, #091E4224)"}`,
|
|
259
|
+
overflow: 'hidden'
|
|
260
|
+
},
|
|
261
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
262
|
+
'&.ak-editor-selected-node': {
|
|
263
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
264
|
+
[`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: [
|
|
265
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
266
|
+
boxShadowSelectionStyles,
|
|
267
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
268
|
+
hideNativeBrowserTextSelectionStyles, {
|
|
269
|
+
'input::selection': {
|
|
270
|
+
backgroundColor: "var(--ds-background-selected-hovered, #CCE0FF)"
|
|
271
|
+
},
|
|
272
|
+
'input::-moz-selection': {
|
|
273
|
+
backgroundColor: "var(--ds-background-selected-hovered, #CCE0FF)"
|
|
274
|
+
}
|
|
275
|
+
}]
|
|
276
|
+
},
|
|
277
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
278
|
+
'&.danger': {
|
|
279
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
280
|
+
[`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
|
|
281
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
},
|
|
285
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
286
|
+
[`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
|
|
287
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
288
|
+
[`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
|
|
289
|
+
cursor: 'pointer',
|
|
290
|
+
'&::after': {
|
|
291
|
+
transition: 'box-shadow 0s'
|
|
292
|
+
}
|
|
293
|
+
},
|
|
294
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
295
|
+
[`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: [
|
|
296
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
297
|
+
hideNativeBrowserTextSelectionStyles],
|
|
298
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
299
|
+
[`&.ak-editor-selected-node:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]:
|
|
300
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
301
|
+
[
|
|
302
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
303
|
+
boxShadowSelectionStyles],
|
|
304
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
305
|
+
'&.danger': {
|
|
306
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
307
|
+
'.media-card-frame::after': {
|
|
308
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
309
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`,
|
|
310
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
311
|
+
background: `${"var(--ds-background-danger, #FFECEB)"} !important`
|
|
312
|
+
},
|
|
313
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
314
|
+
'.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after': {
|
|
315
|
+
background: "var(--ds-border-danger, #E2483D)"
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
320
|
+
[`.${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME}`]: {
|
|
321
|
+
padding: 0
|
|
322
|
+
}
|
|
323
|
+
});
|
|
324
|
+
|
|
172
325
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
173
326
|
export const smartLinksInLivePagesStyles = css({
|
|
174
327
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
@@ -117,6 +117,52 @@ export const statusStylesMixin_fg_platform_component_visual_refresh = css({
|
|
|
117
117
|
}
|
|
118
118
|
});
|
|
119
119
|
|
|
120
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
121
|
+
export const statusStylesMixin_fg_platform_component_visual_refresh_with_search_match = css({
|
|
122
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
123
|
+
'.statusView-content-wrap:not(.search-match-block)': {
|
|
124
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
125
|
+
'&.ak-editor-selected-node .status-lozenge-span > span': {
|
|
126
|
+
boxShadow: `0 0 0 2px ${"var(--ds-border-selected, #0C66E4)"}`
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
130
|
+
'[data-prosemirror-node-name="status"] .lozenge-text': {
|
|
131
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
132
|
+
color: '#292A2E'
|
|
133
|
+
},
|
|
134
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
135
|
+
'[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
|
|
136
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
137
|
+
backgroundColor: '#DDDEE1'
|
|
138
|
+
},
|
|
139
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
140
|
+
'[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
|
|
141
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
142
|
+
backgroundColor: '#D8A0F7'
|
|
143
|
+
},
|
|
144
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
145
|
+
'[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
|
|
146
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
147
|
+
backgroundColor: '#8FB8F6'
|
|
148
|
+
},
|
|
149
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
150
|
+
'[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
|
|
151
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
152
|
+
backgroundColor: '#F9C84E'
|
|
153
|
+
},
|
|
154
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
155
|
+
'[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
|
|
156
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
157
|
+
backgroundColor: '#FD9891'
|
|
158
|
+
},
|
|
159
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
160
|
+
'[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
|
|
161
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
162
|
+
backgroundColor: '#B3DF72'
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
|
|
120
166
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
121
167
|
export const statusStylesMixin_without_fg_platform_component_visual_refresh = css({
|
|
122
168
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -185,4 +231,74 @@ export const statusStylesMixin_without_fg_platform_component_visual_refresh = cs
|
|
|
185
231
|
'[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
|
|
186
232
|
color: "var(--ds-text-success, #216E4E)"
|
|
187
233
|
}
|
|
234
|
+
});
|
|
235
|
+
|
|
236
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
237
|
+
export const statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match = css({
|
|
238
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
239
|
+
'.statusView-content-wrap:not(.search-match-block)': {
|
|
240
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
241
|
+
'&.ak-editor-selected-node .status-lozenge-span > span': {
|
|
242
|
+
// getSelectionStyles([SelectionStyle.BoxShadow]);
|
|
243
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}`,
|
|
244
|
+
borderColor: 'transparent',
|
|
245
|
+
// hideNativeBrowserTextSelectionStyles
|
|
246
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
247
|
+
'&::selection, & *::selection': {
|
|
248
|
+
backgroundColor: 'transparent'
|
|
249
|
+
},
|
|
250
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
251
|
+
'&::-moz-selection, & *::-moz-selection': {
|
|
252
|
+
backgroundColor: 'transparent'
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
},
|
|
256
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
257
|
+
'[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
|
|
258
|
+
backgroundColor: "var(--ds-background-neutral, #091E420F)"
|
|
259
|
+
},
|
|
260
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
261
|
+
'[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
|
|
262
|
+
color: "var(--ds-text-subtle, #44546F)"
|
|
263
|
+
},
|
|
264
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
265
|
+
'[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
|
|
266
|
+
backgroundColor: "var(--ds-background-discovery, #F3F0FF)"
|
|
267
|
+
},
|
|
268
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
269
|
+
'[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
|
|
270
|
+
color: "var(--ds-text-discovery, #5E4DB2)"
|
|
271
|
+
},
|
|
272
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
273
|
+
'[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
|
|
274
|
+
backgroundColor: "var(--ds-background-information, #E9F2FF)"
|
|
275
|
+
},
|
|
276
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
277
|
+
'[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
|
|
278
|
+
color: "var(--ds-text-information, #0055CC)"
|
|
279
|
+
},
|
|
280
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
281
|
+
'[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
|
|
282
|
+
backgroundColor: "var(--ds-background-warning, #FFF7D6)"
|
|
283
|
+
},
|
|
284
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
285
|
+
'[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
|
|
286
|
+
color: "var(--ds-text-warning, #A54800)"
|
|
287
|
+
},
|
|
288
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
289
|
+
'[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
|
|
290
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)"
|
|
291
|
+
},
|
|
292
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
293
|
+
'[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
|
|
294
|
+
color: "var(--ds-text-danger, #AE2E24)"
|
|
295
|
+
},
|
|
296
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
297
|
+
'[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
|
|
298
|
+
backgroundColor: "var(--ds-background-success, #DCFFF1)"
|
|
299
|
+
},
|
|
300
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
301
|
+
'[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
|
|
302
|
+
color: "var(--ds-text-success, #216E4E)"
|
|
303
|
+
}
|
|
188
304
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "209.1.
|
|
2
|
+
export const version = "209.1.1";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
3
3
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
4
4
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
5
5
|
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Requires manual remediation over time due to use of unsafe nested mixins */
|
|
@@ -21,7 +21,7 @@ import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
|
|
|
21
21
|
import { gapCursorStyles } from '@atlaskit/editor-common/selection';
|
|
22
22
|
import { CodeBlockSharedCssClassName, MediaSharedClassNames, SmartCardSharedCssClassName, annotationSharedStyles, backgroundColorStyles, blockMarksSharedStyles, codeBlockInListSafariFix, codeMarkSharedStyles, dateSharedStyle, embedCardStyles, expandClassNames, getSmartCardSharedStyles, gridStyles, indentationSharedStyles, linkSharedStyle, listsSharedStyles, paragraphSharedStyles, resizerStyles, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, ruleSharedStyles, shadowSharedStyle, smartCardStyles, tasksAndDecisionsStyles, textColorStyles, unsupportedStyles, whitespaceSharedStyles } from '@atlaskit/editor-common/styles';
|
|
23
23
|
import { blocktypeStyles } from '@atlaskit/editor-plugins/block-type/styles';
|
|
24
|
-
import { findReplaceStyles, findReplaceStylesNewYellow, findReplaceStylesNewMagenta } from '@atlaskit/editor-plugins/find-replace/styles';
|
|
24
|
+
import { findReplaceStyles, findReplaceStylesNewYellow, findReplaceStylesNewMagenta, findReplaceStylesNewMagentaNoImportant } from '@atlaskit/editor-plugins/find-replace/styles';
|
|
25
25
|
import { textHighlightStyle } from '@atlaskit/editor-plugins/paste-options-toolbar/styles';
|
|
26
26
|
import { placeholderTextStyles, placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour } from '@atlaskit/editor-plugins/placeholder-text/styles';
|
|
27
27
|
import { SelectionStyle, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorDefaultLayoutWidth, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorSelectedBorderColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles } from '@atlaskit/editor-shared-styles';
|
|
@@ -106,9 +106,10 @@ var mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding = css({
|
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
108
|
var mentionSelectionStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t.danger {\n\t\t.editor-mention-primitive {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n\n\t.", " > .editor-mention-primitive,\n\t.", " > .editor-mention-primitive.mention-self,\n\t.", " > .editor-mention-primitive.mention-restricted {\n\t\t", "\n\t\t/* need to specify dark text colour because personal mentions\n\t (in dark blue) have white text by default */\n\t\tcolor: ", "\n\t}\n"])), akEditorSelectedBorderSize, akEditorDeleteBorder, "var(--ds-background-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"), akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)");
|
|
109
|
-
var
|
|
110
|
-
var
|
|
111
|
-
var
|
|
109
|
+
var mentionsSelectionStylesWithSearchMatch = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\t.danger {\n\t\t.editor-mention-primitive {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n\n\t.", ":not(.search-match-block) > .editor-mention-primitive,\n\t.", ":not(.search-match-block) > .editor-mention-primitive.mention-self,\n\t.", ":not(.search-match-block) > .editor-mention-primitive.mention-restricted {\n\t\t", "\n\t\t/* need to specify dark text colour because personal mentions\n\t (in dark blue) have white text by default */\n\t\tcolor: ", "\n\t}\n\n\t.", ".search-match-block > .editor-mention-primitive,\n\t.", ".search-match-block > .editor-mention-primitive.mention-self,\n\t.", ".search-match-block > .editor-mention-primitive.mention-restricted {\n\t\t", "\n\t\t/* need to specify dark text colour because personal mentions\n\t (in dark blue) have white text by default */\n\t\tcolor: ", "\n\t}\n"])), akEditorSelectedBorderSize, akEditorDeleteBorder, "var(--ds-background-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"), akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)", akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)");
|
|
110
|
+
var mentionsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\t.", " {\n\t\t&.", " [data-mention-id] > span {\n\t\t\t", "\n\n\t\t\t/* need to specify dark text colour because personal mentions\n\t\t\t(in dark blue) have white text by default */\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n\n\t.danger {\n\t\t.", ".", "\n\t\t\t> span\n\t\t\t> span\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t\t.", " > span > span > span {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), MentionSharedCssClassName.MENTION_CONTAINER, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)", MentionSharedCssClassName.MENTION_CONTAINER, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, akEditorDeleteBorder, "var(--ds-background-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"), MentionSharedCssClassName.MENTION_CONTAINER, "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)");
|
|
111
|
+
var listsStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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\tThe following rule resets the first p tag back to its original margin\n\t\t\tdefined 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)", blockNodesVerticalMargin, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, browser.safari ? codeBlockInListSafariFix : '');
|
|
112
|
+
var emojiStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t.", " {\n\t\tdisplay: inline-block;\n\t}\n\n\t.", ", .", " {\n\t\tbackground: no-repeat transparent;\n\t\tdisplay: inline-block;\n\t\theight: ", "px;\n\t\tmax-height: ", "px;\n\t\tcursor: pointer;\n\t\tvertical-align: middle;\n\t\tuser-select: all;\n\t}\n\n\t.", " {\n\t\t.", ", .", " {\n\t\t\tborder-radius: 2px;\n\t\t\t", "\n\t\t}\n\t}\n"])), EmojiSharedCssClassName.EMOJI_CONTAINER, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, defaultEmojiHeight, defaultEmojiHeight, akEditorSelectedNodeClassName, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow]));
|
|
112
113
|
|
|
113
114
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
114
115
|
export var placeholderStyles = css({
|
|
@@ -143,7 +144,7 @@ var placeholderWrapStyles = css({
|
|
|
143
144
|
whiteSpace: 'nowrap'
|
|
144
145
|
}
|
|
145
146
|
});
|
|
146
|
-
var firstBlockNodeStylesNew = css(
|
|
147
|
+
var firstBlockNodeStylesNew = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-child,\n\t\t> .ProseMirror-widget:first-child + hr {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), PanelSharedCssClassName.prefix, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, expandClassNames.prefix);
|
|
147
148
|
|
|
148
149
|
// Make sure the first floating toolbar button has focus ring when focused via .focus()
|
|
149
150
|
var firstFloatingToolbarButtonStyles = css({
|
|
@@ -161,9 +162,9 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
161
162
|
// Under editor experiment platform_editor_core_static_emotion
|
|
162
163
|
// If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
|
|
163
164
|
var legacyContentStyles = function legacyContentStyles(props) {
|
|
164
|
-
return css(
|
|
165
|
+
return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t--ak-editor--breakout-fallback-width: calc(\n\t\t100cqw - var(--ak-editor--breakout-full-page-guttering-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\n\t\t/* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */\n\t\t--ak-editor--breakout-fallback-width: 100%;\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n /* Switch between the two icons based on the visual refresh feature gate */\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), akEditorGutterPadding, akEditorGutterPaddingDynamic(), akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
|
|
165
166
|
theme: props.theme
|
|
166
|
-
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(
|
|
167
|
+
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, editorExperiment('platform_editor_advanced_code_blocks', true) ? css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", firstFloatingToolbarButtonStyles, placeholderTextStyles, fg('platform_editor_system_fake_text_highlight_colour') && placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), fg('confluence_team_presence_scroll_to_pointer') ? telepointerStyle : telepointerStyleWithInitialOnly, gapCursorStyles, panelStyles(), mentionsStyles, mentionNodeStyles, fg('platform_editor_centre_mention_padding') && mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? mentionsSelectionStylesWithSearchMatch : mentionSelectionStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? fg('platform_editor_find_and_replace_magenta_match') ? fg('platform_editor_find_and_replace_improvements_1') ? findReplaceStylesNewMagentaNoImportant : findReplaceStylesNewMagenta : findReplaceStylesNewYellow : findReplaceStyles, textHighlightStyle, taskDecisionStyles, taskItemStyles, fg('platform-visual-refresh-icons') && decisionIconWithVisualRefresh, !fg('platform-visual-refresh-icons') && decisionIconWithoutVisualRefresh, statusStyles(), statusNodeStyles(), annotationSharedStyles(), smartCardStyles(), getSmartCardSharedStyles(), dateStyles, dateNodeStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, fg('platform_editor_vanilla_codebidi_warning') && codeBidiWarningStyles, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
|
|
167
168
|
};
|
|
168
169
|
export var createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
169
170
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
3
4
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
5
|
import { css } from '@emotion/react';
|
|
5
6
|
import { StatusSharedCssClassName, TableSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
6
7
|
import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, akEditorSelectedBoldBoxShadow, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
7
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
|
|
9
|
+
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
9
10
|
var getVisualRefreshStatusStyles = function getVisualRefreshStatusStyles() {
|
|
10
11
|
return (
|
|
11
12
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
12
|
-
fg('platform-component-visual-refresh') ?
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? css(_defineProperty({}, "&.".concat(akEditorSelectedNodeClassName, ":not('.search-match-block') .").concat(StatusSharedCssClassName.STATUS_LOZENGE, " > span"), {
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
15
|
+
boxShadow: akEditorSelectedBoldBoxShadow
|
|
16
|
+
})) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
17
|
+
css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t\t&.", " .", " > span {\n\t\t\t\t\t\tbox-shadow: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, akEditorSelectedBoldBoxShadow) : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
18
|
+
css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t\t\t&.", ":not('.search-match-block') .", " > span {\n\t\t\t\t\t\t", "\n\t\t\t\t\t}\n\t\t\t\t"])), akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, getSelectionStyles([SelectionStyle.BoxShadow])) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
19
|
+
css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t\t&.", " .", " > span {\n\t\t\t\t\t\t", "\n\t\t\t\t\t}\n\t\t\t\t"])), akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, getSelectionStyles([SelectionStyle.BoxShadow]))
|
|
15
20
|
);
|
|
16
21
|
};
|
|
17
22
|
var getStatusColors = function getStatusColors() {
|
|
@@ -137,8 +142,10 @@ var baseStatusStyles = css({
|
|
|
137
142
|
|
|
138
143
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
139
144
|
export var statusNodeStyles = function statusNodeStyles() {
|
|
140
|
-
return css(
|
|
145
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\t", "\n\t", "\n"])), baseStatusStyles, getStatusColors());
|
|
141
146
|
};
|
|
142
147
|
|
|
143
148
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
144
|
-
export var statusStyles =
|
|
149
|
+
export var statusStyles = function statusStyles() {
|
|
150
|
+
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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\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", "\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"])), TableSharedCssClassName.TABLE_CELL_WRAPPER, TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER, StatusSharedCssClassName.STATUS_CONTAINER, StatusSharedCssClassName.STATUS_CONTAINER, getVisualRefreshStatusStyles(), StatusSharedCssClassName.STATUS_LOZENGE, akEditorDeleteBackgroundWithOpacity, StatusSharedCssClassName.STATUS_CONTAINER, akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, akEditorSelectedBorderSize, akEditorDeleteBorder);
|
|
151
|
+
};
|
|
@@ -32,7 +32,7 @@ import { embedCardStyles } from './styles/embedCardStyles';
|
|
|
32
32
|
import { emojiStyles } from './styles/emoji';
|
|
33
33
|
import { expandStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
|
|
34
34
|
import { extensionStyles } from './styles/extensionStyles';
|
|
35
|
-
import { findReplaceStyles, findReplaceStylesNewMagenta, findReplaceStylesNewYellow } from './styles/findReplaceStyles';
|
|
35
|
+
import { findReplaceStyles, findReplaceStylesNewMagenta, findReplaceStylesNewMagentaNoImportant, findReplaceStylesNewYellow } from './styles/findReplaceStyles';
|
|
36
36
|
import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
|
|
37
37
|
import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
|
|
38
38
|
import { fullPageEditorStyles } from './styles/fullPageEditorStyles';
|
|
@@ -44,7 +44,7 @@ import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderN
|
|
|
44
44
|
import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles, linkStylesOld } from './styles/link';
|
|
45
45
|
import { listsStyles, listsStylesSafariFix } from './styles/list';
|
|
46
46
|
import { mediaAlignmentStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
|
|
47
|
-
import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding } from './styles/mentions';
|
|
47
|
+
import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch } from './styles/mentions';
|
|
48
48
|
import { panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_add_border_for_nested_panel, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
|
|
49
49
|
import { paragraphStylesOld, paragraphStylesUGCRefreshed } from './styles/paragraphStyles';
|
|
50
50
|
import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderTextStylesMixin_fg_platform_editor_system_fake_text_highlight_colour, placeholderWrapStyles } from './styles/placeholderStyles';
|
|
@@ -54,8 +54,8 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
|
54
54
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
55
55
|
import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
|
|
56
56
|
import { shadowStyles } from './styles/shadowStyles';
|
|
57
|
-
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
|
|
58
|
-
import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
|
|
57
|
+
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
|
|
58
|
+
import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
|
|
59
59
|
import { tableCommentEditorStyles, tableLayoutFixes } from './styles/tableStyles';
|
|
60
60
|
import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles } from './styles/tasksAndDecisionsStyles';
|
|
61
61
|
import { telepointerColorAndCommonStyle, telepointerStyle, telepointerStyleWithInitialOnly } from './styles/telepointerStyles';
|
|
@@ -182,9 +182,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
182
182
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
183
183
|
expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
|
|
184
184
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
185
|
-
fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? fg('platform_editor_find_and_replace_magenta_match') ?
|
|
185
|
+
fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? fg('platform_editor_find_and_replace_magenta_match') ? fg('platform_editor_find_and_replace_improvements_1')
|
|
186
186
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
187
|
-
|
|
187
|
+
? findReplaceStylesNewMagentaNoImportant
|
|
188
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
189
|
+
: findReplaceStylesNewMagenta :
|
|
188
190
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
189
191
|
findReplaceStylesNewYellow :
|
|
190
192
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -200,15 +202,21 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
200
202
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
201
203
|
decisionIconWithoutVisualRefresh,
|
|
202
204
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
203
|
-
statusStyles, fg('platform-component-visual-refresh') ?
|
|
205
|
+
statusStyles, fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1')
|
|
206
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
207
|
+
? statusStylesMixin_fg_platform_component_visual_refresh_with_search_match
|
|
208
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
209
|
+
: statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1')
|
|
204
210
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
205
|
-
|
|
211
|
+
? statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match
|
|
206
212
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
207
|
-
statusStylesMixin_without_fg_platform_component_visual_refresh,
|
|
213
|
+
: statusStylesMixin_without_fg_platform_component_visual_refresh,
|
|
208
214
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
209
|
-
annotationStyles,
|
|
215
|
+
annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1')
|
|
210
216
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
211
|
-
|
|
217
|
+
? smartCardStylesWithSearchMatch
|
|
218
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
219
|
+
: smartCardStyles, expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') && fg('platform_editor_controls_patch_15') &&
|
|
212
220
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
213
221
|
editorControlsSmartCardStyles,
|
|
214
222
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -302,9 +310,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
302
310
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
303
311
|
firstBlockNodeStyles,
|
|
304
312
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
305
|
-
mentionNodeStyles,
|
|
313
|
+
mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1')
|
|
314
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
315
|
+
? mentionsSelectionStylesWithSearchMatch
|
|
306
316
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
307
|
-
mentionsSelectionStyles, fg('platform_editor_centre_mention_padding') &&
|
|
317
|
+
: mentionsSelectionStyles, fg('platform_editor_centre_mention_padding') &&
|
|
308
318
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
309
319
|
mentionsStylesMixin_platform_editor_centre_mention_padding,
|
|
310
320
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|