ckeditor5-premium-features 44.3.0 → 45.0.0-alpha.1

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 (160) hide show
  1. package/LICENSE.md +2 -1
  2. package/dist/browser/ckeditor5-premium-features-editor.css +2 -2
  3. package/dist/browser/ckeditor5-premium-features.css +2 -2
  4. package/dist/browser/ckeditor5-premium-features.js +55 -50
  5. package/dist/browser/ckeditor5-premium-features.umd.js +57 -52
  6. package/dist/ckeditor5-premium-features-editor.css +96 -59
  7. package/dist/ckeditor5-premium-features.css +115 -78
  8. package/dist/ckeditor5-premium-features.js +1 -1
  9. package/dist/index.d.ts +2 -1
  10. package/dist/translations/af.js +1 -1
  11. package/dist/translations/af.umd.js +1 -1
  12. package/dist/translations/ar.js +1 -1
  13. package/dist/translations/ar.umd.js +1 -1
  14. package/dist/translations/ast.js +1 -1
  15. package/dist/translations/ast.umd.js +1 -1
  16. package/dist/translations/az.js +1 -1
  17. package/dist/translations/az.umd.js +1 -1
  18. package/dist/translations/be.d.ts +8 -0
  19. package/dist/translations/be.js +23 -0
  20. package/dist/translations/be.umd.js +23 -0
  21. package/dist/translations/bg.js +1 -1
  22. package/dist/translations/bg.umd.js +1 -1
  23. package/dist/translations/bn.js +1 -1
  24. package/dist/translations/bn.umd.js +1 -1
  25. package/dist/translations/bs.js +1 -1
  26. package/dist/translations/bs.umd.js +1 -1
  27. package/dist/translations/ca.js +1 -1
  28. package/dist/translations/ca.umd.js +1 -1
  29. package/dist/translations/cs.js +1 -1
  30. package/dist/translations/cs.umd.js +1 -1
  31. package/dist/translations/da.js +1 -1
  32. package/dist/translations/da.umd.js +1 -1
  33. package/dist/translations/de-ch.js +1 -1
  34. package/dist/translations/de-ch.umd.js +1 -1
  35. package/dist/translations/de.js +1 -1
  36. package/dist/translations/de.umd.js +1 -1
  37. package/dist/translations/el.js +1 -1
  38. package/dist/translations/el.umd.js +1 -1
  39. package/dist/translations/en-au.js +1 -1
  40. package/dist/translations/en-au.umd.js +1 -1
  41. package/dist/translations/en-gb.js +1 -1
  42. package/dist/translations/en-gb.umd.js +1 -1
  43. package/dist/translations/en.js +1 -1
  44. package/dist/translations/en.umd.js +1 -1
  45. package/dist/translations/eo.js +1 -1
  46. package/dist/translations/eo.umd.js +1 -1
  47. package/dist/translations/es-co.js +1 -1
  48. package/dist/translations/es-co.umd.js +1 -1
  49. package/dist/translations/es.js +1 -1
  50. package/dist/translations/es.umd.js +1 -1
  51. package/dist/translations/et.js +1 -1
  52. package/dist/translations/et.umd.js +1 -1
  53. package/dist/translations/eu.js +1 -1
  54. package/dist/translations/eu.umd.js +1 -1
  55. package/dist/translations/fa.js +1 -1
  56. package/dist/translations/fa.umd.js +1 -1
  57. package/dist/translations/fi.js +1 -1
  58. package/dist/translations/fi.umd.js +1 -1
  59. package/dist/translations/fr.js +1 -1
  60. package/dist/translations/fr.umd.js +1 -1
  61. package/dist/translations/gl.js +1 -1
  62. package/dist/translations/gl.umd.js +1 -1
  63. package/dist/translations/gu.js +1 -1
  64. package/dist/translations/gu.umd.js +1 -1
  65. package/dist/translations/he.js +1 -1
  66. package/dist/translations/he.umd.js +1 -1
  67. package/dist/translations/hi.js +1 -1
  68. package/dist/translations/hi.umd.js +1 -1
  69. package/dist/translations/hr.js +1 -1
  70. package/dist/translations/hr.umd.js +1 -1
  71. package/dist/translations/hu.js +1 -1
  72. package/dist/translations/hu.umd.js +1 -1
  73. package/dist/translations/hy.js +1 -1
  74. package/dist/translations/hy.umd.js +1 -1
  75. package/dist/translations/id.js +1 -1
  76. package/dist/translations/id.umd.js +1 -1
  77. package/dist/translations/it.js +1 -1
  78. package/dist/translations/it.umd.js +1 -1
  79. package/dist/translations/ja.js +1 -1
  80. package/dist/translations/ja.umd.js +1 -1
  81. package/dist/translations/jv.js +1 -1
  82. package/dist/translations/jv.umd.js +1 -1
  83. package/dist/translations/kk.js +1 -1
  84. package/dist/translations/kk.umd.js +1 -1
  85. package/dist/translations/km.js +1 -1
  86. package/dist/translations/km.umd.js +1 -1
  87. package/dist/translations/kn.js +1 -1
  88. package/dist/translations/kn.umd.js +1 -1
  89. package/dist/translations/ko.js +1 -1
  90. package/dist/translations/ko.umd.js +1 -1
  91. package/dist/translations/ku.js +1 -1
  92. package/dist/translations/ku.umd.js +1 -1
  93. package/dist/translations/lt.js +1 -1
  94. package/dist/translations/lt.umd.js +1 -1
  95. package/dist/translations/lv.js +1 -1
  96. package/dist/translations/lv.umd.js +1 -1
  97. package/dist/translations/ms.js +1 -1
  98. package/dist/translations/ms.umd.js +1 -1
  99. package/dist/translations/nb.js +1 -1
  100. package/dist/translations/nb.umd.js +1 -1
  101. package/dist/translations/ne.js +1 -1
  102. package/dist/translations/ne.umd.js +1 -1
  103. package/dist/translations/nl.js +1 -1
  104. package/dist/translations/nl.umd.js +1 -1
  105. package/dist/translations/no.js +1 -1
  106. package/dist/translations/no.umd.js +1 -1
  107. package/dist/translations/oc.js +1 -1
  108. package/dist/translations/oc.umd.js +1 -1
  109. package/dist/translations/pl.js +1 -1
  110. package/dist/translations/pl.umd.js +1 -1
  111. package/dist/translations/pt-br.js +1 -1
  112. package/dist/translations/pt-br.umd.js +1 -1
  113. package/dist/translations/pt.js +1 -1
  114. package/dist/translations/pt.umd.js +1 -1
  115. package/dist/translations/ro.js +1 -1
  116. package/dist/translations/ro.umd.js +1 -1
  117. package/dist/translations/ru.js +1 -1
  118. package/dist/translations/ru.umd.js +1 -1
  119. package/dist/translations/si.js +1 -1
  120. package/dist/translations/si.umd.js +1 -1
  121. package/dist/translations/sk.js +1 -1
  122. package/dist/translations/sk.umd.js +1 -1
  123. package/dist/translations/sl.js +1 -1
  124. package/dist/translations/sl.umd.js +1 -1
  125. package/dist/translations/sq.js +1 -1
  126. package/dist/translations/sq.umd.js +1 -1
  127. package/dist/translations/sr-latn.js +1 -1
  128. package/dist/translations/sr-latn.umd.js +1 -1
  129. package/dist/translations/sr.js +1 -1
  130. package/dist/translations/sr.umd.js +1 -1
  131. package/dist/translations/sv.js +1 -1
  132. package/dist/translations/sv.umd.js +1 -1
  133. package/dist/translations/th.js +1 -1
  134. package/dist/translations/th.umd.js +1 -1
  135. package/dist/translations/ti.js +1 -1
  136. package/dist/translations/ti.umd.js +1 -1
  137. package/dist/translations/tk.js +1 -1
  138. package/dist/translations/tk.umd.js +1 -1
  139. package/dist/translations/tr.js +1 -1
  140. package/dist/translations/tr.umd.js +1 -1
  141. package/dist/translations/translation.d.ts +8 -0
  142. package/dist/translations/translation.js +23 -0
  143. package/dist/translations/translation.umd.js +23 -0
  144. package/dist/translations/tt.js +1 -1
  145. package/dist/translations/tt.umd.js +1 -1
  146. package/dist/translations/ug.js +1 -1
  147. package/dist/translations/ug.umd.js +1 -1
  148. package/dist/translations/uk.js +1 -1
  149. package/dist/translations/uk.umd.js +1 -1
  150. package/dist/translations/ur.js +1 -1
  151. package/dist/translations/ur.umd.js +1 -1
  152. package/dist/translations/uz.js +1 -1
  153. package/dist/translations/uz.umd.js +1 -1
  154. package/dist/translations/vi.js +1 -1
  155. package/dist/translations/vi.umd.js +1 -1
  156. package/dist/translations/zh-cn.js +1 -1
  157. package/dist/translations/zh-cn.umd.js +1 -1
  158. package/dist/translations/zh.js +1 -1
  159. package/dist/translations/zh.umd.js +1 -1
  160. package/package.json +25 -24
@@ -1588,11 +1588,6 @@
1588
1588
  color:var(--ck-document-outline-item-active-color);
1589
1589
  }
1590
1590
 
1591
- .ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_level-1{
1592
- font-size:1.1em;
1593
- font-weight:bold;
1594
- }
1595
-
1596
1591
  .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-1{
1597
1592
  padding-left:var(--ck-document-outline-indent-level-1);
1598
1593
  }
@@ -2044,28 +2039,6 @@
2044
2039
  text-overflow:ellipsis;
2045
2040
  }
2046
2041
 
2047
- .ck.ck-pagination-view-line{
2048
- position:absolute;
2049
- height:0;
2050
- border-top:1px dotted var(--ck-color-pagination-divider);
2051
- pointer-events:none;
2052
- }
2053
-
2054
- .ck.ck-pagination-view-line::after{
2055
- content:attr(data-page-number);
2056
- font-size:10px;
2057
- background:hsl(0, 0%, 77%);
2058
- color:var(--ck-color-base-background);
2059
- display:inline-block;
2060
- position:absolute;
2061
- right:-1px;
2062
- transform:translateX(100%);
2063
- min-width:18px;
2064
- text-align:center;
2065
- top:-1px;
2066
- padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
2067
- }
2068
-
2069
2042
  :root{
2070
2043
  --ck-color-pagination-divider:hsl(0, 0%, 67%);
2071
2044
  }
@@ -2145,6 +2118,28 @@
2145
2118
  margin:0 var(--ck-spacing-standard);
2146
2119
  }
2147
2120
 
2121
+ .ck.ck-pagination-view-line{
2122
+ position:absolute;
2123
+ height:0;
2124
+ border-top:1px dotted var(--ck-color-pagination-divider);
2125
+ pointer-events:none;
2126
+ }
2127
+
2128
+ .ck.ck-pagination-view-line::after{
2129
+ content:attr(data-page-number);
2130
+ font-size:10px;
2131
+ background:hsl(0, 0%, 77%);
2132
+ color:var(--ck-color-base-background);
2133
+ display:inline-block;
2134
+ position:absolute;
2135
+ right:-1px;
2136
+ transform:translateX(100%);
2137
+ min-width:18px;
2138
+ text-align:center;
2139
+ top:-1px;
2140
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
2141
+ }
2142
+
2148
2143
  .ck .ck-user__marker-dot{
2149
2144
  display:block;
2150
2145
  position:absolute;
@@ -2250,7 +2245,7 @@
2250
2245
  }
2251
2246
 
2252
2247
  .ck.ck-presence-list{
2253
- display:flex;
2248
+ display:inline-flex;
2254
2249
  align-items:center;
2255
2250
  margin-right:var(--ck-spacing-standard);
2256
2251
  transition:margin-right 200ms ease-in-out;
@@ -2264,13 +2259,19 @@
2264
2259
  .ck.ck-presence-list__list{
2265
2260
  display:flex;
2266
2261
  flex-direction:row;
2262
+ position:relative;
2267
2263
  justify-content:flex-end;
2268
2264
  }
2269
2265
 
2270
- .ck.ck-presence-list__counter{
2271
- color:var(--ck-color-base-text);
2272
- margin-right:var(--ck-spacing-large);
2273
- }
2266
+ .ck.ck-presence-list__list::after{
2267
+ content:"";
2268
+ position:absolute;
2269
+ bottom:-15px;
2270
+ left:0;
2271
+ width:100%;
2272
+ height:15px;
2273
+ background:transparent;
2274
+ }
2274
2275
 
2275
2276
  .ck.ck-presence-list__counter--hidden{
2276
2277
  display:none;
@@ -2282,9 +2283,10 @@
2282
2283
  border:1px solid transparent;
2283
2284
  outline:none;
2284
2285
  background:none;
2286
+ padding:0;
2285
2287
 
2286
2288
  position:relative;
2287
- margin-left:var(--ck-spacing-small);
2289
+ margin-left:var(--ck-spacing-medium);
2288
2290
  }
2289
2291
 
2290
2292
  .ck.ck-presence-list__list-item:focus{
@@ -2305,6 +2307,10 @@
2305
2307
  width:0px;
2306
2308
  }
2307
2309
 
2310
+ .ck.ck-presence-list__list-item:first-child{
2311
+ margin-left:0;
2312
+ }
2313
+
2308
2314
  .ck.ck-tooltip.ck-presence-list__list-item__tooltip > .ck-tooltip__text{
2309
2315
  display:inline-block;
2310
2316
  max-width:var(--ck-presence-list-users-tooltip-max-width);
@@ -2319,7 +2325,7 @@
2319
2325
  display:block;
2320
2326
  width:100%;
2321
2327
  height:3px;
2322
- margin-top:3px;
2328
+ margin-top:5px;
2323
2329
  }
2324
2330
  .ck-presence-list__list button.ck-presence-list__list-item *,
2325
2331
  .ck-presence-list__balloon button.ck-presence-list__dropdown-list-item *{
@@ -2328,6 +2334,7 @@
2328
2334
 
2329
2335
  .ck.ck-presence-list--collapsed .ck-presence-list__list{
2330
2336
  border:1px solid transparent;
2337
+ padding-left:1px;
2331
2338
  min-width:calc( var(--ck-user-avatar-size) * 2);
2332
2339
  }
2333
2340
 
@@ -2349,33 +2356,29 @@
2349
2356
  }
2350
2357
 
2351
2358
  .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item{
2352
- margin-left:calc( var(--ck-user-avatar-size) * -1 + 7px);
2359
+ margin-left:calc( var(--ck-user-avatar-size) * -0.35);
2353
2360
  border:0;
2354
2361
  padding:0;
2355
2362
  }
2356
2363
 
2357
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:last-child{
2358
- order:unset;
2359
- }
2360
-
2361
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(2){
2362
- opacity:.75;
2364
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:first-child{
2365
+ margin-left:0;
2363
2366
  }
2364
2367
 
2365
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(3){
2366
- opacity:.55;
2367
- }
2368
-
2369
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(4){
2370
- opacity:.35;
2368
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:last-child{
2369
+ order:unset;
2371
2370
  }
2372
2371
 
2373
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(5){
2374
- opacity:.15;
2372
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item .ck-user{
2373
+ --ck-presence-list-avatar-border-color:var(--ck-color-base-foreground);
2374
+ border:2px solid var(--ck-presence-list-avatar-border-color);
2375
+ margin-left:0;
2376
+ margin-right:0;
2375
2377
  }
2376
2378
 
2377
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(n+6){
2378
- display:none;
2379
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item.ck-presence-list__users-counter{
2380
+ margin-left:0;
2381
+ margin-right:0;
2379
2382
  }
2380
2383
 
2381
2384
  .ck.ck-presence-list__balloon{
@@ -2395,6 +2398,10 @@
2395
2398
  }
2396
2399
  }
2397
2400
 
2401
+ .ck.ck-presence-list__balloon ul{
2402
+ background-color:var(--ck-color-presence-list-dropdown-background);
2403
+ }
2404
+
2398
2405
  .ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-wrapper{
2399
2406
  min-width:var(--ck-presence-list-dropdown-list-min-width);
2400
2407
  max-width:var(--ck-presence-list-dropdown-list-max-width);
@@ -2453,6 +2460,36 @@
2453
2460
  width:3px;
2454
2461
  }
2455
2462
 
2463
+ .ck.ck-presence-list__users-counter{
2464
+ --ck-presence-list-counter-border-color:var(--ck-user-avatar-background);
2465
+ --ck-presence-list-counter-background-color:var(--ck-user-avatar-color);
2466
+
2467
+ border:2px solid var(--ck-presence-list-counter-border-color);
2468
+ display:flex;
2469
+ justify-content:center;
2470
+ align-items:center;
2471
+ position:relative;
2472
+ border-radius:50%;
2473
+ background-color:var(--ck-presence-list-counter-background-color);
2474
+ box-sizing:border-box;
2475
+ height:calc(var(--ck-user-avatar-size) - 4px);
2476
+ width:calc(var(--ck-user-avatar-size) - 4px);
2477
+ line-height:100%;
2478
+ margin:2px;
2479
+ margin-top:4px;
2480
+ }
2481
+
2482
+ .ck.ck-presence-list__users-counter__text{
2483
+ --ck-presence-list-counter-text-color:var(--ck-user-avatar-background);
2484
+
2485
+ color:var(--ck-presence-list-counter-text-color);
2486
+ cursor:default;
2487
+ -moz-user-select:none;
2488
+ -webkit-user-select:none;
2489
+ -ms-user-select:none;
2490
+ user-select:none;
2491
+ }
2492
+
2456
2493
  @keyframes fadeIn{
2457
2494
  from{
2458
2495
  opacity:0;
@@ -2463,14 +2500,6 @@
2463
2500
  }
2464
2501
  }
2465
2502
 
2466
- .ck.ck-editor{
2467
- position:relative;
2468
- }
2469
-
2470
- .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar{
2471
- z-index:var(--ck-z-panel);
2472
- }
2473
-
2474
2503
  .ck{
2475
2504
  --ck-revision-history-loading-overlay-transition-duration:.2s;
2476
2505
  --ck-revision-history-loading-overlay-transition-delay:0s;
@@ -3047,6 +3076,14 @@
3047
3076
  border-color:var(--ck-color-suggestion-marker-deletion-border-active);
3048
3077
  }
3049
3078
 
3079
+ .ck.ck-editor{
3080
+ position:relative;
3081
+ }
3082
+
3083
+ .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar{
3084
+ z-index:var(--ck-z-panel);
3085
+ }
3086
+
3050
3087
  :root{
3051
3088
  --ck-slash-command-button-width:250px;
3052
3089
  --ck-slash-command-description-width:200px;
@@ -2604,11 +2604,6 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
2604
2604
  color: var(--ck-document-outline-item-active-color);
2605
2605
  }
2606
2606
 
2607
- .ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_level-1 {
2608
- font-size: 1.1em;
2609
- font-weight: bold;
2610
- }
2611
-
2612
2607
  .ck.ck-document-outline[dir="ltr"] .ck-document-outline__item.ck-document-outline__item_level-1 {
2613
2608
  padding-left: var(--ck-document-outline-indent-level-1);
2614
2609
  }
@@ -3286,37 +3281,6 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3286
3281
 
3287
3282
  /* stylelint-enable no-descending-specificity */
3288
3283
 
3289
- /*
3290
- * What you're currently looking at is the source code of a legally protected, proprietary software.
3291
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
3292
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
3293
- *
3294
- * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
3295
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
3296
- */
3297
-
3298
- .ck.ck-pagination-view-line {
3299
- position: absolute;
3300
- height: 0;
3301
- border-top: 1px dotted var(--ck-color-pagination-divider);
3302
- pointer-events: none;
3303
- }
3304
-
3305
- .ck.ck-pagination-view-line::after {
3306
- content: attr(data-page-number);
3307
- font-size: 10px;
3308
- background: hsl(0, 0%, 77%);
3309
- color: var(--ck-color-base-background);
3310
- display: inline-block;
3311
- position: absolute;
3312
- right: -1px;
3313
- transform: translateX(100%);
3314
- min-width: 18px;
3315
- text-align: center;
3316
- top: -1px;
3317
- padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
3318
- }
3319
-
3320
3284
  /*
3321
3285
  * What you're currently looking at is the source code of a legally protected, proprietary software.
3322
3286
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
@@ -3499,6 +3463,37 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3499
3463
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
3500
3464
  */
3501
3465
 
3466
+ .ck.ck-pagination-view-line {
3467
+ position: absolute;
3468
+ height: 0;
3469
+ border-top: 1px dotted var(--ck-color-pagination-divider);
3470
+ pointer-events: none;
3471
+ }
3472
+
3473
+ .ck.ck-pagination-view-line::after {
3474
+ content: attr(data-page-number);
3475
+ font-size: 10px;
3476
+ background: hsl(0, 0%, 77%);
3477
+ color: var(--ck-color-base-background);
3478
+ display: inline-block;
3479
+ position: absolute;
3480
+ right: -1px;
3481
+ transform: translateX(100%);
3482
+ min-width: 18px;
3483
+ text-align: center;
3484
+ top: -1px;
3485
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
3486
+ }
3487
+
3488
+ /*
3489
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
3490
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
3491
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
3492
+ *
3493
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
3494
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
3495
+ */
3496
+
3502
3497
  .ck .ck-user__marker-dot {
3503
3498
  /* If you are looking for handling dot color, see `usercolors.css` in the `ckeditor5-collaboration-core`. */
3504
3499
  display: block;
@@ -3665,7 +3660,7 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3665
3660
  }
3666
3661
 
3667
3662
  .ck.ck-presence-list {
3668
- display: flex;
3663
+ display: inline-flex;
3669
3664
  align-items: center;
3670
3665
  margin-right: var(--ck-spacing-standard);
3671
3666
  transition: margin-right 200ms ease-in-out;
@@ -3679,15 +3674,21 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3679
3674
  .ck.ck-presence-list__list {
3680
3675
  display: flex;
3681
3676
  flex-direction: row;
3677
+ position: relative;
3682
3678
 
3683
3679
  /* Taking care about margin animation in collapsed mode. */
3684
3680
  justify-content: flex-end;
3685
3681
  }
3686
3682
 
3687
- .ck.ck-presence-list__counter {
3688
- color: var(--ck-color-base-text);
3689
- margin-right: var(--ck-spacing-large);
3690
- }
3683
+ .ck.ck-presence-list__list::after {
3684
+ content: "";
3685
+ position: absolute;
3686
+ bottom: -15px;
3687
+ left: 0;
3688
+ width: 100%;
3689
+ height: 15px;
3690
+ background: transparent;
3691
+ }
3691
3692
 
3692
3693
  .ck.ck-presence-list__counter--hidden {
3693
3694
  display: none;
@@ -3703,9 +3704,10 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3703
3704
  border: 1px solid transparent;
3704
3705
  outline: none;
3705
3706
  background: none;
3707
+ padding: 0;
3706
3708
 
3707
3709
  position: relative;
3708
- margin-left: var(--ck-spacing-small);
3710
+ margin-left: var(--ck-spacing-medium);
3709
3711
  }
3710
3712
 
3711
3713
  .ck.ck-presence-list__list-item:focus {
@@ -3731,6 +3733,10 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3731
3733
  width: 0px;
3732
3734
  }
3733
3735
 
3736
+ .ck.ck-presence-list__list-item:first-child {
3737
+ margin-left: 0;
3738
+ }
3739
+
3734
3740
  .ck.ck-tooltip.ck-presence-list__list-item__tooltip > .ck-tooltip__text {
3735
3741
  display: inline-block;
3736
3742
  max-width: var(--ck-presence-list-users-tooltip-max-width);
@@ -3745,7 +3751,7 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3745
3751
  display: block;
3746
3752
  width: 100%;
3747
3753
  height: 3px;
3748
- margin-top: 3px;
3754
+ margin-top: 5px;
3749
3755
  }
3750
3756
 
3751
3757
  /**
@@ -3759,6 +3765,7 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3759
3765
 
3760
3766
  .ck.ck-presence-list--collapsed .ck-presence-list__list {
3761
3767
  border: 1px solid transparent;
3768
+ padding-left: 1px;
3762
3769
 
3763
3770
  /* Because of moving avatars to the right with margin-left we need to set min-width of container. */
3764
3771
  min-width: calc( var(--ck-user-avatar-size) * 2 );
@@ -3783,36 +3790,32 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3783
3790
  }
3784
3791
 
3785
3792
  .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item {
3786
- /* Adding extra px to create collapsed effect. */
3787
- margin-left: calc( var(--ck-user-avatar-size) * -1 + 7px);
3793
+ /* Adding negative margin (35% of avatar) to create collapsed effect. */
3794
+ margin-left: calc( var(--ck-user-avatar-size) * -0.35);
3788
3795
 
3789
3796
  /* Reset focus borders */
3790
3797
  border: 0;
3791
3798
  padding: 0;
3792
3799
  }
3793
3800
 
3794
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:last-child {
3795
- order: unset;
3796
- }
3797
-
3798
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(2) {
3799
- opacity: .75;
3801
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:first-child {
3802
+ margin-left: 0;
3800
3803
  }
3801
3804
 
3802
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(3) {
3803
- opacity: .55;
3804
- }
3805
-
3806
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(4) {
3807
- opacity: .35;
3805
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:last-child {
3806
+ order: unset;
3808
3807
  }
3809
3808
 
3810
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(5) {
3811
- opacity: .15;
3809
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item .ck-user {
3810
+ --ck-presence-list-avatar-border-color: var(--ck-color-base-foreground);
3811
+ border: 2px solid var(--ck-presence-list-avatar-border-color);
3812
+ margin-left: 0;
3813
+ margin-right: 0;
3812
3814
  }
3813
3815
 
3814
- .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item:nth-last-child(n+6) {
3815
- display: none;
3816
+ .ck.ck-presence-list--collapsed .ck.ck-presence-list__list-item.ck-presence-list__users-counter {
3817
+ margin-left: 0;
3818
+ margin-right: 0;
3816
3819
  }
3817
3820
 
3818
3821
  .ck.ck-presence-list__balloon {
@@ -3833,6 +3836,10 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3833
3836
  }
3834
3837
  }
3835
3838
 
3839
+ .ck.ck-presence-list__balloon ul {
3840
+ background-color: var(--ck-color-presence-list-dropdown-background);
3841
+ }
3842
+
3836
3843
  .ck.ck-presence-list__balloon .ck.ck-presence-list__dropdown-list-wrapper {
3837
3844
  min-width: var(--ck-presence-list-dropdown-list-min-width);
3838
3845
  max-width: var(--ck-presence-list-dropdown-list-max-width);
@@ -3900,6 +3907,36 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3900
3907
  width: 3px;
3901
3908
  }
3902
3909
 
3910
+ .ck.ck-presence-list__users-counter {
3911
+ --ck-presence-list-counter-border-color: var(--ck-user-avatar-background);
3912
+ --ck-presence-list-counter-background-color: var(--ck-user-avatar-color);
3913
+
3914
+ border: 2px solid var(--ck-presence-list-counter-border-color);
3915
+ display: flex;
3916
+ justify-content: center;
3917
+ align-items: center;
3918
+ position: relative;
3919
+ border-radius: 50%;
3920
+ background-color: var(--ck-presence-list-counter-background-color);
3921
+ box-sizing: border-box;
3922
+ height: calc(var(--ck-user-avatar-size) - 4px);
3923
+ width: calc(var(--ck-user-avatar-size) - 4px);
3924
+ line-height: 100%;
3925
+ margin: 2px;
3926
+ margin-top: 4px;
3927
+ }
3928
+
3929
+ .ck.ck-presence-list__users-counter__text {
3930
+ --ck-presence-list-counter-text-color: var(--ck-user-avatar-background);
3931
+
3932
+ color: var(--ck-presence-list-counter-text-color);
3933
+ cursor: default;
3934
+ -moz-user-select: none;
3935
+ -webkit-user-select: none;
3936
+ -ms-user-select: none;
3937
+ user-select: none;
3938
+ }
3939
+
3903
3940
  @keyframes fadeIn {
3904
3941
  from {
3905
3942
  opacity: 0;
@@ -3910,23 +3947,6 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
3910
3947
  }
3911
3948
  }
3912
3949
 
3913
- /*
3914
- * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
3915
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
3916
- */
3917
-
3918
- .ck.ck-editor {
3919
- /* All the elements within `.ck-editor` are positioned relatively to it.
3920
- If any element needs to be positioned with respect to the <body>, etc.,
3921
- it must land outside of the `.ck-editor` in DOM. */
3922
- position: relative;
3923
- }
3924
-
3925
- .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
3926
- /* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */
3927
- z-index: var(--ck-z-panel);
3928
- }
3929
-
3930
3950
  /*
3931
3951
  * What you're currently looking at is the source code of a legally protected, proprietary software.
3932
3952
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
@@ -4714,6 +4734,23 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
4714
4734
  border-color: var(--ck-color-suggestion-marker-deletion-border-active);
4715
4735
  }
4716
4736
 
4737
+ /*
4738
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
4739
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4740
+ */
4741
+
4742
+ .ck.ck-editor {
4743
+ /* All the elements within `.ck-editor` are positioned relatively to it.
4744
+ If any element needs to be positioned with respect to the <body>, etc.,
4745
+ it must land outside of the `.ck-editor` in DOM. */
4746
+ position: relative;
4747
+ }
4748
+
4749
+ .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
4750
+ /* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */
4751
+ z-index: var(--ck-z-panel);
4752
+ }
4753
+
4717
4754
  /*
4718
4755
  * What you're currently looking at is the source code of a legally protected, proprietary software.
4719
4756
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
@@ -20,4 +20,4 @@
20
20
  *
21
21
  *
22
22
  */
23
- export{icons}from'ckeditor5-collaboration/dist/index.js';export*from'@ckeditor/ckeditor5-ai/dist/index.js';export*from'@ckeditor/ckeditor5-case-change/dist/index.js';export*from'@ckeditor/ckeditor5-collaboration-core/dist/index.js';export*from'@ckeditor/ckeditor5-comments/dist/index.js';export*from'@ckeditor/ckeditor5-document-outline/dist/index.js';export*from'@ckeditor/ckeditor5-export-pdf/dist/index.js';export*from'@ckeditor/ckeditor5-export-word/dist/index.js';export*from'@ckeditor/ckeditor5-format-painter/dist/index.js';export*from'@ckeditor/ckeditor5-import-word/dist/index.js';export*from'@ckeditor/ckeditor5-list-multi-level/dist/index.js';export*from'@ckeditor/ckeditor5-merge-fields/dist/index.js';export*from'@ckeditor/ckeditor5-pagination/dist/index.js';export*from'@ckeditor/ckeditor5-paste-from-office-enhanced/dist/index.js';export*from'@ckeditor/ckeditor5-real-time-collaboration/dist/index.js';export*from'@ckeditor/ckeditor5-revision-history/dist/index.js';export*from'@ckeditor/ckeditor5-slash-command/dist/index.js';export*from'@ckeditor/ckeditor5-source-editing-enhanced/dist/index.js';export*from'@ckeditor/ckeditor5-template/dist/index.js';export*from'@ckeditor/ckeditor5-track-changes/dist/index.js';export*from'@ckeditor/ckeditor5-uploadcare/dist/index.js';
23
+ export*from'@ckeditor/ckeditor5-ai/dist/index.js';export*from'@ckeditor/ckeditor5-case-change/dist/index.js';export*from'@ckeditor/ckeditor5-collaboration-core/dist/index.js';export*from'@ckeditor/ckeditor5-comments/dist/index.js';export*from'@ckeditor/ckeditor5-document-outline/dist/index.js';export*from'@ckeditor/ckeditor5-export-pdf/dist/index.js';export*from'@ckeditor/ckeditor5-export-word/dist/index.js';export*from'@ckeditor/ckeditor5-format-painter/dist/index.js';export*from'@ckeditor/ckeditor5-import-word/dist/index.js';export*from'@ckeditor/ckeditor5-list-multi-level/dist/index.js';export*from'@ckeditor/ckeditor5-merge-fields/dist/index.js';export*from'@ckeditor/ckeditor5-pagination/dist/index.js';export*from'@ckeditor/ckeditor5-paste-from-office-enhanced/dist/index.js';export*from'@ckeditor/ckeditor5-real-time-collaboration/dist/index.js';export*from'@ckeditor/ckeditor5-revision-history/dist/index.js';export*from'@ckeditor/ckeditor5-slash-command/dist/index.js';export*from'@ckeditor/ckeditor5-source-editing-enhanced/dist/index.js';export*from'@ckeditor/ckeditor5-template/dist/index.js';export*from'@ckeditor/ckeditor5-track-changes/dist/index.js';export*from'@ckeditor/ckeditor5-export-inline-styles/dist/index.js';export*from'@ckeditor/ckeditor5-uploadcare/dist/index.js';export*from'@ckeditor/ckeditor5-email/dist/index.js';
package/dist/index.d.ts CHANGED
@@ -6,7 +6,6 @@
6
6
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
7
7
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
8
8
  */
9
- export { icons } from 'ckeditor5-collaboration/src/index.js';
10
9
  export * from '@ckeditor/ckeditor5-ai';
11
10
  export * from '@ckeditor/ckeditor5-case-change';
12
11
  export * from '@ckeditor/ckeditor5-collaboration-core';
@@ -26,4 +25,6 @@ export * from '@ckeditor/ckeditor5-slash-command';
26
25
  export * from '@ckeditor/ckeditor5-source-editing-enhanced';
27
26
  export * from '@ckeditor/ckeditor5-template';
28
27
  export * from '@ckeditor/ckeditor5-track-changes';
28
+ export * from '@ckeditor/ckeditor5-export-inline-styles';
29
29
  export * from '@ckeditor/ckeditor5-uploadcare';
30
+ export * from '@ckeditor/ckeditor5-email';