@ckeditor/ckeditor5-ai 42.0.1-alpha.1 → 42.0.1-alpha.3

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.
@@ -35,71 +35,91 @@
35
35
  --ck-ai-form-submit-button-disabled-border-color: var(--ck-color-button-action-disabled-background);
36
36
  --ck-ai-toolbar-button-hover-color: var(--ck-color-button-on-color);
37
37
  --ck-color-ai-selection: hsl(262.5,60%,90%);
38
+
38
39
  }
39
40
  .ck-ai-commands-dropdown > .ck-button:hover {
40
41
  color: var(--ck-ai-toolbar-button-hover-color);
42
+
41
43
  }
42
44
  .ck span.ck-fake-ai-selection {
43
45
  background: var(--ck-color-ai-selection);
46
+
44
47
  }
45
48
  .ck .ck-widget.ck-fake-ai-selection {
46
49
  outline-color: var(--ck-color-ai-selection);
50
+
47
51
  }
48
52
  .ck span.ck-fake-ai-selection-candidate {
49
53
  background: var(--ck-color-ai-selection);
54
+
50
55
  }
51
56
  .ck .ck-fake-ai-selection_collapsed {
52
57
  height: 100%;
53
58
  border-right: 1px solid var(--ck-color-base-text);
54
59
  margin-right: -1px;
55
60
  outline: solid 1px hsla(0, 0%, 100%, .5);
61
+
56
62
  }
57
63
  .ck.ck-content.ck-ai-form__content-field h2 {
58
64
  font-size: 1.3em;
65
+
59
66
  }
60
67
  .ck.ck-content.ck-ai-form__content-field h3 {
61
68
  font-size: 1.2em;
69
+
62
70
  }
63
71
  .ck.ck-content.ck-ai-form__content-field h4 {
64
72
  font-size: 1.1em;
73
+
65
74
  }
66
75
  .ck.ck-content.ck-ai-form__content-field h2 {
67
76
  margin-block-start: .5em;
68
77
  margin-block-end: .5em;
69
78
  line-height: 1.7em;
79
+
70
80
  }
71
81
  .ck.ck-content.ck-ai-form__content-field > :first-child {
72
82
  margin-top: 0;
83
+
73
84
  }
74
85
  .ck.ck-content.ck-ai-form__content-field > :last-child {
75
86
  margin-bottom: 0;
87
+
76
88
  }
77
89
  .ck.ck-ai-commands-search {
78
90
  width: var(--ck-ai-dropdown-view-width);
91
+
79
92
  }
80
93
  .ck.ck-ai-commands-search > .ck-labeled-field-view {
81
94
  padding: var(--ck-spacing-large);
95
+
82
96
  }
83
97
  .ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input {
84
98
  min-width: unset;
99
+
85
100
  }
86
101
  .ck.ck-ai-commands-search > .ck-search__results {
87
102
  border-top: 1px solid var(--ck-color-base-border);
103
+
88
104
  }
89
105
  .ck.ck-ai-commands-search > .ck-search__results > .ck-list {
90
106
  max-height: var(--ck-ai-dropdown-view-list-max-height);
91
107
  overflow: auto;
108
+
92
109
  }
93
110
  .ck .ck-ai-form {
94
111
  width: var(--ck-ai-form-view-width);
95
112
  max-width: 100%;
113
+
96
114
  }
97
115
  .ck .ck-ai-form .ck-ai-form-content {
98
116
  padding: var(--ck-spacing-large);
99
117
  width: 100%;
118
+
100
119
  }
101
120
  .ck .ck-ai-form .ck-ai-form-content .ck-input {
102
121
  width: 100%;
122
+
103
123
  }
104
124
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper {
105
125
  width: 100%;
@@ -107,19 +127,23 @@ max-height: var(--ck-ai-form-content-height);
107
127
  overflow-y: auto;
108
128
  border: 1px solid var(--ck-color-base-border);
109
129
  border-radius: 2px;
130
+
110
131
  }
111
132
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus {
112
133
  outline: none;
113
134
  border: var(--ck-focus-ring);
114
135
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
136
+
115
137
  }
116
138
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area {
117
139
  display: flex;
118
140
  background-color: var(--ck-ai-form-content-background);
141
+
119
142
  }
120
143
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing {
121
144
  --ck-color-text: var(--ck-color-input-disabled-text);
122
145
  background-color: var(--ck-color-input-disabled-background);
146
+
123
147
  }
124
148
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
125
149
  width: 100%;
@@ -127,27 +151,34 @@ white-space: normal;
127
151
  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
128
152
  min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
129
153
  box-sizing: content-box;
154
+
130
155
  }
131
156
  [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
132
157
  padding-right: 0;
158
+
133
159
  }
134
160
  [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
135
161
  padding-left: 0;
162
+
136
163
  }
137
164
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > * {
138
165
  white-space: normal;
139
166
  color: inherit;
167
+
140
168
  }
141
169
  [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
142
170
  margin-right: var(--ck-spacing-medium);
171
+
143
172
  }
144
173
  [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
145
174
  margin-left: var(--ck-spacing-medium);
175
+
146
176
  }
147
177
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper {
148
178
  display: flex;
149
179
  flex-direction: column-reverse;
150
180
  padding-left: 2px;
181
+
151
182
  }
152
183
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button {
153
184
  position: sticky;
@@ -156,55 +187,70 @@ bottom: 1px;
156
187
  padding: 4px;
157
188
  min-height: unset;
158
189
  min-width: unset;
190
+
159
191
  }
160
192
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg {
161
193
  --ck-icon-size: 16px;
194
+
162
195
  }
163
196
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button.ck-ai-form__copy-button--copied {
164
197
  color: inherit;
198
+
165
199
  }
166
200
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar {
167
201
  border: none;
168
202
  padding: 0;
169
203
  margin-top: var(--ck-spacing-medium);
170
204
  margin-bottom: calc( 2 * var(--ck-spacing-medium) );
205
+
171
206
  }
172
207
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader {
173
208
  display: flex;
174
209
  align-items: center;
210
+
175
211
  }
176
212
  .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner {
177
213
  box-sizing: border-box;
214
+
178
215
  }
179
216
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete {
180
217
  display: flex;
181
218
  justify-content: space-between;
219
+
182
220
  }
183
221
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view {
184
222
  flex-grow: 1;
223
+
185
224
  }
186
225
  [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
187
226
  margin-left: var(--ck-spacing-medium);
227
+
188
228
  }
189
229
  [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
190
230
  margin-right: var(--ck-spacing-medium);
231
+
191
232
  }
192
233
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
193
234
  border-color: var(--ck-ai-form-submit-button-border-color);
194
235
  color: var(--ck-ai-form-submit-button-text-color);
236
+
195
237
  }
196
238
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled {
197
239
  border-color: var(--ck-ai-form-submit-button-disabled-border-color);
240
+
198
241
  }
199
242
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
200
243
  position: absolute;
201
244
  font-size: var(--ck-font-size-tiny);
245
+
202
246
  }
203
247
  [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
204
248
  right: var(--ck-spacing-medium);
249
+
205
250
  }
206
251
  [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
207
252
  left: var(--ck-spacing-medium);
253
+
208
254
  }
209
255
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
210
256
  bottom: var(--ck-spacing-small);
@@ -212,12 +258,15 @@ top: var(--ck-spacing-small);
212
258
  padding: 4px;
213
259
  min-height: unset;
214
260
  min-width: unset;
261
+
215
262
  }
216
263
  [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
217
264
  padding-right: 30px;
265
+
218
266
  }
219
267
  [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
220
268
  padding-left: 30px;
269
+
221
270
  }
222
271
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group {
223
272
  display: grid;
@@ -225,9 +274,11 @@ grid-template-columns: auto 1fr;
225
274
  grid-template-rows: auto;
226
275
  grid-column-gap: 0px;
227
276
  grid-row-gap: 0px;
277
+
228
278
  }
229
279
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span {
230
280
  grid-area: 1 / 1 / 2 / 2;
281
+
231
282
  }
232
283
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button {
233
284
  padding: 0;
@@ -237,15 +288,19 @@ font-size: var(--ck-ai-form-history-font-size);
237
288
  justify-self: start;
238
289
  background: none;
239
290
  margin: var(--ck-spacing-medium) 0 0;
291
+
240
292
  }
241
293
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label {
242
294
  line-height: inherit;
295
+
243
296
  }
244
297
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label:hover {
245
298
  text-decoration: underline;
299
+
246
300
  }
247
301
  .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list {
248
302
  grid-area: 2 / 1 / 3 / 3;
303
+
249
304
  }
250
305
  .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 {
251
306
  white-space: nowrap;
@@ -254,6 +309,7 @@ max-width: 100%;
254
309
  text-overflow: ellipsis;
255
310
  font-size: var(--ck-ai-form-history-font-size);
256
311
  line-height: var(--ck-line-height-base);
312
+
257
313
  }
258
314
  .ck .ck-ai-form .ck-ai-form__error {
259
315
  display: flex;
@@ -264,4 +320,5 @@ background-color: var(--ck-ai-form-error-background);
264
320
  color: var(--ck-color-base-text);
265
321
  border-radius: 2px;
266
322
  margin-bottom: var(--ck-spacing-medium);
323
+
267
324
  }