@ckeditor/ckeditor5-ai 41.3.0-alpha.3 → 41.3.0

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 (161) hide show
  1. package/build/ai.js +6 -6
  2. package/build/translations/es-co.js +1 -1
  3. package/lang/translations/es-co.po +53 -53
  4. package/package.json +4 -5
  5. package/src/adapters/aiadapter.js +1 -1
  6. package/src/adapters/aitextadapter.js +1 -1
  7. package/src/adapters/awstextadapter.d.ts +1 -0
  8. package/src/adapters/awstextadapter.js +1 -1
  9. package/src/adapters/openaitextadapter.d.ts +3 -1
  10. package/src/adapters/openaitextadapter.js +1 -1
  11. package/src/aiassistant.js +1 -1
  12. package/src/aiassistantediting.js +1 -1
  13. package/src/aiassistantui.js +1 -1
  14. package/src/index.js +1 -1
  15. package/src/ui/aiassistantcontroller.js +1 -1
  16. package/src/ui/dropdown/aicommandslistview.js +1 -1
  17. package/src/ui/dropdown/buttonlabelwithhighlightview.js +1 -1
  18. package/src/ui/dropdown/labelwithhighlightview.js +1 -1
  19. package/src/ui/form/aiformcontentarea.js +1 -1
  20. package/src/ui/form/aiformerrorview.js +1 -1
  21. package/src/ui/form/aiformpromptview.js +1 -1
  22. package/src/ui/form/aiformtoolbarview.js +1 -1
  23. package/src/ui/form/aiformview.js +1 -1
  24. package/src/ui/form/aihistorylistitemview.js +1 -1
  25. package/src/ui/form/aihistorylistview.js +1 -1
  26. package/src/ui/form/prompthistory.js +1 -1
  27. package/src/ui/showaiassistantcommand.js +1 -1
  28. package/src/utils/common-translations.js +1 -1
  29. package/dist/content-index.css +0 -332
  30. package/dist/editor-index.css +0 -573
  31. package/dist/index.css +0 -1344
  32. package/dist/translations/af.d.ts +0 -8
  33. package/dist/translations/af.js +0 -23
  34. package/dist/translations/ar.d.ts +0 -8
  35. package/dist/translations/ar.js +0 -23
  36. package/dist/translations/bg.d.ts +0 -8
  37. package/dist/translations/bg.js +0 -23
  38. package/dist/translations/bn.d.ts +0 -8
  39. package/dist/translations/bn.js +0 -23
  40. package/dist/translations/bs.d.ts +0 -8
  41. package/dist/translations/bs.js +0 -23
  42. package/dist/translations/ca.d.ts +0 -8
  43. package/dist/translations/ca.js +0 -23
  44. package/dist/translations/cs.d.ts +0 -8
  45. package/dist/translations/cs.js +0 -23
  46. package/dist/translations/da.d.ts +0 -8
  47. package/dist/translations/da.js +0 -23
  48. package/dist/translations/de-ch.d.ts +0 -8
  49. package/dist/translations/de-ch.js +0 -23
  50. package/dist/translations/de.d.ts +0 -8
  51. package/dist/translations/de.js +0 -23
  52. package/dist/translations/el.d.ts +0 -8
  53. package/dist/translations/el.js +0 -23
  54. package/dist/translations/en-au.d.ts +0 -8
  55. package/dist/translations/en-au.js +0 -23
  56. package/dist/translations/en.d.ts +0 -8
  57. package/dist/translations/en.js +0 -23
  58. package/dist/translations/es-co.d.ts +0 -8
  59. package/dist/translations/es-co.js +0 -23
  60. package/dist/translations/es.d.ts +0 -8
  61. package/dist/translations/es.js +0 -23
  62. package/dist/translations/et.d.ts +0 -8
  63. package/dist/translations/et.js +0 -23
  64. package/dist/translations/fa.d.ts +0 -8
  65. package/dist/translations/fa.js +0 -23
  66. package/dist/translations/fi.d.ts +0 -8
  67. package/dist/translations/fi.js +0 -23
  68. package/dist/translations/fr.d.ts +0 -8
  69. package/dist/translations/fr.js +0 -23
  70. package/dist/translations/gl.d.ts +0 -8
  71. package/dist/translations/gl.js +0 -23
  72. package/dist/translations/he.d.ts +0 -8
  73. package/dist/translations/he.js +0 -23
  74. package/dist/translations/hi.d.ts +0 -8
  75. package/dist/translations/hi.js +0 -23
  76. package/dist/translations/hr.d.ts +0 -8
  77. package/dist/translations/hr.js +0 -23
  78. package/dist/translations/hu.d.ts +0 -8
  79. package/dist/translations/hu.js +0 -23
  80. package/dist/translations/id.d.ts +0 -8
  81. package/dist/translations/id.js +0 -23
  82. package/dist/translations/it.d.ts +0 -8
  83. package/dist/translations/it.js +0 -23
  84. package/dist/translations/ja.d.ts +0 -8
  85. package/dist/translations/ja.js +0 -23
  86. package/dist/translations/jv.d.ts +0 -8
  87. package/dist/translations/jv.js +0 -23
  88. package/dist/translations/ko.d.ts +0 -8
  89. package/dist/translations/ko.js +0 -23
  90. package/dist/translations/lt.d.ts +0 -8
  91. package/dist/translations/lt.js +0 -23
  92. package/dist/translations/lv.d.ts +0 -8
  93. package/dist/translations/lv.js +0 -23
  94. package/dist/translations/ms.d.ts +0 -8
  95. package/dist/translations/ms.js +0 -23
  96. package/dist/translations/nl.d.ts +0 -8
  97. package/dist/translations/nl.js +0 -23
  98. package/dist/translations/no.d.ts +0 -8
  99. package/dist/translations/no.js +0 -23
  100. package/dist/translations/pl.d.ts +0 -8
  101. package/dist/translations/pl.js +0 -23
  102. package/dist/translations/pt-br.d.ts +0 -8
  103. package/dist/translations/pt-br.js +0 -23
  104. package/dist/translations/pt.d.ts +0 -8
  105. package/dist/translations/pt.js +0 -23
  106. package/dist/translations/ro.d.ts +0 -8
  107. package/dist/translations/ro.js +0 -23
  108. package/dist/translations/ru.d.ts +0 -8
  109. package/dist/translations/ru.js +0 -23
  110. package/dist/translations/sk.d.ts +0 -8
  111. package/dist/translations/sk.js +0 -23
  112. package/dist/translations/sr-latn.d.ts +0 -8
  113. package/dist/translations/sr-latn.js +0 -23
  114. package/dist/translations/sr.d.ts +0 -8
  115. package/dist/translations/sr.js +0 -23
  116. package/dist/translations/sv.d.ts +0 -8
  117. package/dist/translations/sv.js +0 -23
  118. package/dist/translations/th.d.ts +0 -8
  119. package/dist/translations/th.js +0 -23
  120. package/dist/translations/tk.d.ts +0 -8
  121. package/dist/translations/tk.js +0 -23
  122. package/dist/translations/tr.d.ts +0 -8
  123. package/dist/translations/tr.js +0 -23
  124. package/dist/translations/ug.d.ts +0 -8
  125. package/dist/translations/ug.js +0 -23
  126. package/dist/translations/uk.d.ts +0 -8
  127. package/dist/translations/uk.js +0 -23
  128. package/dist/translations/ur.d.ts +0 -8
  129. package/dist/translations/ur.js +0 -23
  130. package/dist/translations/uz.d.ts +0 -8
  131. package/dist/translations/uz.js +0 -23
  132. package/dist/translations/vi.d.ts +0 -8
  133. package/dist/translations/vi.js +0 -23
  134. package/dist/translations/zh-cn.d.ts +0 -8
  135. package/dist/translations/zh-cn.js +0 -23
  136. package/dist/translations/zh.d.ts +0 -8
  137. package/dist/translations/zh.js +0 -23
  138. package/dist/types/adapters/aiadapter.d.ts +0 -52
  139. package/dist/types/adapters/aitextadapter.d.ts +0 -150
  140. package/dist/types/adapters/awstextadapter.d.ts +0 -182
  141. package/dist/types/adapters/openaitextadapter.d.ts +0 -185
  142. package/dist/types/aiassistant.d.ts +0 -390
  143. package/dist/types/aiassistantediting.d.ts +0 -50
  144. package/dist/types/aiassistantui.d.ts +0 -57
  145. package/dist/types/aiconfig.d.ts +0 -73
  146. package/dist/types/augmentation.d.ts +0 -31
  147. package/dist/types/index.d.ts +0 -17
  148. package/dist/types/ui/aiassistantcontroller.d.ts +0 -113
  149. package/dist/types/ui/dropdown/aicommandslistview.d.ts +0 -37
  150. package/dist/types/ui/dropdown/buttonlabelwithhighlightview.d.ts +0 -33
  151. package/dist/types/ui/dropdown/labelwithhighlightview.d.ts +0 -29
  152. package/dist/types/ui/form/aiformcontentarea.d.ts +0 -52
  153. package/dist/types/ui/form/aiformerrorview.d.ts +0 -30
  154. package/dist/types/ui/form/aiformpromptview.d.ts +0 -50
  155. package/dist/types/ui/form/aiformtoolbarview.d.ts +0 -62
  156. package/dist/types/ui/form/aiformview.d.ts +0 -145
  157. package/dist/types/ui/form/aihistorylistitemview.d.ts +0 -22
  158. package/dist/types/ui/form/aihistorylistview.d.ts +0 -39
  159. package/dist/types/ui/form/prompthistory.d.ts +0 -24
  160. package/dist/types/ui/showaiassistantcommand.d.ts +0 -44
  161. package/dist/types/utils/common-translations.d.ts +0 -13
package/dist/index.css DELETED
@@ -1,1344 +0,0 @@
1
- /**
2
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
- */
5
- /*
6
- * What you're currently looking at is the source code of a legally protected, proprietary software.
7
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
8
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
9
- *
10
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
11
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
12
- */
13
-
14
- /*
15
- * What you're currently looking at is the source code of a legally protected, proprietary software.
16
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
17
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
18
- *
19
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
20
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
21
- */
22
-
23
- :root {
24
- --ck-user-colors--0: hsla(235, 73%, 67%, 1);
25
- --ck-user-colors--0-alpha: hsla(235, 73%, 67%, 0.15);
26
-
27
- --ck-user-colors--1: hsla(173, 100%, 24%, 1);
28
- --ck-user-colors--1-alpha: hsla(173, 100%, 24%, 0.15);
29
-
30
- --ck-user-colors--2: hsla(0, 46%, 50%, 1);
31
- --ck-user-colors--2-alpha: hsla(0, 46%, 50%, 0.15);
32
-
33
- --ck-user-colors--3: hsla(256, 54%, 45%, 1);
34
- --ck-user-colors--3-alpha: hsla(256, 54%, 45%, 0.15);
35
-
36
- --ck-user-colors--4: hsla(95, 50%, 36%, 1);
37
- --ck-user-colors--4-alpha: hsla(95, 50%, 36%, 0.15);
38
-
39
- --ck-user-colors--5: hsla(336, 78%, 43%, 1);
40
- --ck-user-colors--5-alpha: hsla(336, 78%, 43%, 0.15);
41
-
42
- --ck-user-colors--6: hsla(0, 80%, 59%, 1);
43
- --ck-user-colors--6-alpha: hsla(0, 80%, 59%, 0.15);
44
-
45
- --ck-user-colors--7: hsla(184, 90%, 43%, 1);
46
- --ck-user-colors--7-alpha: hsla(184, 90%, 43%, 0.15);
47
-
48
- --ck-user-dot-size: 6px;
49
- }
50
-
51
- /* We are using mixins here because of lack of PostCSS loop plugin. */
52
-
53
- .ck .ck-user__color--0 {
54
- color: var(--ck-user-colors--0);
55
- }
56
-
57
- .ck .ck-user__bg-color--0 {
58
- background-color: var(--ck-user-colors--0);
59
- }
60
-
61
- .ck .ck-user__selection--0 {
62
- background-color: var(--ck-user-colors--0-alpha);
63
- }
64
-
65
- .ck .ck-user__selection--0.ck-widget {
66
- background-color: transparent;
67
- border: 3px solid var(--ck-user-colors--0);
68
- }
69
-
70
- .ck .ck-user__marker--0,
71
- .ck .ck-user__marker--0:after,
72
- .ck .ck-user__marker--0 .ck-user__marker-dot {
73
- background-color: var(--ck-user-colors--0);
74
- }
75
-
76
- .ck .ck-user__marker--0 .ck-user__marker-line {
77
- border: 1px solid var(--ck-user-colors--0);
78
- }
79
- .ck .ck-user__color--1 {
80
- color: var(--ck-user-colors--1);
81
- }
82
- .ck .ck-user__bg-color--1 {
83
- background-color: var(--ck-user-colors--1);
84
- }
85
- .ck .ck-user__selection--1 {
86
- background-color: var(--ck-user-colors--1-alpha);
87
- }
88
- .ck .ck-user__selection--1.ck-widget {
89
- background-color: transparent;
90
- border: 3px solid var(--ck-user-colors--1);
91
- }
92
- .ck .ck-user__marker--1,
93
- .ck .ck-user__marker--1:after,
94
- .ck .ck-user__marker--1 .ck-user__marker-dot {
95
- background-color: var(--ck-user-colors--1);
96
- }
97
- .ck .ck-user__marker--1 .ck-user__marker-line {
98
- border: 1px solid var(--ck-user-colors--1);
99
- }
100
- .ck .ck-user__color--2 {
101
- color: var(--ck-user-colors--2);
102
- }
103
- .ck .ck-user__bg-color--2 {
104
- background-color: var(--ck-user-colors--2);
105
- }
106
- .ck .ck-user__selection--2 {
107
- background-color: var(--ck-user-colors--2-alpha);
108
- }
109
- .ck .ck-user__selection--2.ck-widget {
110
- background-color: transparent;
111
- border: 3px solid var(--ck-user-colors--2);
112
- }
113
- .ck .ck-user__marker--2,
114
- .ck .ck-user__marker--2:after,
115
- .ck .ck-user__marker--2 .ck-user__marker-dot {
116
- background-color: var(--ck-user-colors--2);
117
- }
118
- .ck .ck-user__marker--2 .ck-user__marker-line {
119
- border: 1px solid var(--ck-user-colors--2);
120
- }
121
- .ck .ck-user__color--3 {
122
- color: var(--ck-user-colors--3);
123
- }
124
- .ck .ck-user__bg-color--3 {
125
- background-color: var(--ck-user-colors--3);
126
- }
127
- .ck .ck-user__selection--3 {
128
- background-color: var(--ck-user-colors--3-alpha);
129
- }
130
- .ck .ck-user__selection--3.ck-widget {
131
- background-color: transparent;
132
- border: 3px solid var(--ck-user-colors--3);
133
- }
134
- .ck .ck-user__marker--3,
135
- .ck .ck-user__marker--3:after,
136
- .ck .ck-user__marker--3 .ck-user__marker-dot {
137
- background-color: var(--ck-user-colors--3);
138
- }
139
- .ck .ck-user__marker--3 .ck-user__marker-line {
140
- border: 1px solid var(--ck-user-colors--3);
141
- }
142
- .ck .ck-user__color--4 {
143
- color: var(--ck-user-colors--4);
144
- }
145
- .ck .ck-user__bg-color--4 {
146
- background-color: var(--ck-user-colors--4);
147
- }
148
- .ck .ck-user__selection--4 {
149
- background-color: var(--ck-user-colors--4-alpha);
150
- }
151
- .ck .ck-user__selection--4.ck-widget {
152
- background-color: transparent;
153
- border: 3px solid var(--ck-user-colors--4);
154
- }
155
- .ck .ck-user__marker--4,
156
- .ck .ck-user__marker--4:after,
157
- .ck .ck-user__marker--4 .ck-user__marker-dot {
158
- background-color: var(--ck-user-colors--4);
159
- }
160
- .ck .ck-user__marker--4 .ck-user__marker-line {
161
- border: 1px solid var(--ck-user-colors--4);
162
- }
163
- .ck .ck-user__color--5 {
164
- color: var(--ck-user-colors--5);
165
- }
166
- .ck .ck-user__bg-color--5 {
167
- background-color: var(--ck-user-colors--5);
168
- }
169
- .ck .ck-user__selection--5 {
170
- background-color: var(--ck-user-colors--5-alpha);
171
- }
172
- .ck .ck-user__selection--5.ck-widget {
173
- background-color: transparent;
174
- border: 3px solid var(--ck-user-colors--5);
175
- }
176
- .ck .ck-user__marker--5,
177
- .ck .ck-user__marker--5:after,
178
- .ck .ck-user__marker--5 .ck-user__marker-dot {
179
- background-color: var(--ck-user-colors--5);
180
- }
181
- .ck .ck-user__marker--5 .ck-user__marker-line {
182
- border: 1px solid var(--ck-user-colors--5);
183
- }
184
- .ck .ck-user__color--6 {
185
- color: var(--ck-user-colors--6);
186
- }
187
- .ck .ck-user__bg-color--6 {
188
- background-color: var(--ck-user-colors--6);
189
- }
190
- .ck .ck-user__selection--6 {
191
- background-color: var(--ck-user-colors--6-alpha);
192
- }
193
- .ck .ck-user__selection--6.ck-widget {
194
- background-color: transparent;
195
- border: 3px solid var(--ck-user-colors--6);
196
- }
197
- .ck .ck-user__marker--6,
198
- .ck .ck-user__marker--6:after,
199
- .ck .ck-user__marker--6 .ck-user__marker-dot {
200
- background-color: var(--ck-user-colors--6);
201
- }
202
- .ck .ck-user__marker--6 .ck-user__marker-line {
203
- border: 1px solid var(--ck-user-colors--6);
204
- }
205
- .ck .ck-user__color--7 {
206
- color: var(--ck-user-colors--7);
207
- }
208
- .ck .ck-user__bg-color--7 {
209
- background-color: var(--ck-user-colors--7);
210
- }
211
- .ck .ck-user__selection--7 {
212
- background-color: var(--ck-user-colors--7-alpha);
213
- }
214
- .ck .ck-user__selection--7.ck-widget {
215
- background-color: transparent;
216
- border: 3px solid var(--ck-user-colors--7);
217
- }
218
- .ck .ck-user__marker--7,
219
- .ck .ck-user__marker--7:after,
220
- .ck .ck-user__marker--7 .ck-user__marker-dot {
221
- background-color: var(--ck-user-colors--7);
222
- }
223
- .ck .ck-user__marker--7 .ck-user__marker-line {
224
- border: 1px solid var(--ck-user-colors--7);
225
- }
226
-
227
- /*
228
- * What you're currently looking at is the source code of a legally protected, proprietary software.
229
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
230
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
231
- *
232
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
233
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
234
- */
235
-
236
- /*
237
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
238
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
239
- */
240
-
241
- /**
242
- * Makes element unselectable.
243
- */
244
-
245
- :root {
246
- --ck-user-avatar-size: 40px;
247
- --ck-user-avatar-background: hsl(210, 52%, 44%);
248
- --ck-user-avatar-color: hsl(0, 0%, 100%);
249
- --ck-user-me-border-color: hsl(0, 0%, 100%);
250
- }
251
-
252
- .ck.ck-user {
253
- display: flex;
254
- justify-content: center;
255
- align-items: center;
256
- position: relative;
257
- border-radius: 50%;
258
- background-color: var(--ck-user-avatar-background);
259
- box-sizing: border-box;
260
- height: var(--ck-user-avatar-size);
261
- width: var(--ck-user-avatar-size);
262
- min-width: var(--ck-user-avatar-size);
263
- min-height: var(--ck-user-avatar-size);
264
- line-height: 100%;
265
- margin: 2px;
266
- }
267
-
268
- .ck.ck-user.ck-user_me {
269
- border: 2px solid var(--ck-user-me-border-color);
270
- outline: 2px solid var(--ck-user-avatar-background);
271
- }
272
-
273
- .ck.ck-user__name {
274
- color: var(--ck-user-avatar-color);
275
- cursor: default;
276
- -moz-user-select: none;
277
- -webkit-user-select: none;
278
- -ms-user-select: none;
279
- user-select: none;
280
- }
281
-
282
- .ck.ck-user__name.ck-user__name--hidden {
283
- display: none;
284
- }
285
-
286
- .ck.ck-user__img {
287
- display: none;
288
- width: 100%;
289
- height: 100%;
290
- background-position: center center;
291
- background-repeat: no-repeat;
292
- background-size: cover;
293
- background-color: var(--ck-user-avatar-background);
294
- border-radius: 50%;
295
- border: none;
296
- }
297
-
298
- .ck.ck-user__img.ck-user__anonymous {
299
- display: block;
300
- 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);
301
-
302
- /* Do not display initials when user is anonymous. */
303
- }
304
-
305
- .ck.ck-user__img.ck-user__anonymous + .ck-user__name {
306
- display: none;
307
- }
308
-
309
- .ck.ck-user__img.ck-user__avatar {
310
- display: block;
311
-
312
- /* In case if avatar is transparent make background white. */
313
- background-color: hsl(0, 0%, 100%);
314
- }
315
-
316
- .ck.ck-user__img.ck-user__img--hidden {
317
- display: none;
318
- }
319
-
320
- .ck.ck-user__notification {
321
- display: flex;
322
- width: 15px;
323
- height: 15px;
324
- justify-content: center;
325
- align-items: center;
326
- background: var(--ck-color-base-background);
327
- border: 2px solid var(--ck-color-base-background);
328
- border-radius: 50%;
329
- box-sizing: content-box;
330
-
331
- position: absolute;
332
- top: -8px;
333
- right: -7px;
334
- overflow: hidden;
335
- transform: translateZ(0);
336
- }
337
-
338
- .ck.ck-user__notification .ck-user__icon {
339
- color: var(--ck-color-annotation-info);
340
- background: var(--ck-color-base-background);
341
- width: 19px;
342
- height: 19px;
343
- max-width: 19px;
344
- max-height: 19px;
345
- min-width: 19px;
346
- min-height: 19px;
347
- }
348
-
349
- /*
350
- * What you're currently looking at is the source code of a legally protected, proprietary software.
351
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
352
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
353
- *
354
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
355
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
356
- */
357
-
358
- :root {
359
- --ck-color-comment-box-border: hsl(55, 98%, 48%);
360
- --ck-color-suggestion-box-deletion-border: hsl(345, 62%, 60%);
361
- --ck-color-suggestion-box-insertion-border: hsl(128, 62%, 60%);
362
- --ck-color-suggestion-box-format-border: hsl(191, 62%, 60%);
363
- }
364
-
365
- .ck .ck-suggestion {
366
- border-top-left-radius: var(--ck-border-radius);
367
- }
368
-
369
- .ck .ck-annotation {
370
- border-left: 3px solid transparent;
371
- }
372
-
373
-
374
- /* See: #3683.
375
- * Inline Suggestion annotations that can't be commented on contains a scrollbar by default */
376
- .ck .ck-suggestion--disabled-comments .ck-annotation {
377
- min-height: 80px;
378
- }
379
-
380
- /* See: #2459.
381
- With track-changes feature enabled, we need to distinguish various types of annotations (comments and suggestions). */
382
- .ck .ck-comment,
383
- .ck .ck-thread__comment-count,
384
- .ck .ck-comment__input-container,
385
- .ck .ck-thread__header {
386
- border-left: 3px solid var(--ck-color-comment-box-border);
387
- }
388
-
389
- .ck .ck-suggestion-insertion .ck-suggestion {
390
- border-left-color: var(--ck-color-suggestion-box-insertion-border);
391
- }
392
-
393
- .ck .ck-suggestion-deletion .ck-suggestion {
394
- border-left-color: var(--ck-color-suggestion-box-deletion-border);
395
- }
396
-
397
- .ck .ck-suggestion-replace .ck-suggestion {
398
- border-left-color: var(--ck-color-suggestion-box-insertion-border);
399
- }
400
-
401
- .ck .ck-suggestion-format .ck-suggestion {
402
- border-left-color: var(--ck-color-suggestion-box-format-border);
403
- }
404
-
405
- .ck .ck-suggestion-wrapper {
406
- outline: 0;
407
- overflow: hidden;
408
- }
409
-
410
- .ck .ck-suggestion-type {
411
- font-weight: bold;
412
- }
413
-
414
- .ck .ck-suggestion-color {
415
- display: inline-block;
416
- width: 14px;
417
- height: 14px;
418
- border-radius: 14px;
419
- vertical-align: text-bottom;
420
- margin: 0 5px;
421
- box-shadow: 0 0 0 1px hsl(0, 0%, 27%);
422
- }
423
-
424
- /* Comments inside suggestion. */
425
-
426
- /* Handle comments inside suggestion keep same border-color. */
427
- .ck .ck-suggestion-insertion .ck-comment,
428
- .ck .ck-suggestion-insertion .ck-thread__comment-count,
429
- .ck .ck-suggestion-insertion .ck-comment__input-container,
430
- .ck .ck-suggestion-replace .ck-comment,
431
- .ck .ck-suggestion-replace .ck-thread__comment-count,
432
- .ck .ck-suggestion-replace .ck-comment__input-container {
433
- border-left-color: var(--ck-color-suggestion-box-insertion-border);
434
- }
435
-
436
- .ck .ck-suggestion-deletion .ck-comment,
437
- .ck .ck-suggestion-deletion .ck-thread__comment-count,
438
- .ck .ck-suggestion-deletion .ck-comment__input-container {
439
- border-left-color: var(--ck-color-suggestion-box-deletion-border);
440
- }
441
-
442
- .ck .ck-suggestion-format .ck-comment,
443
- .ck .ck-suggestion-format .ck-thread__comment-count,
444
- .ck .ck-suggestion-format .ck-comment__input-container {
445
- border-left-color: var(--ck-color-suggestion-box-format-border);
446
- }
447
-
448
- /*
449
- * What you're currently looking at is the source code of a legally protected, proprietary software.
450
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
451
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
452
- *
453
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
454
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
455
- */
456
-
457
- :root {
458
- --ck-color-suggestion-marker-insertion-border: hsla(128, 71%, 40%, .35);
459
- --ck-color-suggestion-marker-insertion-border-active: hsla(128, 71%, 25%, .5);
460
- --ck-color-suggestion-marker-insertion-background: hsla(128, 71%, 65%, .35);
461
- --ck-color-suggestion-marker-insertion-background-active: hsla(128, 71%, 50%, .5);
462
-
463
- --ck-color-suggestion-marker-deletion-border: hsla(345, 71%, 40%, .35);
464
- --ck-color-suggestion-marker-deletion-border-active: hsla(345, 71%, 25%, .5);
465
- --ck-color-suggestion-marker-deletion-background: hsla(345, 71%, 65%, .35);
466
- --ck-color-suggestion-marker-deletion-background-active: hsla(345, 71%, 50%, .5);
467
- --ck-color-suggestion-marker-deletion-stroke: hsla(345, 71%, 20%, .5);
468
-
469
- --ck-color-suggestion-marker-format-border: hsla(191, 60%, 75%, 1);
470
- --ck-color-suggestion-marker-format-border-active: hsla(191, 60%, 60%, 1);
471
-
472
- --ck-color-suggestion-widget-insertion-background: hsla(128, 71%, 65%, .05);
473
- --ck-color-suggestion-widget-insertion-background-active: hsla(128, 71%, 50%, .07);
474
-
475
- --ck-color-suggestion-widget-deletion-background: hsla(345, 71%, 65%, .05);
476
- --ck-color-suggestion-widget-deletion-background-active: hsla(345, 71%, 45%, .07);
477
-
478
- --ck-color-suggestion-widget-format-background: hsla(191, 90%, 40%, .09);
479
- --ck-color-suggestion-widget-format-background-active: hsla(191, 90%, 40%, .16);
480
- }
481
-
482
- .ck-content .ck-suggestion-marker-insertion {
483
- border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
484
- border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
485
- background: var(--ck-color-suggestion-marker-insertion-background);
486
- }
487
-
488
- .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active {
489
- border-color: var(--ck-color-suggestion-marker-insertion-border-active);
490
- background: var(--ck-color-suggestion-marker-insertion-background-active);
491
- }
492
-
493
- /* Disable background of marker inside widget. */
494
-
495
- .ck-content .ck-suggestion-marker-insertion.ck-widget {
496
- background: none;
497
- text-decoration: none;
498
- border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
499
- }
500
-
501
- .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-suggestion-marker--active {
502
- border-color: var(--ck-color-suggestion-marker-insertion-border-active);
503
- }
504
-
505
- .ck-content .ck-suggestion-marker-deletion {
506
- border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
507
- border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
508
-
509
- /* #2810. Safari doesn't support combined text-decoration values. */
510
- text-decoration: line-through;
511
- text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
512
- text-decoration-thickness: 3px;
513
-
514
- background: var(--ck-color-suggestion-marker-deletion-background);
515
- }
516
-
517
- .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active {
518
- border-color: var(--ck-color-suggestion-marker-deletion-border-active);
519
- background: var(--ck-color-suggestion-marker-deletion-background-active);
520
- }
521
-
522
- /* Disable background of marker inside widget. */
523
-
524
- .ck-content .ck-suggestion-marker-deletion.ck-widget {
525
- background: none;
526
- text-decoration: none;
527
- border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
528
- }
529
-
530
- .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-suggestion-marker--active {
531
- border-color: var(--ck-color-suggestion-marker-deletion-border-active);
532
- }
533
-
534
- .ck-content .ck-suggestion-marker-merge::after {
535
- border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
536
- border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
537
-
538
- /* #2810. Safari doesn't support combined text-decoration values. */
539
- text-decoration: line-through;
540
- text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
541
-
542
- background: var(--ck-color-suggestion-marker-deletion-background);
543
- color: var(--ck-color-suggestion-marker-deletion-stroke);
544
- content: '¶';
545
- }
546
-
547
- .ck-content .ck-suggestion-marker-merge.ck-suggestion-marker--active::after {
548
- border-color: var(--ck-color-suggestion-marker-deletion-border-active);
549
- background: var(--ck-color-suggestion-marker-deletion-background-active);
550
- }
551
-
552
- .ck-content .ck-suggestion-marker-split::after {
553
- border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
554
- border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
555
- background: var(--ck-color-suggestion-marker-insertion-background);
556
- color: var(--ck-color-suggestion-marker-insertion-border);
557
- content: '¶';
558
- }
559
-
560
- .ck-content .ck-suggestion-marker-split.ck-suggestion-marker--active::after {
561
- border-color: var(--ck-color-suggestion-marker-insertion-border-active);
562
- background: var(--ck-color-suggestion-marker-insertion-background-active);
563
- }
564
-
565
- .ck-content .ck-suggestion-marker-formatInline {
566
- border-top: 3px solid var(--ck-color-suggestion-marker-format-border);
567
- border-bottom: 3px solid var(--ck-color-suggestion-marker-format-border);
568
- }
569
-
570
- .ck-content .ck-suggestion-marker-formatInline.ck-suggestion-marker--active {
571
- border-color: var(--ck-color-suggestion-marker-format-border-active);
572
- }
573
-
574
- .ck-content .ck-suggestion-marker-formatInline.ck-widget {
575
- background: none;
576
- border: 3px solid var(--ck-color-suggestion-marker-format-border);
577
- }
578
-
579
- .ck-content .ck-suggestion-marker-formatInline.ck-widget.ck-suggestion-marker--active {
580
- border-color: var(--ck-color-suggestion-marker-format-border-active);
581
- }
582
-
583
- /* This is a tricky case.
584
- * We can't use `border-left` because sticky marker to the element looks kinda ugly.
585
- * We can't use `::before` pseudoelement because it requires `position: relative` of parent, which breaks side-image.
586
- * We can't use `outline` because it's impossible to display only left side of outline.
587
- * So... we need to use power of CSS hacks <3 and use doubled box-shadow.
588
- */
589
-
590
- .ck-content .ck-suggestion-marker-formatBlock {
591
- border: 0;
592
- background: none;
593
- box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
594
- }
595
-
596
- .ck-content .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
597
- box-shadow: -5px 0 0 0 var(--ck-color-base-background), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
598
- }
599
-
600
- .ck-content ul .ck-suggestion-marker-formatBlock,
601
- .ck-content ol .ck-suggestion-marker-formatBlock {
602
- box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border);
603
- }
604
-
605
- .ck-content ul .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active, .ck-content ol .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
606
- box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
607
- }
608
-
609
- /*
610
- * What you're currently looking at is the source code of a legally protected, proprietary software.
611
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
612
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
613
- *
614
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
615
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
616
- */
617
-
618
- .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion {
619
- background-color: var(--ck-color-suggestion-widget-deletion-background);
620
- border: none;
621
- }
622
-
623
- .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
624
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
625
- }
626
-
627
- .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion {
628
- background-color: var(--ck-color-suggestion-widget-insertion-background);
629
- border: none;
630
- }
631
-
632
- .ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
633
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
634
- }
635
-
636
- .ck-content .ck-suggestion-marker-deletion.ck-widget.image {
637
- background-color: var(--ck-color-suggestion-widget-deletion-background);
638
- }
639
-
640
- .ck-content .ck-suggestion-marker-deletion.ck-widget.image img {
641
- opacity: 0.6;
642
- }
643
-
644
- .ck-content .ck-suggestion-marker-deletion.ck-widget.image figcaption {
645
- background-color: var(--ck-color-suggestion-widget-deletion-background);
646
- }
647
-
648
- .ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active {
649
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
650
- }
651
-
652
- .ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active figcaption {
653
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
654
- }
655
-
656
- .ck-content .ck-suggestion-marker-insertion.ck-widget.image {
657
- background-color: var(--ck-color-suggestion-widget-insertion-background);
658
-
659
- /* stylelint-disable no-descending-specificity */
660
- }
661
-
662
- .ck-content .ck-suggestion-marker-insertion.ck-widget.image figcaption {
663
- background-color: var(--ck-color-suggestion-widget-insertion-background);
664
- }
665
-
666
- /* stylelint-enable no-descending-specificity */
667
-
668
- .ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active {
669
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
670
- }
671
-
672
- .ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active figcaption {
673
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
674
- }
675
-
676
- /*
677
- * What you're currently looking at is the source code of a legally protected, proprietary software.
678
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
679
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
680
- *
681
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
682
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
683
- */
684
-
685
- .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line {
686
- background-color: var(--ck-color-suggestion-widget-deletion-background);
687
- }
688
-
689
- .ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
690
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
691
- }
692
-
693
- .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line {
694
- background-color: var(--ck-color-suggestion-widget-insertion-background);
695
- }
696
-
697
- .ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
698
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
699
- }
700
-
701
- /*
702
- * What you're currently looking at is the source code of a legally protected, proprietary software.
703
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
704
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
705
- *
706
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
707
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
708
- */
709
-
710
- .ck-content .ck-suggestion-marker-deletion.ck-widget.media {
711
- background-color: var(--ck-color-suggestion-widget-deletion-background);
712
- }
713
-
714
- .ck-content .ck-suggestion-marker-deletion.ck-widget.media .ck-media__wrapper {
715
- opacity: 0.6;
716
- }
717
-
718
- .ck-content .ck-suggestion-marker-deletion.ck-widget.media.ck-suggestion-marker--active {
719
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
720
- }
721
-
722
- .ck-content .ck-suggestion-marker-insertion.ck-widget.media {
723
- background-color: var(--ck-color-suggestion-widget-insertion-background);
724
- }
725
-
726
- .ck-content .ck-suggestion-marker-insertion.ck-widget.media.ck-suggestion-marker--active {
727
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
728
- }
729
-
730
- /*
731
- * What you're currently looking at is the source code of a legally protected, proprietary software.
732
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
733
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
734
- *
735
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
736
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
737
- */
738
-
739
- .ck-content .ck-suggestion-marker-deletion.ck-widget.page-break {
740
- background-color: var(--ck-color-suggestion-widget-deletion-background);
741
- }
742
-
743
- .ck-content .ck-suggestion-marker-deletion.ck-widget.page-break.ck-suggestion-marker--active {
744
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
745
- }
746
-
747
- .ck-content .ck-suggestion-marker-insertion.ck-widget.page-break {
748
- background-color: var(--ck-color-suggestion-widget-insertion-background);
749
- }
750
-
751
- .ck-content .ck-suggestion-marker-insertion.ck-widget.page-break.ck-suggestion-marker--active {
752
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
753
- }
754
-
755
- /*
756
- * What you're currently looking at is the source code of a legally protected, proprietary software.
757
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
758
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
759
- *
760
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
761
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
762
- */
763
-
764
- :root {
765
- --ck-color-suggestion-widget-th-insertion-background: hsla(128, 71%, 65%, .12);
766
- --ck-color-suggestion-widget-th-insertion-background-active: hsla(128, 71%, 50%, .14);
767
-
768
- --ck-color-suggestion-widget-th-deletion-background: hsla(345, 71%, 65%, .14);
769
- --ck-color-suggestion-widget-th-deletion-background-active: hsla(345, 71%, 45%, .16);
770
- }
771
-
772
- .ck-content figure.table .ck-suggestion-marker-formatBlock {
773
- box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border);
774
- }
775
-
776
- .ck-content figure.table .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
777
- box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
778
- }
779
-
780
- .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion {
781
- background-color: var(--ck-color-suggestion-widget-deletion-background);
782
- border: none;
783
- }
784
-
785
- .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
786
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
787
- }
788
-
789
- .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion {
790
- background-color: var(--ck-color-suggestion-widget-insertion-background);
791
- border: none;
792
- }
793
-
794
- .ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
795
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
796
- }
797
-
798
- .ck-content .ck-suggestion-marker-insertion.table {
799
- border-color: var(--ck-color-suggestion-marker-insertion-border);
800
- }
801
-
802
- .ck-content .ck-suggestion-marker-insertion.table > figcaption {
803
- background-color: var(--ck-color-suggestion-widget-insertion-background);
804
- }
805
-
806
- .ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > th {
807
- background-color: var(--ck-color-suggestion-widget-th-insertion-background);
808
- border-color: var(--ck-color-suggestion-marker-insertion-border);
809
- }
810
-
811
- .ck-content .ck-suggestion-marker-insertion.table > table > thead > tr > th {
812
- background-color: var(--ck-color-suggestion-widget-th-insertion-background);
813
- border-color: var(--ck-color-suggestion-marker-insertion-border);
814
- }
815
-
816
- .ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > td {
817
- background-color: var(--ck-color-suggestion-widget-insertion-background);
818
- border-color: var(--ck-color-suggestion-marker-insertion-border);
819
- }
820
-
821
- .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table {
822
- border-color: var(--ck-color-suggestion-marker-insertion-border-active);
823
- }
824
-
825
- .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > figcaption {
826
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
827
- }
828
-
829
- .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > th {
830
- background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
831
- border-color: var(--ck-color-suggestion-marker-insertion-border-active);
832
- }
833
-
834
- .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > thead > tr > th {
835
- background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
836
- border-color: var(--ck-color-suggestion-marker-insertion-border-active);
837
- }
838
-
839
- .ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > td {
840
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
841
- border-color: var(--ck-color-suggestion-marker-insertion-border-active);
842
- }
843
-
844
- .ck-content .ck-suggestion-marker-deletion.ck-widget.table {
845
- border-color: var(--ck-color-suggestion-marker-deletion-border);
846
- }
847
-
848
- .ck-content .ck-suggestion-marker-deletion.ck-widget.table > figcaption {
849
- background-color: var(--ck-color-suggestion-widget-deletion-background);
850
- }
851
-
852
- .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > th {
853
- background-color: var(--ck-color-suggestion-widget-th-deletion-background);
854
- border-color: var(--ck-color-suggestion-marker-deletion-border);
855
- text-decoration: none;
856
- }
857
-
858
- .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > thead > tr > th {
859
- background-color: var(--ck-color-suggestion-widget-th-deletion-background);
860
- border-color: var(--ck-color-suggestion-marker-deletion-border);
861
- text-decoration: none;
862
- }
863
-
864
- .ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > td {
865
- background-color: var(--ck-color-suggestion-widget-deletion-background);
866
- border-color: var(--ck-color-suggestion-marker-deletion-border);
867
- text-decoration: none;
868
- }
869
-
870
- .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table {
871
- border-color: var(--ck-color-suggestion-marker-deletion-border-active);
872
- }
873
-
874
- .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > figcaption {
875
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
876
- }
877
-
878
- .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > th {
879
- background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
880
- border-color: var(--ck-color-suggestion-marker-deletion-border-active);
881
- }
882
-
883
- .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > thead > tr > th {
884
- background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
885
- border-color: var(--ck-color-suggestion-marker-deletion-border-active);
886
- }
887
-
888
- .ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > td {
889
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
890
- border-color: var(--ck-color-suggestion-marker-deletion-border-active);
891
- }
892
-
893
- /*
894
- * We need here at least 022 CSS Specificity because of table styles like `.ck-content .table table th { background: ... }
895
- * See: https://github.com/ckeditor/ckeditor5-table/blob/master/theme/table.css#L29
896
- */
897
- .ck-content .table th.ck-suggestion-marker-insertion {
898
- background-color: var(--ck-color-suggestion-widget-th-insertion-background);
899
- }
900
- .ck-content .table th.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
901
- background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
902
- }
903
- .ck-content .table th.ck-suggestion-marker-deletion {
904
- background-color: var(--ck-color-suggestion-widget-th-deletion-background);
905
- text-decoration: none;
906
- }
907
- .ck-content .table th.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
908
- background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
909
- }
910
- .ck-content .table td.ck-suggestion-marker-insertion {
911
- background-color: var(--ck-color-suggestion-widget-insertion-background);
912
- }
913
- .ck-content .table td.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
914
- background-color: var(--ck-color-suggestion-widget-insertion-background-active);
915
- }
916
- .ck-content .table td.ck-suggestion-marker-deletion {
917
- background-color: var(--ck-color-suggestion-widget-deletion-background);
918
- text-decoration: none;
919
- }
920
- .ck-content .table td.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
921
- background-color: var(--ck-color-suggestion-widget-deletion-background-active);
922
- }
923
- .ck-content .table th.ck-suggestion-marker-formatInline,
924
- .ck-content .table td.ck-suggestion-marker-formatInline,
925
- .ck-content .table th.ck-suggestion-marker-formatBlock,
926
- .ck-content .table td.ck-suggestion-marker-formatBlock {
927
- background-color: var(--ck-color-suggestion-widget-format-background);
928
- box-shadow: none;
929
- }
930
- .ck-content .table th.ck-suggestion-marker-formatInline.ck-suggestion-marker--active, .ck-content .table td.ck-suggestion-marker-formatInline.ck-suggestion-marker--active, .ck-content .table th.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active, .ck-content .table td.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
931
- background-color: var(--ck-color-suggestion-widget-format-background-active);
932
- box-shadow: none;
933
- }
934
-
935
- /*
936
- * What you're currently looking at is the source code of a legally protected, proprietary software.
937
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
938
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
939
- *
940
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
941
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
942
- */
943
-
944
- .ck-content pre > code.ck-suggestion-marker-formatBlock {
945
- display: block;
946
- box-shadow: -7px 0 0 0 hsl(0deg 0% 93%), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
947
- }
948
-
949
- .ck-content pre > code.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
950
- box-shadow: -5px 0 0 0 hsl(0deg 0% 93%), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
951
- }
952
-
953
- /*
954
- * What you're currently looking at is the source code of a legally protected, proprietary software.
955
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
956
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
957
- *
958
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
959
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
960
- */
961
-
962
- /*
963
- * These definitions bring violet accents (tint) across the AI UI.
964
- */
965
- :root {
966
- --ck-ai-form-submit-button-text-color: var(--ck-color-text);
967
- --ck-ai-form-submit-button-border-color: transparent;
968
- --ck-ai-form-submit-button-disabled-border-color: transparent;
969
- --ck-ai-toolbar-button-hover-color: var(--ck-color-text);
970
- --ck-color-ai-selection: hsla(201, 100%, 56%, 0.3);
971
- }
972
-
973
- /* Note: This class name is mentioned in the guide and acts like a public API. */
974
- .ck-ai-assistant-ui_theme {
975
- --ck-color-button-default-hover-background: hsl(262.1,100%,96.3%);
976
- --ck-color-button-default-active-background: hsl(262.1,100%,96.3%);
977
-
978
- --ck-color-button-on-background: hsl(262.1,100%,96.3%);
979
- --ck-color-button-on-hover-background: hsl(262.5,60%,92.2%);
980
- --ck-color-button-on-active-background: hsl(262.1,100%,96.3%);
981
- --ck-color-button-on-disabled-background: hsl(262.1,100%,96.3%);
982
- --ck-color-button-on-color: hsl(263.2,59.2%,52%);
983
-
984
- --ck-color-button-action-background: hsl(263.2,59.2%,52%);
985
- --ck-color-button-action-hover-background: hsl(262.6,58.9%,49.6%);
986
- --ck-color-button-action-active-background: hsl(262.6,58.9%,49.6%);
987
- --ck-color-button-action-disabled-background: hsl(263.8,59.3%,75.9%);
988
-
989
- --ck-color-list-button-hover-background: hsl(262.1,100%,96.3%);
990
-
991
- --ck-ai-form-content-background: hsl(0,0%,97.6%);
992
- --ck-ai-form-submit-button-text-color: var(--ck-color-button-on-color);
993
- --ck-ai-form-submit-button-border-color: var(--ck-color-button-action-background);
994
- --ck-ai-form-submit-button-disabled-border-color: var(--ck-color-button-action-disabled-background);
995
- --ck-ai-toolbar-button-hover-color: var(--ck-color-button-on-color);
996
-
997
- --ck-color-ai-selection: hsl(262.5,60%,90%);
998
- }
999
-
1000
- /*
1001
- * Apply the theme colors for specific elements.
1002
- */
1003
- .ck-ai-commands-dropdown > .ck-button:hover,
1004
- .ck-ai-assistant-button:hover {
1005
- color: var(--ck-ai-toolbar-button-hover-color);
1006
- }
1007
-
1008
- /*
1009
- * Classes used by the "fake visual selection" displayed in the content
1010
- * when the AI dialog is open.
1011
- *
1012
- * Narrow down to <span> to prevent changing background for widgets and nested editables.
1013
- */
1014
- .ck span.ck-fake-ai-selection {
1015
- background: var(--ck-color-ai-selection);
1016
- }
1017
-
1018
- .ck .ck-widget.ck-fake-ai-selection {
1019
- outline-color: var(--ck-color-ai-selection);
1020
- }
1021
-
1022
- /*
1023
- * Classes used by the "fake visual candidate selection" displayed in the content when an input
1024
- * in the AI dropdown has focus (the browser does not render the native selection in this state).
1025
- *
1026
- * Narrow down to <span> to prevent changing background for widgets and nested editables.
1027
- */
1028
- .ck span.ck-fake-ai-selection-candidate {
1029
- background: var(--ck-color-ai-selection);
1030
- }
1031
-
1032
- /* A collapsed fake visual selection. */
1033
- .ck .ck-fake-ai-selection_collapsed {
1034
- height: 100%;
1035
- border-right: 1px solid var(--ck-color-base-text);
1036
- margin-right: -1px;
1037
- outline: solid 1px hsla(0, 0%, 100%, .5);
1038
- }
1039
-
1040
- /*
1041
- * Styles of the AI response field. The margins, font sizes and line-heights have been reduced
1042
- * to save space.
1043
- *
1044
- * Note: This class name is mentioned in the guide and acts like a public API.
1045
- */
1046
- .ck.ck-content.ck-ai-form__content-field h2 {
1047
- font-size: 1.3em;
1048
- }
1049
- .ck.ck-content.ck-ai-form__content-field h3 {
1050
- font-size: 1.2em;
1051
- }
1052
- .ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6 {
1053
- font-size: 1.1em;
1054
- }
1055
- .ck.ck-content.ck-ai-form__content-field h2, .ck.ck-content.ck-ai-form__content-field h3, .ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6, .ck.ck-content.ck-ai-form__content-field p, .ck.ck-content.ck-ai-form__content-field ul, .ck.ck-content.ck-ai-form__content-field ol {
1056
- margin-block-start: .5em;
1057
- margin-block-end: .5em;
1058
- line-height: 1.7em;
1059
- }
1060
- .ck.ck-content.ck-ai-form__content-field > :first-child {
1061
- margin-top: 0;
1062
- }
1063
- .ck.ck-content.ck-ai-form__content-field > :last-child {
1064
- margin-bottom: 0;
1065
- }
1066
-
1067
- /*
1068
- * What you're currently looking at is the source code of a legally protected, proprietary software.
1069
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
1070
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
1071
- *
1072
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
1073
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
1074
- */
1075
-
1076
- /*
1077
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
1078
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
1079
- */
1080
- /*
1081
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
1082
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
1083
- */
1084
-
1085
- :root {
1086
- --ck-ai-dropdown-view-width: 250px;
1087
- --ck-ai-dropdown-view-list-max-height: 250px;
1088
- }
1089
-
1090
- .ck.ck-ai-commands-search {
1091
- width: var(--ck-ai-dropdown-view-width);
1092
- }
1093
-
1094
- .ck.ck-ai-commands-search > .ck-labeled-field-view {
1095
- padding: var(--ck-spacing-large);
1096
- }
1097
-
1098
- .ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input {
1099
- min-width: unset;
1100
- }
1101
-
1102
- .ck.ck-ai-commands-search > .ck-search__results {
1103
- border-top: 1px solid var(--ck-color-base-border);
1104
- }
1105
-
1106
- .ck.ck-ai-commands-search > .ck-search__results > .ck-list {
1107
- max-height: var(--ck-ai-dropdown-view-list-max-height);
1108
- overflow: auto;
1109
- }
1110
-
1111
- /*
1112
- * What you're currently looking at is the source code of a legally protected, proprietary software.
1113
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
1114
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
1115
- *
1116
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
1117
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
1118
- */
1119
-
1120
- /*
1121
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
1122
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
1123
- */
1124
- /*
1125
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
1126
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
1127
- */
1128
-
1129
- :root {
1130
- --ck-ai-form-view-width: 600px;
1131
- --ck-ai-form-content-height: 175px;
1132
- --ck-ai-form-content-background: hsl(0, 0%, 98%);
1133
- --ck-ai-form-history-font-size: .9em;
1134
-
1135
- --ck-ai-form-error-background: var(--ck-color-light-red);
1136
- }
1137
-
1138
- /* Note: This class name is mentioned in the guide and acts like a public API. */
1139
- .ck .ck-ai-form {
1140
- width: var(--ck-ai-form-view-width);
1141
-
1142
- /* Don't overflow the parent dialog container */
1143
- max-width: 100%;
1144
- }
1145
- @media screen and (max-width: 600px) {
1146
- .ck .ck-ai-form {
1147
- /* Allow the for the layout to be fluid in narrow viewports to avoid breaking it due to limited
1148
- * horizontal space (https://github.com/cksource/ckeditor5-commercial/issues/5913). */
1149
- --ck-ai-form-view-width: 100vw;
1150
- }
1151
- }
1152
- .ck .ck-ai-form .ck-ai-form-content {
1153
- padding: var(--ck-spacing-large);
1154
- width: 100%;
1155
- }
1156
- .ck .ck-ai-form .ck-ai-form-content .ck-input {
1157
- width: 100%;
1158
- }
1159
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper {
1160
- width: 100%;
1161
- max-height: var(--ck-ai-form-content-height);
1162
- overflow-y: auto;
1163
- border: 1px solid var(--ck-color-base-border);
1164
- border-radius: 2px;
1165
- }
1166
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus {
1167
- outline: none;
1168
- border: var(--ck-focus-ring);
1169
- box-shadow: var(--ck-focus-outer-shadow), 0 0;
1170
- }
1171
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area {
1172
- display: flex;
1173
- background-color: var(--ck-ai-form-content-background);
1174
- }
1175
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing {
1176
- --ck-color-text: var(--ck-color-input-disabled-text);
1177
- background-color: var(--ck-color-input-disabled-background);
1178
- }
1179
- /* Note: This class name is mentioned in the guide and acts like a public API */
1180
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
1181
- width: 100%;
1182
- white-space: normal;
1183
- padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
1184
- min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
1185
- box-sizing: content-box;
1186
- }
1187
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
1188
- padding-right: 0;
1189
- }
1190
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
1191
- padding-left: 0;
1192
- }
1193
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > * {
1194
- white-space: normal;
1195
- color: inherit;
1196
- }
1197
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
1198
- margin-right: var(--ck-spacing-medium);
1199
-
1200
- }
1201
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
1202
- margin-left: var(--ck-spacing-medium);
1203
-
1204
- }
1205
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper {
1206
- display: flex;
1207
- flex-direction: column-reverse;
1208
- padding-left: 2px;
1209
- }
1210
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button {
1211
- position: sticky;
1212
- right: 1px;
1213
- bottom: 1px;
1214
- padding: 4px;
1215
- min-height: unset;
1216
- min-width: unset;
1217
- }
1218
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg {
1219
- --ck-icon-size: 16px;
1220
- }
1221
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button.ck-ai-form__copy-button--copied {
1222
- color: inherit;
1223
- }
1224
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar {
1225
- border: none;
1226
- padding: 0;
1227
- margin-top: var(--ck-spacing-medium);
1228
- margin-bottom: calc( 2 * var(--ck-spacing-medium) );
1229
- }
1230
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader {
1231
- display: flex;
1232
- align-items: center;
1233
- }
1234
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner {
1235
- box-sizing: border-box;
1236
- }
1237
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete {
1238
- display: flex;
1239
- justify-content: space-between;
1240
- }
1241
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view {
1242
- flex-grow: 1;
1243
- }
1244
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
1245
- margin-left: var(--ck-spacing-medium);
1246
- }
1247
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
1248
- margin-right: var(--ck-spacing-medium);
1249
- }
1250
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
1251
-
1252
- border-color: var(--ck-ai-form-submit-button-border-color);
1253
- color: var(--ck-ai-form-submit-button-text-color);
1254
- }
1255
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled {
1256
- border-color: var(--ck-ai-form-submit-button-disabled-border-color);
1257
- }
1258
- /* Toggle history button */
1259
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
1260
- position: absolute;
1261
- font-size: var(--ck-font-size-tiny);
1262
- }
1263
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
1264
- right: var(--ck-spacing-medium);
1265
- }
1266
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
1267
- left: var(--ck-spacing-medium);
1268
- }
1269
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
1270
-
1271
- bottom: var(--ck-spacing-small);
1272
- top: var(--ck-spacing-small);
1273
- padding: 4px;
1274
- min-height: unset;
1275
- min-width: unset;
1276
- }
1277
- /* Give the toggle history button some space */
1278
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
1279
- padding-right: 30px;
1280
- }
1281
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
1282
- padding-left: 30px;
1283
- }
1284
- /* Squash the textarea horizontally if necessary on narrow layouts
1285
- * to avoid breaking the layout even at the cost of the placeholder
1286
- * being cut off (https://github.com/cksource/ckeditor5-commercial/issues/5913). */
1287
- @media screen and (max-width: 600px) {
1288
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
1289
- --ck-input-width: auto;
1290
- }
1291
- }
1292
- /* Prompt history group */
1293
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group {
1294
- display: grid;
1295
- grid-template-columns: auto 1fr;
1296
- grid-template-rows: auto;
1297
- grid-column-gap: 0px;
1298
- grid-row-gap: 0px;
1299
-
1300
- /* History group label */
1301
- }
1302
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span {
1303
- grid-area: 1 / 1 / 2 / 2;
1304
- }
1305
- /* Clear button in the history */
1306
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button {
1307
- padding: 0;
1308
- min-height: auto;
1309
- grid-area: 1 / 2 / 2 / 3;
1310
- font-size: var(--ck-ai-form-history-font-size);
1311
- justify-self: start;
1312
- background: none;
1313
- margin: var(--ck-spacing-medium) 0 0;
1314
- }
1315
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label {
1316
- line-height: inherit;
1317
- }
1318
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label:hover {
1319
- text-decoration: underline;
1320
- }
1321
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list {
1322
- grid-area: 2 / 1 / 3 / 3;
1323
-
1324
- /* Prompts can be very long. We need to display them whole. */
1325
- }
1326
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list .ck-list__item .ck-button .ck-button__label {
1327
- white-space: nowrap;
1328
- overflow: hidden;
1329
- max-width: 100%;
1330
- text-overflow: ellipsis;
1331
- font-size: var(--ck-ai-form-history-font-size);
1332
- line-height: var(--ck-line-height-base);
1333
- }
1334
- .ck .ck-ai-form .ck-ai-form__error {
1335
- display: flex;
1336
- justify-content: center;
1337
- align-items: center;
1338
- padding: var(--ck-spacing-medium);
1339
- background-color: var(--ck-ai-form-error-background);
1340
- color: var(--ck-color-base-text);
1341
- border-radius: 2px;
1342
- margin-bottom: var(--ck-spacing-medium);
1343
- }
1344
-