@ckeditor/ckeditor5-ui 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.
@@ -21,9 +21,11 @@
21
21
  }
22
22
  .ck-hidden {
23
23
  display: none !important;
24
+
24
25
  }
25
26
  .ck-transitions-disabled {
26
27
  transition: none !important;
28
+
27
29
  }
28
30
  .ck.ck-balloon-panel.ck-powered-by-balloon {
29
31
  --ck-border-radius: var(--ck-powered-by-border-radius);
@@ -31,9 +33,11 @@ box-shadow: none;
31
33
  background: var(--ck-powered-by-background);
32
34
  min-height: unset;
33
35
  z-index: calc( var(--ck-z-panel) - 1 );
36
+
34
37
  }
35
38
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
36
39
  line-height: var(--ck-powered-by-line-height);
40
+
37
41
  }
38
42
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
39
43
  cursor: pointer;
@@ -43,6 +47,7 @@ opacity: .66;
43
47
  filter: grayscale(80%);
44
48
  line-height: var(--ck-powered-by-line-height);
45
49
  padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
50
+
46
51
  }
47
52
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
48
53
  font-size: 7.5px;
@@ -54,21 +59,26 @@ margin-right: 4px;
54
59
  cursor: pointer;
55
60
  line-height: normal;
56
61
  color: var(--ck-powered-by-text-color);
62
+
57
63
  }
58
64
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
59
65
  display: block;
60
66
  cursor: pointer;
67
+
61
68
  }
62
69
  .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
63
70
  filter: grayscale(0%);
64
71
  opacity: 1;
72
+
65
73
  }
66
74
  .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
67
75
  border-color: transparent;
76
+
68
77
  }
69
78
  .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
70
79
  border: var(--ck-focus-ring);
71
80
  border-color: var(--ck-powered-by-border-color);
81
+
72
82
  }
73
83
  .ck.ck-button {
74
84
  -moz-user-select: none;
@@ -78,39 +88,51 @@ user-select: none;
78
88
  position: relative;
79
89
  display: inline-flex;
80
90
  align-items: center;
91
+
81
92
  }
82
93
  [dir="ltr"] .ck.ck-button {
83
94
  justify-content: left;
95
+
84
96
  }
85
97
  [dir="rtl"] .ck.ck-button {
86
98
  justify-content: right;
99
+
87
100
  }
88
101
  .ck.ck-button .ck-button__label {
89
102
  display: none;
103
+
90
104
  }
91
105
  .ck.ck-button.ck-button_with-text .ck-button__label {
92
106
  display: inline-block;
107
+
93
108
  }
94
109
  .ck.ck-button:not(.ck-button_with-text) {
95
110
  justify-content: center;
111
+
96
112
  }
97
113
  .ck.ck-button.ck-switchbutton .ck-button__toggle {
98
114
  display: block;
115
+
99
116
  }
100
117
  .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
101
118
  display: block;
119
+
102
120
  }
103
121
  .ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
104
122
  display: none;
123
+
105
124
  }
106
125
  .ck.ck-color-grid {
107
126
  display: grid;
127
+
108
128
  }
109
129
  .color-picker-hex-input {
110
130
  width: max-content;
131
+
111
132
  }
112
133
  .color-picker-hex-input .ck.ck-input {
113
134
  min-width: unset;
135
+
114
136
  }
115
137
  .ck.ck-color-picker__row {
116
138
  display: flex;
@@ -119,35 +141,44 @@ flex-wrap: nowrap;
119
141
  justify-content: space-between;
120
142
  margin: var(--ck-spacing-large) 0 0;
121
143
  width: unset;
144
+
122
145
  }
123
146
  .ck.ck-color-picker__row .ck.ck-labeled-field-view {
124
147
  padding-top: unset;
148
+
125
149
  }
126
150
  .ck.ck-color-picker__row .ck.ck-input-text {
127
151
  width: unset;
152
+
128
153
  }
129
154
  .ck.ck-color-picker__row .ck-color-picker__hash-view {
130
155
  padding-top: var(--ck-spacing-tiny);
131
156
  padding-right: var(--ck-spacing-medium);
157
+
132
158
  }
133
159
  .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
134
160
  display: flex;
135
161
  align-items: center;
162
+
136
163
  }
137
164
  [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
138
165
  justify-content: flex-start;
166
+
139
167
  }
140
168
  .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
141
169
  display: flex;
142
170
  flex-direction: row;
143
171
  justify-content: space-around;
172
+
144
173
  }
145
174
  .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save {
146
175
  flex: 1;
176
+
147
177
  }
148
178
  .ck.ck-dialog .ck.ck-dialog__actions {
149
179
  display: flex;
150
180
  justify-content: flex-end;
181
+
151
182
  }
152
183
  .ck.ck-dialog-overlay {
153
184
  user-select: none;
@@ -157,94 +188,119 @@ bottom: 0;
157
188
  left: 0;
158
189
  right: 0;
159
190
  top: 0;
191
+
160
192
  }
161
193
  .ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
162
194
  pointer-events: none;
163
195
  animation: none;
164
196
  background: none;
197
+
165
198
  }
166
199
  .ck.ck-dialog {
167
200
  overscroll-behavior: none;
168
201
  width: fit-content;
169
202
  position: absolute;
203
+
170
204
  }
171
205
  .ck.ck-dialog .ck.ck-form__header {
172
206
  flex-shrink: 0;
207
+
173
208
  }
174
209
  .ck.ck-dialog .ck.ck-form__header .ck-form__header__label {
175
210
  cursor: grab;
211
+
176
212
  }
177
213
  .ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
178
214
  pointer-events: all;
215
+
179
216
  }
180
217
  .ck.ck-dropdown {
181
218
  display: inline-block;
182
219
  position: relative;
220
+
183
221
  }
184
222
  .ck.ck-dropdown .ck-dropdown__arrow {
185
223
  pointer-events: none;
186
224
  z-index: var(--ck-z-default);
225
+
187
226
  }
188
227
  .ck.ck-dropdown .ck-button.ck-dropdown__button {
189
228
  width: 100%;
229
+
190
230
  }
191
231
  .ck.ck-dropdown .ck-dropdown__panel {
192
232
  display: none;
193
233
  z-index: var(--ck-z-panel);
194
234
  max-width: var(--ck-dropdown-max-width);
195
235
  position: absolute;
236
+
196
237
  }
197
238
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
198
239
  display: inline-block;
240
+
199
241
  }
200
242
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne {
201
243
  bottom: 100%;
244
+
202
245
  }
203
246
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
204
247
  top: 100%;
205
248
  bottom: auto;
249
+
206
250
  }
207
251
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne {
208
252
  left: 0px;
253
+
209
254
  }
210
255
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw {
211
256
  right: 0px;
257
+
212
258
  }
213
259
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
214
260
  left: 50%;
215
261
  transform: translateX(-50%);
262
+
216
263
  }
217
264
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw {
218
265
  left: 75%;
219
266
  transform: translateX(-75%);
267
+
220
268
  }
221
269
  .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
222
270
  left: 25%;
223
271
  transform: translateX(-25%);
272
+
224
273
  }
225
274
  .ck.ck-toolbar .ck-dropdown__panel {
226
275
  z-index: calc( var(--ck-z-panel) + 1 );
276
+
227
277
  }
228
278
  .ck.ck-splitbutton {
229
279
  font-size: inherit;
280
+
230
281
  }
231
282
  .ck.ck-splitbutton .ck-splitbutton__action:focus {
232
283
  z-index: calc(var(--ck-z-default) + 1);
284
+
233
285
  }
234
286
  .ck.ck-toolbar-dropdown > .ck-dropdown__panel {
235
287
  width: max-content;
236
288
  max-width: var(--ck-toolbar-dropdown-max-width);
289
+
237
290
  }
238
291
  .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
239
292
  z-index: calc(var(--ck-z-default) + 1);
293
+
240
294
  }
241
295
  .ck.ck-aria-live-announcer {
242
296
  position: absolute;
243
297
  left: -10000px;
244
298
  top: -10000px;
299
+
245
300
  }
246
301
  .ck.ck-aria-live-region-list {
247
302
  list-style-type: none;
303
+
248
304
  }
249
305
  .ck.ck-form__header {
250
306
  display: flex;
@@ -252,26 +308,33 @@ flex-direction: row;
252
308
  flex-wrap: nowrap;
253
309
  align-items: center;
254
310
  justify-content: space-between;
311
+
255
312
  }
256
313
  .ck.ck-form__header h2.ck-form__header__label {
257
314
  flex-grow: 1;
315
+
258
316
  }
259
317
  .ck.ck-icon {
260
318
  vertical-align: middle;
319
+
261
320
  }
262
321
  .ck.ck-label {
263
322
  display: block;
323
+
264
324
  }
265
325
  .ck.ck-voice-label {
266
326
  display: none;
327
+
267
328
  }
268
329
  .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
269
330
  display: flex;
270
331
  position: relative;
332
+
271
333
  }
272
334
  .ck.ck-labeled-field-view .ck.ck-label {
273
335
  display: block;
274
336
  position: absolute;
337
+
275
338
  }
276
339
  .ck.ck-list {
277
340
  -moz-user-select: none;
@@ -280,109 +343,139 @@ position: absolute;
280
343
  user-select: none;
281
344
  display: flex;
282
345
  flex-direction: column;
346
+
283
347
  }
284
348
  .ck.ck-list .ck-list__item {
285
349
  display: block;
350
+
286
351
  }
287
352
  .ck.ck-list .ck-list__item > *:focus {
288
353
  position: relative;
289
354
  z-index: var(--ck-z-default);
355
+
290
356
  }
291
357
  .ck.ck-balloon-panel {
292
358
  display: none;
293
359
  position: absolute;
294
360
  z-index: var(--ck-z-panel);
361
+
295
362
  }
296
363
  .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
297
364
  content: "";
298
365
  position: absolute;
366
+
299
367
  }
300
368
  .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
301
369
  z-index: var(--ck-balloon-panel-arrow-z-index);
370
+
302
371
  }
303
372
  .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
304
373
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
374
+
305
375
  }
306
376
  .ck.ck-balloon-panel[class*="arrow_n"]::before {
307
377
  z-index: var(--ck-balloon-panel-arrow-z-index);
378
+
308
379
  }
309
380
  .ck.ck-balloon-panel[class*="arrow_n"]::after {
310
381
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
382
+
311
383
  }
312
384
  .ck.ck-balloon-panel[class*="arrow_s"]::before {
313
385
  z-index: var(--ck-balloon-panel-arrow-z-index);
386
+
314
387
  }
315
388
  .ck.ck-balloon-panel[class*="arrow_s"]::after {
316
389
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
390
+
317
391
  }
318
392
  .ck.ck-balloon-panel.ck-balloon-panel_visible {
319
393
  display: block;
394
+
320
395
  }
321
396
  .ck .ck-balloon-rotator__navigation {
322
397
  display: flex;
323
398
  align-items: center;
324
399
  justify-content: center;
400
+
325
401
  }
326
402
  .ck .ck-balloon-rotator__content .ck-toolbar {
327
403
  justify-content: center;
404
+
328
405
  }
329
406
  .ck .ck-fake-panel {
330
407
  position: absolute;
331
408
  z-index: calc(var(--ck-z-panel) - 1);
409
+
332
410
  }
333
411
  .ck .ck-fake-panel div {
334
412
  position: absolute;
413
+
335
414
  }
336
415
  .ck .ck-fake-panel div:nth-child( 1 ) {
337
416
  z-index: 2;
417
+
338
418
  }
339
419
  .ck .ck-fake-panel div:nth-child( 2 ) {
340
420
  z-index: 1;
421
+
341
422
  }
342
423
  .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
343
424
  z-index: var(--ck-z-panel);
344
425
  position: fixed;
345
426
  top: 0;
427
+
346
428
  }
347
429
  .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
348
430
  top: auto;
349
431
  position: absolute;
432
+
350
433
  }
351
434
  .ck.ck-autocomplete {
352
435
  position: relative;
436
+
353
437
  }
354
438
  .ck.ck-autocomplete > .ck-search__results {
355
439
  position: absolute;
356
440
  z-index: var(--ck-z-panel);
441
+
357
442
  }
358
443
  .ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
359
444
  bottom: 100%;
445
+
360
446
  }
361
447
  .ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
362
448
  top: 100%;
363
449
  bottom: auto;
450
+
364
451
  }
365
452
  .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
366
453
  position: absolute;
367
454
  top: 50%;
368
455
  transform: translateY(-50%);
456
+
369
457
  }
370
458
  [dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
371
459
  left: var(--ck-spacing-medium);
460
+
372
461
  }
373
462
  [dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
374
463
  right: var(--ck-spacing-medium);
464
+
375
465
  }
376
466
  .ck.ck-search > .ck-labeled-field-view .ck-search__reset {
377
467
  position: absolute;
378
468
  top: 50%;
379
469
  transform: translateY(-50%);
470
+
380
471
  }
381
472
  .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
382
473
  display: block;
474
+
383
475
  }
384
476
  .ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
385
477
  display: none;
478
+
386
479
  }
387
480
  .ck.ck-highlighted-text mark {
388
481
  background: var(--ck-color-highlight-background);
@@ -390,6 +483,7 @@ vertical-align: initial;
390
483
  font-weight: inherit;
391
484
  line-height: inherit;
392
485
  font-size: inherit;
486
+
393
487
  }
394
488
  .ck.ck-balloon-panel.ck-tooltip {
395
489
  -moz-user-select: none;
@@ -397,10 +491,12 @@ font-size: inherit;
397
491
  -ms-user-select: none;
398
492
  user-select: none;
399
493
  z-index: calc( var(--ck-z-dialog) + 100 );
494
+
400
495
  }
401
496
  .ck.ck-spinner-container {
402
497
  display: block;
403
498
  position: relative;
499
+
404
500
  }
405
501
  .ck.ck-spinner {
406
502
  position: absolute;
@@ -410,6 +506,7 @@ right: 0;
410
506
  margin: 0 auto;
411
507
  transform: translateY(-50%);
412
508
  z-index: 1;
509
+
413
510
  }
414
511
  .ck.ck-toolbar {
415
512
  -moz-user-select: none;
@@ -419,79 +516,102 @@ user-select: none;
419
516
  display: flex;
420
517
  flex-flow: row nowrap;
421
518
  align-items: center;
519
+
422
520
  }
423
521
  .ck.ck-toolbar > .ck-toolbar__items {
424
522
  display: flex;
425
523
  flex-flow: row wrap;
426
524
  align-items: center;
427
525
  flex-grow: 1;
526
+
428
527
  }
429
528
  .ck.ck-toolbar .ck.ck-toolbar__separator {
430
529
  display: inline-block;
530
+
431
531
  }
432
532
  .ck.ck-toolbar .ck.ck-toolbar__separator:first-child {
433
533
  display: none;
534
+
434
535
  }
435
536
  .ck.ck-toolbar .ck-toolbar__line-break {
436
537
  flex-basis: 100%;
538
+
437
539
  }
438
540
  .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
439
541
  flex-wrap: nowrap;
542
+
440
543
  }
441
544
  .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
442
545
  flex-direction: column;
546
+
443
547
  }
444
548
  .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
445
549
  flex-wrap: nowrap;
550
+
446
551
  }
447
552
  .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
448
553
  display: none;
554
+
449
555
  }
450
556
  .ck.ck-block-toolbar-button {
451
557
  position: absolute;
452
558
  z-index: var(--ck-z-default);
559
+
453
560
  }
454
561
  .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
455
562
  pointer-events: none;
456
563
  z-index: var(--ck-z-default);
564
+
457
565
  }
458
566
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
459
567
  z-index: var(--ck-z-panel);
460
568
  max-width: var(--ck-menu-bar-menu-max-width);
461
569
  position: absolute;
570
+
462
571
  }
463
572
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
464
573
  bottom: 100%;
574
+
465
575
  }
466
576
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
467
577
  top: 100%;
468
578
  bottom: auto;
579
+
469
580
  }
470
581
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
471
582
  left: 0px;
583
+
472
584
  }
473
585
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
474
586
  right: 0px;
587
+
475
588
  }
476
589
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
477
590
  left: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
591
+
478
592
  }
479
593
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
480
594
  top: 0px;
595
+
481
596
  }
482
597
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
483
598
  bottom: 0px;
599
+
484
600
  }
485
601
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
486
602
  right: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
603
+
487
604
  }
488
605
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
489
606
  top: 0px;
607
+
490
608
  }
491
609
  .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
492
610
  bottom: 0px;
611
+
493
612
  }
494
613
  .ck.ck-menu-bar__menu {
495
614
  display: block;
496
615
  position: relative;
616
+
497
617
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-ui",
3
- "version": "42.0.1-alpha.1",
3
+ "version": "42.0.1-alpha.2",
4
4
  "description": "The UI framework and standard UI library of CKEditor 5.",
5
5
  "keywords": [
6
6
  "ckeditor",
@@ -12,8 +12,8 @@
12
12
  "type": "module",
13
13
  "main": "src/index.js",
14
14
  "dependencies": {
15
- "@ckeditor/ckeditor5-core": "42.0.1-alpha.1",
16
- "@ckeditor/ckeditor5-utils": "42.0.1-alpha.1",
15
+ "@ckeditor/ckeditor5-core": "42.0.1-alpha.2",
16
+ "@ckeditor/ckeditor5-utils": "42.0.1-alpha.2",
17
17
  "color-convert": "2.0.1",
18
18
  "color-parse": "1.4.2",
19
19
  "lodash-es": "4.17.21",