@atlaskit/editor-core 208.7.0 → 208.7.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/ContentStyles/index.js +6 -15
- package/dist/cjs/ui/ContentStyles/tasks-and-decisions.js +50 -37
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +5 -17
- package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +16 -38
- package/dist/cjs/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +89 -119
- package/dist/cjs/ui/EditorContentContainer/styles/telepointerStyles.js +6 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ContentStyles/index.js +17 -50
- package/dist/es2019/ui/ContentStyles/tasks-and-decisions.js +49 -57
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +7 -19
- package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +25 -59
- package/dist/es2019/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +56 -66
- package/dist/es2019/ui/EditorContentContainer/styles/telepointerStyles.js +6 -6
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/ContentStyles/index.js +7 -16
- package/dist/esm/ui/ContentStyles/tasks-and-decisions.js +49 -38
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +7 -19
- package/dist/esm/ui/EditorContentContainer/styles/emoji.js +15 -37
- package/dist/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +88 -116
- package/dist/esm/ui/EditorContentContainer/styles/telepointerStyles.js +6 -6
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ContentStyles/tasks-and-decisions.d.ts +3 -4
- package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts +1 -2
- package/dist/types/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +4 -5
- package/dist/types-ts4.5/ui/ContentStyles/tasks-and-decisions.d.ts +3 -4
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/emoji.d.ts +1 -2
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +4 -5
- package/package.json +2 -2
|
@@ -2,7 +2,6 @@ import { css } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-stylin
|
|
|
2
2
|
|
|
3
3
|
import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
|
|
4
4
|
const akEditorLineHeight = 1.714;
|
|
5
|
-
const akEditorSelectedBorderSize = 1;
|
|
6
5
|
const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
7
6
|
export const TaskDecisionSharedCssClassName = {
|
|
8
7
|
DECISION_CONTAINER: 'decisionItemView-content-wrap',
|
|
@@ -10,39 +9,6 @@ export const TaskDecisionSharedCssClassName = {
|
|
|
10
9
|
TASK_ITEM: 'task-item',
|
|
11
10
|
TASK_CHECKBOX_CONTAINER: 'task-item-checkbox-wrap'
|
|
12
11
|
};
|
|
13
|
-
const decisionSelectionStyles = css({
|
|
14
|
-
borderRadius: '4px'
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
18
|
-
export const decisionStyles = css({
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
20
|
-
'[data-decision-wrapper]': {
|
|
21
|
-
cursor: 'pointer'
|
|
22
|
-
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
24
|
-
[`.${akEditorSelectedNodeClassName} > [data-decision-wrapper], ol[data-node-type='decisionList'].${akEditorSelectedNodeClassName}`]:
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
26
|
-
[decisionSelectionStyles,
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
28
|
-
boxShadowSelectionStyles,
|
|
29
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
30
|
-
blanketSelectionStyles,
|
|
31
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
32
|
-
hideNativeBrowserTextSelectionStyles],
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
34
|
-
'.danger': {
|
|
35
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
36
|
-
[`.${TaskDecisionSharedCssClassName.DECISION_CONTAINER}.${akEditorSelectedNodeClassName} > div`]: {
|
|
37
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
38
|
-
boxShadow: `0 0 0 ${akEditorSelectedBorderSize}px ${"var(--ds-border-danger, #E2483D)"}`,
|
|
39
|
-
backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
|
|
40
|
-
'&::after': {
|
|
41
|
-
content: 'none' // reset the Blanket selection style
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
12
|
|
|
47
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
48
14
|
export const tasksAndDecisionsStyles = css({
|
|
@@ -108,15 +74,39 @@ export const tasksAndDecisionsStyles = css({
|
|
|
108
74
|
}
|
|
109
75
|
});
|
|
110
76
|
|
|
111
|
-
// Combine this with taskDecisionStyles (above) when cleaning up the platform_editor_vanilla_dom experiment.
|
|
112
77
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
113
|
-
export const
|
|
78
|
+
export const decisionStyles = css({
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
80
|
+
[`.${akEditorSelectedNodeClassName} > [data-decision-wrapper], ol[data-node-type='decisionList'].${akEditorSelectedNodeClassName}`]:
|
|
81
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
82
|
+
[{
|
|
83
|
+
borderRadius: '4px'
|
|
84
|
+
},
|
|
85
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
86
|
+
boxShadowSelectionStyles,
|
|
87
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
88
|
+
blanketSelectionStyles,
|
|
89
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
90
|
+
hideNativeBrowserTextSelectionStyles],
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
92
|
+
'.danger': {
|
|
93
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
94
|
+
[`.${TaskDecisionSharedCssClassName.DECISION_CONTAINER}.${akEditorSelectedNodeClassName} > div`]: {
|
|
95
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
96
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
|
|
97
|
+
backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
|
|
98
|
+
'&::after': {
|
|
99
|
+
content: 'none' // reset the Blanket selection style
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
},
|
|
114
103
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
115
|
-
'[data-prosemirror-node-
|
|
104
|
+
'[data-prosemirror-node-name="decisionItem"]': {
|
|
116
105
|
listStyleType: 'none'
|
|
117
106
|
},
|
|
118
107
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
119
|
-
'[data-prosemirror-node-
|
|
108
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper]': {
|
|
109
|
+
cursor: 'pointer',
|
|
120
110
|
display: 'flex',
|
|
121
111
|
flexDirection: 'row',
|
|
122
112
|
margin: `${"var(--ds-space-100, 8px)"} 0 0 0`,
|
|
@@ -127,7 +117,7 @@ export const vanillaDecisionStyles = css({
|
|
|
127
117
|
position: 'relative'
|
|
128
118
|
},
|
|
129
119
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
130
|
-
'[data-prosemirror-node-
|
|
120
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"]': {
|
|
131
121
|
flex: '0 0 16px',
|
|
132
122
|
height: '16px',
|
|
133
123
|
width: '16px',
|
|
@@ -138,25 +128,25 @@ export const vanillaDecisionStyles = css({
|
|
|
138
128
|
justifyContent: 'center'
|
|
139
129
|
},
|
|
140
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
141
|
-
'[data-prosemirror-node-
|
|
131
|
+
'[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="icon"]': {
|
|
142
132
|
color: "var(--ds-icon-success, #22A06B)"
|
|
143
133
|
},
|
|
144
134
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
145
|
-
'[data-prosemirror-node-
|
|
135
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
|
|
146
136
|
display: 'inline-block',
|
|
147
137
|
flexShrink: 0,
|
|
148
138
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography -- Mirroring icon styles
|
|
149
139
|
lineHeight: 1
|
|
150
140
|
},
|
|
151
141
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
152
|
-
'[data-prosemirror-node-
|
|
142
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
|
|
153
143
|
overflow: 'hidden',
|
|
154
144
|
pointerEvents: 'none',
|
|
155
145
|
color: 'currentColor',
|
|
156
146
|
verticalAlign: 'bottom'
|
|
157
147
|
},
|
|
158
148
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
159
|
-
'[data-prosemirror-node-
|
|
149
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="placeholder"]': {
|
|
160
150
|
margin: `0 0 0 calc(${"var(--ds-space-100, 8px)"} * 3.5)`,
|
|
161
151
|
position: 'absolute',
|
|
162
152
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
@@ -167,11 +157,11 @@ export const vanillaDecisionStyles = css({
|
|
|
167
157
|
maxWidth: 'calc(100% - 50px)'
|
|
168
158
|
},
|
|
169
159
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
170
|
-
'[data-prosemirror-node-
|
|
160
|
+
'[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="placeholder"]': {
|
|
171
161
|
display: 'none'
|
|
172
162
|
},
|
|
173
163
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
174
|
-
'[data-prosemirror-node-
|
|
164
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="content"]': {
|
|
175
165
|
margin: 0,
|
|
176
166
|
wordWrap: 'break-word',
|
|
177
167
|
minWidth: 0,
|
|
@@ -180,13 +170,13 @@ export const vanillaDecisionStyles = css({
|
|
|
180
170
|
});
|
|
181
171
|
|
|
182
172
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
183
|
-
export const
|
|
173
|
+
export const decisionIconWithVisualRefresh = css({
|
|
184
174
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
185
|
-
'[data-prosemirror-node-
|
|
175
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg[data-icon-source="legacy"]': {
|
|
186
176
|
display: 'none'
|
|
187
177
|
},
|
|
188
178
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
189
|
-
'[data-prosemirror-node-
|
|
179
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
|
|
190
180
|
boxSizing: 'border-box',
|
|
191
181
|
paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
|
|
192
182
|
paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)',
|
|
@@ -196,20 +186,20 @@ export const vanillaDecisionIconWithVisualRefresh = css({
|
|
|
196
186
|
}
|
|
197
187
|
},
|
|
198
188
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
199
|
-
'[data-prosemirror-node-
|
|
189
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
|
|
200
190
|
width: "var(--ds-space-300, 24px)",
|
|
201
191
|
height: "var(--ds-space-300, 24px)"
|
|
202
192
|
}
|
|
203
193
|
});
|
|
204
194
|
|
|
205
195
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
206
|
-
export const
|
|
196
|
+
export const decisionIconWithoutVisualRefresh = css({
|
|
207
197
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
208
|
-
'[data-prosemirror-node-
|
|
198
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg[data-icon-source="refreshed"]': {
|
|
209
199
|
display: 'none'
|
|
210
200
|
},
|
|
211
201
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
212
|
-
'[data-prosemirror-node-
|
|
202
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
|
|
213
203
|
width: '32px',
|
|
214
204
|
height: '32px',
|
|
215
205
|
'@media screen and (forced-colors: active)': {
|
|
@@ -219,7 +209,7 @@ export const vanillaDecisionIconWithoutVisualRefresh = css({
|
|
|
219
209
|
}
|
|
220
210
|
},
|
|
221
211
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
222
|
-
'[data-prosemirror-node-
|
|
212
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
|
|
223
213
|
maxWidth: '100%',
|
|
224
214
|
maxHeight: '100%',
|
|
225
215
|
fill: "var(--ds-surface, #FFFFFF)",
|
|
@@ -229,19 +219,19 @@ export const vanillaDecisionIconWithoutVisualRefresh = css({
|
|
|
229
219
|
});
|
|
230
220
|
|
|
231
221
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
232
|
-
export const
|
|
222
|
+
export const taskItemStyles = css({
|
|
233
223
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
234
|
-
'[data-prosemirror-node-
|
|
224
|
+
'[data-prosemirror-node-name="taskItem"]': {
|
|
235
225
|
listStyle: 'none'
|
|
236
226
|
},
|
|
237
227
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
238
|
-
'[data-prosemirror-node-
|
|
228
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="task-item-main"]': {
|
|
239
229
|
display: 'flex',
|
|
240
230
|
flexDirection: 'row',
|
|
241
231
|
position: 'relative'
|
|
242
232
|
},
|
|
243
233
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
244
|
-
'[data-prosemirror-node-
|
|
234
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="placeholder"]': {
|
|
245
235
|
position: 'absolute',
|
|
246
236
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
247
237
|
margin: `0 0 0 calc(${"var(--ds-space-100, 8px)"} * 3)`,
|
|
@@ -253,11 +243,11 @@ export const vanillaTaskItemStyles = css({
|
|
|
253
243
|
display: 'none'
|
|
254
244
|
},
|
|
255
245
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
256
|
-
"[data-prosemirror-node-
|
|
246
|
+
"[data-prosemirror-node-name='taskItem']:has([data-empty]):not(:has([data-type-ahead])) [data-component='placeholder']": {
|
|
257
247
|
display: 'block'
|
|
258
248
|
},
|
|
259
249
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
260
|
-
'[data-prosemirror-node-
|
|
250
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="content"]': {
|
|
261
251
|
margin: 0,
|
|
262
252
|
wordWrap: 'break-word',
|
|
263
253
|
minWidth: 0,
|
|
@@ -265,7 +255,7 @@ export const vanillaTaskItemStyles = css({
|
|
|
265
255
|
},
|
|
266
256
|
// copied styles from packages/design-system/icon/src/components/icon-new.tsx
|
|
267
257
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
268
|
-
'[data-prosemirror-node-
|
|
258
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
|
|
269
259
|
display: 'inline-block',
|
|
270
260
|
boxSizing: 'border-box',
|
|
271
261
|
flexShrink: 0,
|
|
@@ -275,7 +265,7 @@ export const vanillaTaskItemStyles = css({
|
|
|
275
265
|
paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
|
|
276
266
|
},
|
|
277
267
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
278
|
-
'[data-prosemirror-node-
|
|
268
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
|
|
279
269
|
overflow: 'hidden',
|
|
280
270
|
pointerEvents: 'none',
|
|
281
271
|
color: 'currentColor',
|
|
@@ -284,23 +274,23 @@ export const vanillaTaskItemStyles = css({
|
|
|
284
274
|
height: "var(--ds-space-200, 16px)"
|
|
285
275
|
},
|
|
286
276
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
287
|
-
'[data-prosemirror-node-
|
|
277
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
|
|
288
278
|
display: 'none'
|
|
289
279
|
},
|
|
290
280
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
291
|
-
'[data-prosemirror-node-
|
|
281
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
|
|
292
282
|
display: 'inline'
|
|
293
283
|
},
|
|
294
284
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
295
|
-
'[data-prosemirror-node-
|
|
285
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
|
|
296
286
|
display: 'inline'
|
|
297
287
|
},
|
|
298
288
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
299
|
-
'[data-prosemirror-node-
|
|
289
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
|
|
300
290
|
display: 'none'
|
|
301
291
|
},
|
|
302
292
|
// 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
|
|
303
|
-
[`[data-prosemirror-node-
|
|
293
|
+
[`[data-prosemirror-node-name="taskItem"] .${TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER}`]: {
|
|
304
294
|
flex: '0 0 24px',
|
|
305
295
|
width: '24px',
|
|
306
296
|
height: '24px',
|
|
@@ -7,12 +7,12 @@ const pulseIn = keyframes({
|
|
|
7
7
|
transform: 'scaleX(0)',
|
|
8
8
|
opacity: 0
|
|
9
9
|
},
|
|
10
|
-
'
|
|
11
|
-
transform: 'scaleX(1.4)
|
|
10
|
+
'10%': {
|
|
11
|
+
transform: 'scaleX(1.4)',
|
|
12
12
|
opacity: 1
|
|
13
13
|
},
|
|
14
|
-
'
|
|
15
|
-
transform: 'scaleX(1)
|
|
14
|
+
'15%, 85%': {
|
|
15
|
+
transform: 'scaleX(1)',
|
|
16
16
|
opacity: 1
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -181,10 +181,10 @@ export const telepointerStyle = css({
|
|
|
181
181
|
},
|
|
182
182
|
'&.telepointer-pulse-animate': {
|
|
183
183
|
'.telepointer-initial': {
|
|
184
|
-
animation: `${pulseOut}
|
|
184
|
+
animation: `${pulseOut} 2.5s ease-in-out`
|
|
185
185
|
},
|
|
186
186
|
'.telepointer-fullname': {
|
|
187
|
-
animation: `${pulseIn}
|
|
187
|
+
animation: `${pulseIn} 2.5s ease-in-out`
|
|
188
188
|
}
|
|
189
189
|
},
|
|
190
190
|
'&.telepointer-pulse-during-tr': {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "208.
|
|
2
|
+
export const version = "208.7.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;
|
|
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 */
|
|
@@ -39,7 +39,7 @@ import { layoutStyles } from './layout';
|
|
|
39
39
|
import { mediaStyles } from './media';
|
|
40
40
|
import { panelStyles } from './panel';
|
|
41
41
|
import { statusStyles, statusNodeStyles } from './status';
|
|
42
|
-
import { taskDecisionStyles,
|
|
42
|
+
import { taskDecisionStyles, taskDecisionIconWithoutVisualRefresh as decisionIconWithoutVisualRefresh, taskDecisionIconWithVisualRefresh as decisionIconWithVisualRefresh, taskItemStyles } from './tasks-and-decisions';
|
|
43
43
|
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
45
45
|
export var linkStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t}\n"])), linkSharedStyle());
|
|
@@ -107,8 +107,7 @@ var mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding = css({
|
|
|
107
107
|
var vanillaSelectionStyles = 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)");
|
|
108
108
|
var mentionsStyles = css(_templateObject4 || (_templateObject4 = _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 (in dark blue) have white text by default */\n color: ", ";\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)");
|
|
109
109
|
var listsStyles = css(_templateObject5 || (_templateObject5 = _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 : '');
|
|
110
|
-
var
|
|
111
|
-
var emojiStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t[data-prosemirror-node-view-type='vanilla'] {\n\t\t.", " {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.", ", .", " {\n\t\t\tbackground: no-repeat transparent;\n\t\t\tdisplay: inline-block;\n\t\t\theight: ", "px;\n\t\t\tmax-height: ", "px;\n\t\t\tcursor: pointer;\n\t\t\tvertical-align: middle;\n\t\t\tuser-select: all;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), EmojiSharedCssClassName.EMOJI_CONTAINER, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, defaultEmojiHeight, defaultEmojiHeight, akEditorSelectedNodeClassName, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow]));
|
|
110
|
+
var emojiStyles = css(_templateObject6 || (_templateObject6 = _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
111
|
|
|
113
112
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
114
113
|
export var placeholderStyles = css({
|
|
@@ -143,7 +142,7 @@ var placeholderWrapStyles = css({
|
|
|
143
142
|
whiteSpace: 'nowrap'
|
|
144
143
|
}
|
|
145
144
|
});
|
|
146
|
-
var firstBlockNodeStylesNew = css(
|
|
145
|
+
var firstBlockNodeStylesNew = css(_templateObject7 || (_templateObject7 = _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
146
|
|
|
148
147
|
// Make sure the first floating toolbar button has focus ring when focused via .focus()
|
|
149
148
|
var firstFloatingToolbarButtonStyles = css({
|
|
@@ -161,19 +160,11 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
161
160
|
// Under editor experiment platform_editor_core_static_emotion
|
|
162
161
|
// If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
|
|
163
162
|
var legacyContentStyles = function legacyContentStyles(props) {
|
|
164
|
-
return css(
|
|
163
|
+
return css(_templateObject8 || (_templateObject8 = _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\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
164
|
theme: props.theme
|
|
166
|
-
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(
|
|
165
|
+
}), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(_templateObject9 || (_templateObject9 = _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(_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, "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, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
167
166
|
exposure: false
|
|
168
|
-
}) && vanillaSelectionStyles,
|
|
169
|
-
exposure: false
|
|
170
|
-
}) ? emojiStyles : reactEmojiStyles, 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') ? findReplaceStylesNewMagenta : findReplaceStylesNewYellow : findReplaceStyles, textHighlightStyle, taskDecisionStyles, vanillaTaskItemStyles, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
171
|
-
exposure: false
|
|
172
|
-
}) && vanillaDecisionStyles, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
173
|
-
exposure: false
|
|
174
|
-
}) && fg('platform-visual-refresh-icons') && vanillaDecisionIconWithVisualRefresh, editorExperiment('platform_editor_vanilla_dom', true, {
|
|
175
|
-
exposure: false
|
|
176
|
-
}) && !fg('platform-visual-refresh-icons') && vanillaDecisionIconWithoutVisualRefresh, statusStyles, statusNodeStyles(), annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, dateStyles, dateNodeStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, 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
|
+
}) && vanillaSelectionStyles, 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') ? findReplaceStylesNewMagenta : findReplaceStylesNewYellow : findReplaceStyles, textHighlightStyle, taskDecisionStyles, taskItemStyles, fg('platform-visual-refresh-icons') && decisionIconWithVisualRefresh, !fg('platform-visual-refresh-icons') && decisionIconWithoutVisualRefresh, statusStyles, statusNodeStyles(), annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, dateStyles, dateNodeStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject1 || (_templateObject1 = _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);
|
|
177
168
|
};
|
|
178
169
|
export var createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
179
170
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|