@ckeditor/ckeditor5-collaboration-core 42.0.1-alpha.1 → 42.0.1-alpha.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.
Files changed (3) hide show
  1. package/dist/index-content.css +84 -0
  2. package/dist/index-editor.css +74 -1
  3. package/package.json +2 -2
package/dist/index-content.css CHANGED
@@ -29,18 +29,22 @@
29
29
  border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
30
30
  border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
31
31
  background: var(--ck-color-suggestion-marker-insertion-background);
32
+
32
33
  }
33
34
  .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active {
34
35
  border-color: var(--ck-color-suggestion-marker-insertion-border-active);
35
36
  background: var(--ck-color-suggestion-marker-insertion-background-active);
37
+
36
38
  }
37
39
  .ck-content .ck-suggestion-marker-insertion.ck-widget {
38
40
  background: none;
39
41
  text-decoration: none;
40
42
  border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
43
+
41
44
  }
42
45
  .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-suggestion-marker--active {
43
46
  border-color: var(--ck-color-suggestion-marker-insertion-border-active);
47
+
44
48
  }
45
49
  .ck-content .ck-suggestion-marker-deletion {
46
50
  border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
@@ -49,18 +53,22 @@ text-decoration: line-through;
49
53
  text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
50
54
  text-decoration-thickness: 3px;
51
55
  background: var(--ck-color-suggestion-marker-deletion-background);
56
+
52
57
  }
53
58
  .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active {
54
59
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
55
60
  background: var(--ck-color-suggestion-marker-deletion-background-active);
61
+
56
62
  }
57
63
  .ck-content .ck-suggestion-marker-deletion.ck-widget {
58
64
  background: none;
59
65
  text-decoration: none;
60
66
  border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
67
+
61
68
  }
62
69
  .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-suggestion-marker--active {
63
70
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
71
+
64
72
  }
65
73
  .ck-content .ck-suggestion-marker-merge::after {
66
74
  border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
@@ -70,10 +78,12 @@ text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
70
78
  background: var(--ck-color-suggestion-marker-deletion-background);
71
79
  color: var(--ck-color-suggestion-marker-deletion-stroke);
72
80
  content: '¶';
81
+
73
82
  }
74
83
  .ck-content .ck-suggestion-marker-merge.ck-suggestion-marker--active::after {
75
84
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
76
85
  background: var(--ck-color-suggestion-marker-deletion-background-active);
86
+
77
87
  }
78
88
  .ck-content .ck-suggestion-marker-split::after {
79
89
  border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
@@ -81,252 +91,326 @@ border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
81
91
  background: var(--ck-color-suggestion-marker-insertion-background);
82
92
  color: var(--ck-color-suggestion-marker-insertion-border);
83
93
  content: '¶';
94
+
84
95
  }
85
96
  .ck-content .ck-suggestion-marker-split.ck-suggestion-marker--active::after {
86
97
  border-color: var(--ck-color-suggestion-marker-insertion-border-active);
87
98
  background: var(--ck-color-suggestion-marker-insertion-background-active);
99
+
88
100
  }
89
101
  .ck-content .ck-suggestion-marker-formatInline {
90
102
  border-top: 3px solid var(--ck-color-suggestion-marker-format-border);
91
103
  border-bottom: 3px solid var(--ck-color-suggestion-marker-format-border);
104
+
92
105
  }
93
106
  .ck-content .ck-suggestion-marker-formatInline.ck-suggestion-marker--active {
94
107
  border-color: var(--ck-color-suggestion-marker-format-border-active);
108
+
95
109
  }
96
110
  .ck-content .ck-suggestion-marker-formatInline.ck-widget {
97
111
  background: none;
98
112
  border: 3px solid var(--ck-color-suggestion-marker-format-border);
113
+
99
114
  }
100
115
  .ck-content .ck-suggestion-marker-formatInline.ck-widget.ck-suggestion-marker--active {
101
116
  border-color: var(--ck-color-suggestion-marker-format-border-active);
117
+
102
118
  }
103
119
  .ck-content .ck-suggestion-marker-formatBlock {
104
120
  border: 0;
105
121
  background: none;
106
122
  box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
123
+
107
124
  }
108
125
  .ck-content .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
109
126
  box-shadow: -5px 0 0 0 var(--ck-color-base-background), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
127
+
110
128
  }
111
129
  .ck-content ul .ck-suggestion-marker-formatBlock {
112
130
  box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border);
131
+
113
132
  }
114
133
  .ck-content ul .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
115
134
  box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
135
+
116
136
  }
117
137
  .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion {
118
138
  background-color: var(--ck-color-suggestion-widget-deletion-background);
119
139
  border: none;
140
+
120
141
  }
121
142
  .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
122
143
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
144
+
123
145
  }
124
146
  .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion {
125
147
  background-color: var(--ck-color-suggestion-widget-insertion-background);
126
148
  border: none;
149
+
127
150
  }
128
151
  .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
129
152
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
153
+
130
154
  }
131
155
  .ck-content .ck-suggestion-marker-deletion.ck-widget.image {
132
156
  background-color: var(--ck-color-suggestion-widget-deletion-background);
157
+
133
158
  }
134
159
  .ck-content .ck-suggestion-marker-deletion.ck-widget.image img {
135
160
  opacity: 0.6;
161
+
136
162
  }
137
163
  .ck-content .ck-suggestion-marker-deletion.ck-widget.image figcaption {
138
164
  background-color: var(--ck-color-suggestion-widget-deletion-background);
165
+
139
166
  }
140
167
  .ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active {
141
168
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
169
+
142
170
  }
143
171
  .ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active figcaption {
144
172
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
173
+
145
174
  }
146
175
  .ck-content .ck-suggestion-marker-insertion.ck-widget.image {
147
176
  background-color: var(--ck-color-suggestion-widget-insertion-background);
177
+
148
178
  }
149
179
  .ck-content .ck-suggestion-marker-insertion.ck-widget.image figcaption {
150
180
  background-color: var(--ck-color-suggestion-widget-insertion-background);
181
+
151
182
  }
152
183
  .ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active {
153
184
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
185
+
154
186
  }
155
187
  .ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active figcaption {
156
188
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
189
+
157
190
  }
158
191
  .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line {
159
192
  background-color: var(--ck-color-suggestion-widget-deletion-background);
193
+
160
194
  }
161
195
  .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
162
196
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
197
+
163
198
  }
164
199
  .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line {
165
200
  background-color: var(--ck-color-suggestion-widget-insertion-background);
201
+
166
202
  }
167
203
  .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
168
204
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
205
+
169
206
  }
170
207
  .ck-content .ck-suggestion-marker-deletion.ck-widget.media {
171
208
  background-color: var(--ck-color-suggestion-widget-deletion-background);
209
+
172
210
  }
173
211
  .ck-content .ck-suggestion-marker-deletion.ck-widget.media .ck-media__wrapper {
174
212
  opacity: 0.6;
213
+
175
214
  }
176
215
  .ck-content .ck-suggestion-marker-deletion.ck-widget.media.ck-suggestion-marker--active {
177
216
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
217
+
178
218
  }
179
219
  .ck-content .ck-suggestion-marker-insertion.ck-widget.media {
180
220
  background-color: var(--ck-color-suggestion-widget-insertion-background);
221
+
181
222
  }
182
223
  .ck-content .ck-suggestion-marker-insertion.ck-widget.media.ck-suggestion-marker--active {
183
224
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
225
+
184
226
  }
185
227
  .ck-content .ck-suggestion-marker-deletion.ck-widget.page-break {
186
228
  background-color: var(--ck-color-suggestion-widget-deletion-background);
229
+
187
230
  }
188
231
  .ck-content .ck-suggestion-marker-deletion.ck-widget.page-break.ck-suggestion-marker--active {
189
232
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
233
+
190
234
  }
191
235
  .ck-content .ck-suggestion-marker-insertion.ck-widget.page-break {
192
236
  background-color: var(--ck-color-suggestion-widget-insertion-background);
237
+
193
238
  }
194
239
  .ck-content .ck-suggestion-marker-insertion.ck-widget.page-break.ck-suggestion-marker--active {
195
240
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
241
+
196
242
  }
197
243
  .ck-content figure.table .ck-suggestion-marker-formatBlock {
198
244
  box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border);
245
+
199
246
  }
200
247
  .ck-content figure.table .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
201
248
  box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
249
+
202
250
  }
203
251
  .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion {
204
252
  background-color: var(--ck-color-suggestion-widget-deletion-background);
205
253
  border: none;
254
+
206
255
  }
207
256
  .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
208
257
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
258
+
209
259
  }
210
260
  .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion {
211
261
  background-color: var(--ck-color-suggestion-widget-insertion-background);
212
262
  border: none;
263
+
213
264
  }
214
265
  .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
215
266
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
267
+
216
268
  }
217
269
  .ck-content .ck-suggestion-marker-insertion.table {
218
270
  border-color: var(--ck-color-suggestion-marker-insertion-border);
271
+
219
272
  }
220
273
  .ck-content .ck-suggestion-marker-insertion.table > figcaption {
221
274
  background-color: var(--ck-color-suggestion-widget-insertion-background);
275
+
222
276
  }
223
277
  .ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > th {
224
278
  background-color: var(--ck-color-suggestion-widget-th-insertion-background);
225
279
  border-color: var(--ck-color-suggestion-marker-insertion-border);
280
+
226
281
  }
227
282
  .ck-content .ck-suggestion-marker-insertion.table > table > thead > tr > th {
228
283
  background-color: var(--ck-color-suggestion-widget-th-insertion-background);
229
284
  border-color: var(--ck-color-suggestion-marker-insertion-border);
285
+
230
286
  }
231
287
  .ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > td {
232
288
  background-color: var(--ck-color-suggestion-widget-insertion-background);
233
289
  border-color: var(--ck-color-suggestion-marker-insertion-border);
290
+
234
291
  }
235
292
  .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table {
236
293
  border-color: var(--ck-color-suggestion-marker-insertion-border-active);
294
+
237
295
  }
238
296
  .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > figcaption {
239
297
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
298
+
240
299
  }
241
300
  .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > th {
242
301
  background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
243
302
  border-color: var(--ck-color-suggestion-marker-insertion-border-active);
303
+
244
304
  }
245
305
  .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > thead > tr > th {
246
306
  background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
247
307
  border-color: var(--ck-color-suggestion-marker-insertion-border-active);
308
+
248
309
  }
249
310
  .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > td {
250
311
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
251
312
  border-color: var(--ck-color-suggestion-marker-insertion-border-active);
313
+
252
314
  }
253
315
  .ck-content .ck-suggestion-marker-deletion.ck-widget.table {
254
316
  border-color: var(--ck-color-suggestion-marker-deletion-border);
317
+
255
318
  }
256
319
  .ck-content .ck-suggestion-marker-deletion.ck-widget.table > figcaption {
257
320
  background-color: var(--ck-color-suggestion-widget-deletion-background);
321
+
258
322
  }
259
323
  .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > th {
260
324
  background-color: var(--ck-color-suggestion-widget-th-deletion-background);
261
325
  border-color: var(--ck-color-suggestion-marker-deletion-border);
262
326
  text-decoration: none;
327
+
263
328
  }
264
329
  .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > thead > tr > th {
265
330
  background-color: var(--ck-color-suggestion-widget-th-deletion-background);
266
331
  border-color: var(--ck-color-suggestion-marker-deletion-border);
267
332
  text-decoration: none;
333
+
268
334
  }
269
335
  .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > td {
270
336
  background-color: var(--ck-color-suggestion-widget-deletion-background);
271
337
  border-color: var(--ck-color-suggestion-marker-deletion-border);
272
338
  text-decoration: none;
339
+
273
340
  }
274
341
  .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table {
275
342
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
343
+
276
344
  }
277
345
  .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > figcaption {
278
346
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
347
+
279
348
  }
280
349
  .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > th {
281
350
  background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
282
351
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
352
+
283
353
  }
284
354
  .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > thead > tr > th {
285
355
  background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
286
356
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
357
+
287
358
  }
288
359
  .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > td {
289
360
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
290
361
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
362
+
291
363
  }
292
364
  .ck-content .table th.ck-suggestion-marker-insertion {
293
365
  background-color: var(--ck-color-suggestion-widget-th-insertion-background);
366
+
294
367
  }
295
368
  .ck-content .table th.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
296
369
  background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
370
+
297
371
  }
298
372
  .ck-content .table th.ck-suggestion-marker-deletion {
299
373
  background-color: var(--ck-color-suggestion-widget-th-deletion-background);
300
374
  text-decoration: none;
375
+
301
376
  }
302
377
  .ck-content .table th.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
303
378
  background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
379
+
304
380
  }
305
381
  .ck-content .table td.ck-suggestion-marker-insertion {
306
382
  background-color: var(--ck-color-suggestion-widget-insertion-background);
383
+
307
384
  }
308
385
  .ck-content .table td.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
309
386
  background-color: var(--ck-color-suggestion-widget-insertion-background-active);
387
+
310
388
  }
311
389
  .ck-content .table td.ck-suggestion-marker-deletion {
312
390
  background-color: var(--ck-color-suggestion-widget-deletion-background);
313
391
  text-decoration: none;
392
+
314
393
  }
315
394
  .ck-content .table td.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
316
395
  background-color: var(--ck-color-suggestion-widget-deletion-background-active);
396
+
317
397
  }
318
398
  .ck-content .table th.ck-suggestion-marker-formatInline {
319
399
  background-color: var(--ck-color-suggestion-widget-format-background);
320
400
  box-shadow: none;
401
+
321
402
  }
322
403
  .ck-content .table th.ck-suggestion-marker-formatInline.ck-suggestion-marker--active {
323
404
  background-color: var(--ck-color-suggestion-widget-format-background-active);
324
405
  box-shadow: none;
406
+
325
407
  }
326
408
  .ck-content pre > code.ck-suggestion-marker-formatBlock {
327
409
  display: block;
328
410
  box-shadow: -7px 0 0 0 hsl(0deg 0% 93%), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
411
+
329
412
  }
330
413
  .ck-content pre > code.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
331
414
  box-shadow: -5px 0 0 0 hsl(0deg 0% 93%), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
415
+
332
416
  }
package/dist/index-editor.css CHANGED
@@ -30,155 +30,203 @@
30
30
  }
31
31
  .ck .ck-user__color--0 {
32
32
  color: var(--ck-user-colors--0);
33
+
33
34
  }
34
35
  .ck .ck-user__bg-color--0 {
35
36
  background-color: var(--ck-user-colors--0);
37
+
36
38
  }
37
39
  .ck .ck-user__selection--0 {
38
40
  background-color: var(--ck-user-colors--0-alpha);
41
+
39
42
  }
40
43
  .ck .ck-user__selection--0.ck-widget {
41
44
  background-color: transparent;
42
45
  border: 3px solid var(--ck-user-colors--0);
46
+
43
47
  }
44
48
  .ck .ck-user__marker--0 {
45
49
  background-color: var(--ck-user-colors--0);
50
+
46
51
  }
47
52
  .ck .ck-user__marker--0 .ck-user__marker-line {
48
53
  border: 1px solid var(--ck-user-colors--0);
54
+
49
55
  }
50
56
  .ck .ck-user__color--1 {
51
57
  color: var(--ck-user-colors--1);
58
+
52
59
  }
53
60
  .ck .ck-user__bg-color--1 {
54
61
  background-color: var(--ck-user-colors--1);
62
+
55
63
  }
56
64
  .ck .ck-user__selection--1 {
57
65
  background-color: var(--ck-user-colors--1-alpha);
66
+
58
67
  }
59
68
  .ck .ck-user__selection--1.ck-widget {
60
69
  background-color: transparent;
61
70
  border: 3px solid var(--ck-user-colors--1);
71
+
62
72
  }
63
73
  .ck .ck-user__marker--1 {
64
74
  background-color: var(--ck-user-colors--1);
75
+
65
76
  }
66
77
  .ck .ck-user__marker--1 .ck-user__marker-line {
67
78
  border: 1px solid var(--ck-user-colors--1);
79
+
68
80
  }
69
81
  .ck .ck-user__color--2 {
70
82
  color: var(--ck-user-colors--2);
83
+
71
84
  }
72
85
  .ck .ck-user__bg-color--2 {
73
86
  background-color: var(--ck-user-colors--2);
87
+
74
88
  }
75
89
  .ck .ck-user__selection--2 {
76
90
  background-color: var(--ck-user-colors--2-alpha);
91
+
77
92
  }
78
93
  .ck .ck-user__selection--2.ck-widget {
79
94
  background-color: transparent;
80
95
  border: 3px solid var(--ck-user-colors--2);
96
+
81
97
  }
82
98
  .ck .ck-user__marker--2 {
83
99
  background-color: var(--ck-user-colors--2);
100
+
84
101
  }
85
102
  .ck .ck-user__marker--2 .ck-user__marker-line {
86
103
  border: 1px solid var(--ck-user-colors--2);
104
+
87
105
  }
88
106
  .ck .ck-user__color--3 {
89
107
  color: var(--ck-user-colors--3);
108
+
90
109
  }
91
110
  .ck .ck-user__bg-color--3 {
92
111
  background-color: var(--ck-user-colors--3);
112
+
93
113
  }
94
114
  .ck .ck-user__selection--3 {
95
115
  background-color: var(--ck-user-colors--3-alpha);
116
+
96
117
  }
97
118
  .ck .ck-user__selection--3.ck-widget {
98
119
  background-color: transparent;
99
120
  border: 3px solid var(--ck-user-colors--3);
121
+
100
122
  }
101
123
  .ck .ck-user__marker--3 {
102
124
  background-color: var(--ck-user-colors--3);
125
+
103
126
  }
104
127
  .ck .ck-user__marker--3 .ck-user__marker-line {
105
128
  border: 1px solid var(--ck-user-colors--3);
129
+
106
130
  }
107
131
  .ck .ck-user__color--4 {
108
132
  color: var(--ck-user-colors--4);
133
+
109
134
  }
110
135
  .ck .ck-user__bg-color--4 {
111
136
  background-color: var(--ck-user-colors--4);
137
+
112
138
  }
113
139
  .ck .ck-user__selection--4 {
114
140
  background-color: var(--ck-user-colors--4-alpha);
141
+
115
142
  }
116
143
  .ck .ck-user__selection--4.ck-widget {
117
144
  background-color: transparent;
118
145
  border: 3px solid var(--ck-user-colors--4);
146
+
119
147
  }
120
148
  .ck .ck-user__marker--4 {
121
149
  background-color: var(--ck-user-colors--4);
150
+
122
151
  }
123
152
  .ck .ck-user__marker--4 .ck-user__marker-line {
124
153
  border: 1px solid var(--ck-user-colors--4);
154
+
125
155
  }
126
156
  .ck .ck-user__color--5 {
127
157
  color: var(--ck-user-colors--5);
158
+
128
159
  }
129
160
  .ck .ck-user__bg-color--5 {
130
161
  background-color: var(--ck-user-colors--5);
162
+
131
163
  }
132
164
  .ck .ck-user__selection--5 {
133
165
  background-color: var(--ck-user-colors--5-alpha);
166
+
134
167
  }
135
168
  .ck .ck-user__selection--5.ck-widget {
136
169
  background-color: transparent;
137
170
  border: 3px solid var(--ck-user-colors--5);
171
+
138
172
  }
139
173
  .ck .ck-user__marker--5 {
140
174
  background-color: var(--ck-user-colors--5);
175
+
141
176
  }
142
177
  .ck .ck-user__marker--5 .ck-user__marker-line {
143
178
  border: 1px solid var(--ck-user-colors--5);
179
+
144
180
  }
145
181
  .ck .ck-user__color--6 {
146
182
  color: var(--ck-user-colors--6);
183
+
147
184
  }
148
185
  .ck .ck-user__bg-color--6 {
149
186
  background-color: var(--ck-user-colors--6);
187
+
150
188
  }
151
189
  .ck .ck-user__selection--6 {
152
190
  background-color: var(--ck-user-colors--6-alpha);
191
+
153
192
  }
154
193
  .ck .ck-user__selection--6.ck-widget {
155
194
  background-color: transparent;
156
195
  border: 3px solid var(--ck-user-colors--6);
196
+
157
197
  }
158
198
  .ck .ck-user__marker--6 {
159
199
  background-color: var(--ck-user-colors--6);
200
+
160
201
  }
161
202
  .ck .ck-user__marker--6 .ck-user__marker-line {
162
203
  border: 1px solid var(--ck-user-colors--6);
204
+
163
205
  }
164
206
  .ck .ck-user__color--7 {
165
207
  color: var(--ck-user-colors--7);
208
+
166
209
  }
167
210
  .ck .ck-user__bg-color--7 {
168
211
  background-color: var(--ck-user-colors--7);
212
+
169
213
  }
170
214
  .ck .ck-user__selection--7 {
171
215
  background-color: var(--ck-user-colors--7-alpha);
216
+
172
217
  }
173
218
  .ck .ck-user__selection--7.ck-widget {
174
219
  background-color: transparent;
175
220
  border: 3px solid var(--ck-user-colors--7);
221
+
176
222
  }
177
223
  .ck .ck-user__marker--7 {
178
224
  background-color: var(--ck-user-colors--7);
225
+
179
226
  }
180
227
  .ck .ck-user__marker--7 .ck-user__marker-line {
181
228
  border: 1px solid var(--ck-user-colors--7);
229
+
182
230
  }
183
231
  .ck.ck-user {
184
232
  display: flex;
@@ -194,10 +242,12 @@ min-width: var(--ck-user-avatar-size);
194
242
  min-height: var(--ck-user-avatar-size);
195
243
  line-height: 100%;
196
244
  margin: 2px;
245
+
197
246
  }
198
247
  .ck.ck-user.ck-user_me {
199
248
  border: 2px solid var(--ck-user-me-border-color);
200
249
  outline: 2px solid var(--ck-user-avatar-background);
250
+
201
251
  }
202
252
  .ck.ck-user__name {
203
253
  color: var(--ck-user-avatar-color);
@@ -206,9 +256,11 @@ cursor: default;
206
256
  -webkit-user-select: none;
207
257
  -ms-user-select: none;
208
258
  user-select: none;
259
+
209
260
  }
210
261
  .ck.ck-user__name.ck-user__name--hidden {
211
262
  display: none;
263
+
212
264
  }
213
265
  .ck.ck-user__img {
214
266
  display: none;
@@ -220,18 +272,23 @@ background-size: cover;
220
272
  background-color: var(--ck-user-avatar-background);
221
273
  border-radius: 50%;
222
274
  border: none;
275
+
223
276
  }
224
277
  .ck.ck-user__img.ck-user__anonymous {
225
- display: block;background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9.8%2020H2c0-5.7%205-5.7%206-7l.2-.8c-1.6-.8-2.7-2.7-2.7-5%200-2.8%202-5.2%204.3-5.2S14%204.4%2014%207.3c0%202.2-1%204-2.6%205l.2.6c1.2%201.3%206%201.4%206%207H9.8z%22%2F%3E%0A%3C%2Fsvg%3E);}
278
+ display: block;background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9.8%2020H2c0-5.7%205-5.7%206-7l.2-.8c-1.6-.8-2.7-2.7-2.7-5%200-2.8%202-5.2%204.3-5.2S14%204.4%2014%207.3c0%202.2-1%204-2.6%205l.2.6c1.2%201.3%206%201.4%206%207H9.8z%22%2F%3E%0A%3C%2Fsvg%3E);
279
+ }
226
280
  .ck.ck-user__img.ck-user__anonymous + .ck-user__name {
227
281
  display: none;
282
+
228
283
  }
229
284
  .ck.ck-user__img.ck-user__avatar {
230
285
  display: block;
231
286
  background-color: hsl(0, 0%, 100%);
287
+
232
288
  }
233
289
  .ck.ck-user__img.ck-user__img--hidden {
234
290
  display: none;
291
+
235
292
  }
236
293
  .ck.ck-user__notification {
237
294
  display: flex;
@@ -248,6 +305,7 @@ top: -8px;
248
305
  right: -7px;
249
306
  overflow: hidden;
250
307
  transform: translateZ(0);
308
+
251
309
  }
252
310
  .ck.ck-user__notification .ck-user__icon {
253
311
  color: var(--ck-color-annotation-info);
@@ -258,37 +316,48 @@ max-width: 19px;
258
316
  max-height: 19px;
259
317
  min-width: 19px;
260
318
  min-height: 19px;
319
+
261
320
  }
262
321
  .ck .ck-suggestion {
263
322
  border-top-left-radius: var(--ck-border-radius);
323
+
264
324
  }
265
325
  .ck .ck-annotation {
266
326
  border-left: 3px solid transparent;
327
+
267
328
  }
268
329
  .ck .ck-suggestion--disabled-comments .ck-annotation {
269
330
  min-height: 80px;
331
+
270
332
  }
271
333
  .ck .ck-comment {
272
334
  border-left: 3px solid var(--ck-color-comment-box-border);
335
+
273
336
  }
274
337
  .ck .ck-suggestion-insertion .ck-suggestion {
275
338
  border-left-color: var(--ck-color-suggestion-box-insertion-border);
339
+
276
340
  }
277
341
  .ck .ck-suggestion-deletion .ck-suggestion {
278
342
  border-left-color: var(--ck-color-suggestion-box-deletion-border);
343
+
279
344
  }
280
345
  .ck .ck-suggestion-replace .ck-suggestion {
281
346
  border-left-color: var(--ck-color-suggestion-box-insertion-border);
347
+
282
348
  }
283
349
  .ck .ck-suggestion-format .ck-suggestion {
284
350
  border-left-color: var(--ck-color-suggestion-box-format-border);
351
+
285
352
  }
286
353
  .ck .ck-suggestion-wrapper {
287
354
  outline: 0;
288
355
  overflow: hidden;
356
+
289
357
  }
290
358
  .ck .ck-suggestion-type {
291
359
  font-weight: bold;
360
+
292
361
  }
293
362
  .ck .ck-suggestion-color {
294
363
  display: inline-block;
@@ -298,13 +367,17 @@ border-radius: 14px;
298
367
  vertical-align: text-bottom;
299
368
  margin: 0 5px;
300
369
  box-shadow: 0 0 0 1px hsl(0, 0%, 27%);
370
+
301
371
  }
302
372
  .ck .ck-suggestion-insertion .ck-comment {
303
373
  border-left-color: var(--ck-color-suggestion-box-insertion-border);
374
+
304
375
  }
305
376
  .ck .ck-suggestion-deletion .ck-comment {
306
377
  border-left-color: var(--ck-color-suggestion-box-deletion-border);
378
+
307
379
  }
308
380
  .ck .ck-suggestion-format .ck-comment {
309
381
  border-left-color: var(--ck-color-suggestion-box-format-border);
382
+
310
383
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-collaboration-core",
3
- "version": "42.0.1-alpha.1",
3
+ "version": "42.0.1-alpha.2",
4
4
  "description": "Base utilities used by CKEditor 5 collaboration features to support multiple users working together in a rich text editor.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "CKSource (http://cksource.com/)",
@@ -32,7 +32,7 @@
32
32
  "type": "module",
33
33
  "main": "src/index.js",
34
34
  "dependencies": {
35
- "ckeditor5": "42.0.1-alpha.1",
35
+ "ckeditor5": "42.0.1-alpha.2",
36
36
  "date-fns": "2.30.0"
37
37
  },
38
38
  "files": [