@ckeditor/ckeditor5-ai 0.0.0-nightly-20230927.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.
- package/CHANGELOG.md +4 -0
- package/LICENSE.md +18 -0
- package/README.md +15 -0
- package/build/ai.js +4 -0
- package/ckeditor5-metadata.json +23 -0
- package/lang/contexts.json +43 -0
- package/package.json +43 -0
- package/src/aiassistant.d.ts +128 -0
- package/src/aiassistant.js +23 -0
- package/src/aiassistantediting.d.ts +44 -0
- package/src/aiassistantediting.js +23 -0
- package/src/aiassistantui.d.ts +41 -0
- package/src/aiassistantui.js +23 -0
- package/src/aiconnector.d.ts +40 -0
- package/src/aiconnector.js +23 -0
- package/src/augmentation.d.ts +26 -0
- package/src/augmentation.js +23 -0
- package/src/index.d.ts +9 -0
- package/src/index.js +23 -0
- package/src/ui/aiassistantcontroller.d.ts +59 -0
- package/src/ui/aiassistantcontroller.js +23 -0
- package/src/ui/dropdown/aicommandslistview.d.ts +22 -0
- package/src/ui/dropdown/aicommandslistview.js +23 -0
- package/src/ui/dropdown/buttonlabelwithhighlightview.d.ts +29 -0
- package/src/ui/dropdown/buttonlabelwithhighlightview.js +23 -0
- package/src/ui/form/aiformcontentarea.d.ts +70 -0
- package/src/ui/form/aiformcontentarea.js +23 -0
- package/src/ui/form/aiformerrorview.d.ts +26 -0
- package/src/ui/form/aiformerrorview.js +23 -0
- package/src/ui/form/aiformpromptview.d.ts +46 -0
- package/src/ui/form/aiformpromptview.js +23 -0
- package/src/ui/form/aiformtextareaview.d.ts +31 -0
- package/src/ui/form/aiformtextareaview.js +23 -0
- package/src/ui/form/aiformtoolbarview.d.ts +41 -0
- package/src/ui/form/aiformtoolbarview.js +23 -0
- package/src/ui/form/aiformview.d.ts +125 -0
- package/src/ui/form/aiformview.js +23 -0
- package/src/ui/form/aihistorylistitemview.d.ts +18 -0
- package/src/ui/form/aihistorylistitemview.js +23 -0
- package/src/ui/form/aihistorylistview.d.ts +35 -0
- package/src/ui/form/aihistorylistview.js +23 -0
- package/src/ui/form/prompthistory.d.ts +20 -0
- package/src/ui/form/prompthistory.js +23 -0
- package/src/ui/showaiassistantcommand.d.ts +26 -0
- package/src/ui/showaiassistantcommand.js +23 -0
- package/theme/ai-dropdown.css +37 -0
- package/theme/ai-form.css +201 -0
- package/theme/ai.css +96 -0
- package/theme/icons/copy.svg +1 -0
- package/theme/icons/error.svg +3 -0
- package/theme/icons/magic-wand.svg +7 -0
- package/theme/icons/robot-pencil.svg +9 -0
- package/theme/icons/submit.svg +3 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
*
|
|
5
|
+
*
|
|
6
|
+
*
|
|
7
|
+
* +---------------------------------------------------------------------------------+
|
|
8
|
+
* | |
|
|
9
|
+
* | Hello stranger! |
|
|
10
|
+
* | |
|
|
11
|
+
* | |
|
|
12
|
+
* | What you're currently looking at is the source code of a legally protected, |
|
|
13
|
+
* | proprietary software. Any attempts to deobfuscate / disassemble this code |
|
|
14
|
+
* | are forbidden and will result in legal consequences. |
|
|
15
|
+
* | |
|
|
16
|
+
* | |
|
|
17
|
+
* +---------------------------------------------------------------------------------+
|
|
18
|
+
*
|
|
19
|
+
*
|
|
20
|
+
*
|
|
21
|
+
*
|
|
22
|
+
*/
|
|
23
|
+
const _0x20fa=['addMany','getItem','parse','_saveToSessionStorage','last','length','remove','add','setItem','trim','toLowerCase'];(function(_0x53fbde,_0x20fae0){const _0xdc4ae6=function(_0x40d013){while(--_0x40d013){_0x53fbde['push'](_0x53fbde['shift']());}};_0xdc4ae6(++_0x20fae0);}(_0x20fa,0x1c5));const _0xdc4a=function(_0x53fbde,_0x20fae0){_0x53fbde=_0x53fbde-0x0;let _0xdc4ae6=_0x20fa[_0x53fbde];return _0xdc4ae6;};import{Collection as _0xc5bc82}from'ckeditor5/src/utils';const ts='CKEditor/AIFormView/PromptHistory';export default class et extends _0xc5bc82{constructor(){super(),this['_loadFromSessionStorage'](),this['on'](_0xdc4a('0x5'),(_0x225b50,_0x2a8681)=>{const _0x25114c=os(_0x2a8681['prompt']);for(const _0x3635bf of this)if(_0x3635bf!=_0x2a8681&&os(_0x3635bf['prompt'])===_0x25114c){this['remove'](_0x3635bf);break;}this[_0xdc4a('0x3')]>0x14&&this[_0xdc4a('0x4')](this[_0xdc4a('0x2')]),this[_0xdc4a('0x1')]();}),this['on'](_0xdc4a('0x4'),()=>{this[_0xdc4a('0x1')]();});}['_loadFromSessionStorage'](){const _0x5c1ebb=sessionStorage[_0xdc4a('0xa')](ts)||'[]';this[_0xdc4a('0x9')](JSON[_0xdc4a('0x0')](_0x5c1ebb));}[_0xdc4a('0x1')](){sessionStorage[_0xdc4a('0x6')](ts,JSON['stringify'](this['map'](_0x1d5b58=>_0x1d5b58)));}}function os(_0x3b7bf2){return _0x3b7bf2[_0xdc4a('0x8')]()[_0xdc4a('0x7')]();}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, 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
|
+
* @module ai/ui/showaiassistantcommand
|
|
7
|
+
* @publicApi
|
|
8
|
+
*/
|
|
9
|
+
import { Command } from 'ckeditor5/src/core';
|
|
10
|
+
/**
|
|
11
|
+
* The show AI assistant command.
|
|
12
|
+
*/
|
|
13
|
+
export default class ShowAIAssistantCommand extends Command {
|
|
14
|
+
/**
|
|
15
|
+
* @inheritDoc
|
|
16
|
+
*/
|
|
17
|
+
refresh(): void;
|
|
18
|
+
/**
|
|
19
|
+
* Opens AI assistant user interface for the current document selection.
|
|
20
|
+
*
|
|
21
|
+
* @params prompt The initial prompt. If set, the AI assistant will automatically submit given prompt to the AI service.
|
|
22
|
+
* @params label Label to be displayed in the AI assistant query input field while the AI assistant processes the initial prompt.
|
|
23
|
+
* @fires execute
|
|
24
|
+
*/
|
|
25
|
+
execute(prompt?: string, label?: string): void;
|
|
26
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
*
|
|
5
|
+
*
|
|
6
|
+
*
|
|
7
|
+
* +---------------------------------------------------------------------------------+
|
|
8
|
+
* | |
|
|
9
|
+
* | Hello stranger! |
|
|
10
|
+
* | |
|
|
11
|
+
* | |
|
|
12
|
+
* | What you're currently looking at is the source code of a legally protected, |
|
|
13
|
+
* | proprietary software. Any attempts to deobfuscate / disassemble this code |
|
|
14
|
+
* | are forbidden and will result in legal consequences. |
|
|
15
|
+
* | |
|
|
16
|
+
* | |
|
|
17
|
+
* +---------------------------------------------------------------------------------+
|
|
18
|
+
*
|
|
19
|
+
*
|
|
20
|
+
*
|
|
21
|
+
*
|
|
22
|
+
*/
|
|
23
|
+
const _0x448f=['isLimit','editor','getRanges','execute','selection','schema','isEnabled','refresh','get','getItems','model','document'];(function(_0x4731e0,_0x448fed){const _0x31e866=function(_0x6ff944){while(--_0x6ff944){_0x4731e0['push'](_0x4731e0['shift']());}};_0x31e866(++_0x448fed);}(_0x448f,0x18f));const _0x31e8=function(_0x4731e0,_0x448fed){_0x4731e0=_0x4731e0-0x0;let _0x31e866=_0x448f[_0x4731e0];return _0x31e866;};import{Command as _0x7816e9}from'ckeditor5/src/core';import _0xef45c6 from'../aiassistantui';export default class p extends _0x7816e9{[_0x31e8('0x4')](){const _0x55014e=this[_0x31e8('0xa')][_0x31e8('0x7')],_0x10b654=_0x55014e[_0x31e8('0x2')],_0x27dc9c=_0x55014e[_0x31e8('0x8')][_0x31e8('0x1')];for(const _0x514a47 of _0x27dc9c[_0x31e8('0xb')]())for(const _0x464d0d of _0x514a47[_0x31e8('0x6')]())if(_0x10b654['isObject'](_0x464d0d)||_0x10b654[_0x31e8('0x9')](_0x464d0d))return void(this[_0x31e8('0x3')]=!0x1);this[_0x31e8('0x3')]=!0x0;}[_0x31e8('0x0')](_0x3da6c4='',_0x47a9a5=''){this[_0x31e8('0xa')]['plugins'][_0x31e8('0x5')](_0xef45c6)['showUI'](_0x3da6c4,_0x47a9a5,this[_0x31e8('0xa')][_0x31e8('0x7')][_0x31e8('0x8')][_0x31e8('0x1')]);}}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
3
|
+
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
4
|
+
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
|
11
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
|
|
12
|
+
|
|
13
|
+
:root {
|
|
14
|
+
--ck-ai-dropdown-view-width: 250px;
|
|
15
|
+
--ck-ai-dropdown-view-list-max-height: 250px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ck.ck-ai-commands-search {
|
|
19
|
+
width: var(--ck-ai-dropdown-view-width);
|
|
20
|
+
|
|
21
|
+
& > .ck-labeled-field-view {
|
|
22
|
+
padding: var(--ck-spacing-large);
|
|
23
|
+
|
|
24
|
+
& .ck-input {
|
|
25
|
+
min-width: unset;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
& > .ck-search__results {
|
|
30
|
+
border-top: 1px solid var(--ck-color-base-border);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
& .ck-list {
|
|
34
|
+
max-height: var(--ck-ai-dropdown-view-list-max-height);
|
|
35
|
+
overflow: auto;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
3
|
+
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
4
|
+
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
|
11
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
|
|
12
|
+
|
|
13
|
+
:root {
|
|
14
|
+
--ck-ai-form-view-width: 470px;
|
|
15
|
+
--ck-ai-form-content-height: 126px;
|
|
16
|
+
--ck-ai-form-content-background: hsl(0, 0%, 98%);
|
|
17
|
+
--ck-ai-form-history-font-size: .9em;
|
|
18
|
+
|
|
19
|
+
/* TODO: Move this color to CKE5 */
|
|
20
|
+
--ck-ai-form-error-background: hsl(0, 100%, 90%);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.ck .ck-ai-form {
|
|
24
|
+
width: var(--ck-ai-form-view-width);
|
|
25
|
+
|
|
26
|
+
@mixin ck-media-phone {
|
|
27
|
+
--ck-ai-form-view-width: 350px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
& .ck-ai-form-content {
|
|
31
|
+
padding: var(--ck-spacing-large);
|
|
32
|
+
width: 100%;
|
|
33
|
+
|
|
34
|
+
& .ck-input {
|
|
35
|
+
width: 100%;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
& .ck-ai-form__content-area-wrapper {
|
|
39
|
+
width: 100%;
|
|
40
|
+
max-height: var(--ck-ai-form-content-height);
|
|
41
|
+
overflow-y: auto;
|
|
42
|
+
border: 1px solid var(--ck-color-base-border);
|
|
43
|
+
border-radius: 2px;
|
|
44
|
+
|
|
45
|
+
&:focus {
|
|
46
|
+
outline: none;
|
|
47
|
+
border: var(--ck-focus-ring);
|
|
48
|
+
box-shadow: var(--ck-focus-outer-shadow), 0 0;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
& .ck-ai-form__content-area {
|
|
53
|
+
display: flex;
|
|
54
|
+
background-color: var(--ck-ai-form-content-background);
|
|
55
|
+
|
|
56
|
+
&.ck-ai-form__content-area--processing {
|
|
57
|
+
--ck-color-text: var(--ck-color-input-disabled-text);
|
|
58
|
+
background-color: var(--ck-color-input-disabled-background);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
& .ck-ai-form__content-field {
|
|
62
|
+
width: 100%;
|
|
63
|
+
white-space: normal;
|
|
64
|
+
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
|
|
65
|
+
padding-right: 0;
|
|
66
|
+
min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
|
|
67
|
+
box-sizing: content-box;
|
|
68
|
+
|
|
69
|
+
& > * {
|
|
70
|
+
white-space: normal;
|
|
71
|
+
color: inherit;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
& .ck-spinner-container {
|
|
76
|
+
margin-right: var(--ck-spacing-medium);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
& .ck-ai-form__copy-button-wrapper {
|
|
80
|
+
display: flex;
|
|
81
|
+
flex-direction: column-reverse;
|
|
82
|
+
padding-left: 2px;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
& .ck-ai-form__copy-button {
|
|
86
|
+
position: sticky;
|
|
87
|
+
right: 1px;
|
|
88
|
+
bottom: 1px;
|
|
89
|
+
padding: 4px;
|
|
90
|
+
min-height: unset;
|
|
91
|
+
min-width: unset;
|
|
92
|
+
|
|
93
|
+
& svg {
|
|
94
|
+
--ck-icon-size: 16px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
&.ck-ai-form__copy-button--copied {
|
|
98
|
+
color: inherit;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
& .ck-ai-form__toolbar {
|
|
104
|
+
border: none;
|
|
105
|
+
padding: 0;
|
|
106
|
+
margin-top: var(--ck-spacing-medium);
|
|
107
|
+
margin-bottom: calc( 2 * var(--ck-spacing-medium) );
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
& .ck-ai-form__loader {
|
|
111
|
+
display: flex;
|
|
112
|
+
align-items: center;
|
|
113
|
+
|
|
114
|
+
& .ck-spinner {
|
|
115
|
+
box-sizing: border-box;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
& .ck-autocomplete {
|
|
120
|
+
display: flex;
|
|
121
|
+
justify-content: space-between;
|
|
122
|
+
|
|
123
|
+
& > .ck-labeled-field-view {
|
|
124
|
+
flex-grow: 1;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
& > .ck.ck-button {
|
|
128
|
+
margin-left: var(--ck-spacing-medium);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
& > .ck-labeled-field-view .ck-button {
|
|
132
|
+
position: absolute;
|
|
133
|
+
font-size: var(--ck-font-size-tiny);
|
|
134
|
+
right: var(--ck-spacing-medium);
|
|
135
|
+
bottom: var(--ck-spacing-small);
|
|
136
|
+
top: var(--ck-spacing-small);
|
|
137
|
+
padding: 4px;
|
|
138
|
+
min-height: unset;
|
|
139
|
+
min-width: unset;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
& .ck-textarea {
|
|
143
|
+
padding-right: 30px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
/* Prompt history group */
|
|
147
|
+
& .ck-search__results .ck-list .ck-list__group {
|
|
148
|
+
display: grid;
|
|
149
|
+
grid-template-columns: auto 1fr;
|
|
150
|
+
grid-template-rows: auto;
|
|
151
|
+
grid-column-gap: 0px;
|
|
152
|
+
grid-row-gap: 0px;
|
|
153
|
+
|
|
154
|
+
/* History group label */
|
|
155
|
+
& > span {
|
|
156
|
+
grid-area: 1 / 1 / 2 / 2;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* Clear button in the history */
|
|
160
|
+
& > .ck-button {
|
|
161
|
+
padding: 0;
|
|
162
|
+
min-height: auto;
|
|
163
|
+
grid-area: 1 / 2 / 2 / 3;
|
|
164
|
+
font-size: var(--ck-ai-form-history-font-size);
|
|
165
|
+
justify-self: start;
|
|
166
|
+
background: none;
|
|
167
|
+
|
|
168
|
+
&:hover .ck-button__label {
|
|
169
|
+
text-decoration: underline;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
& > .ck-list {
|
|
174
|
+
grid-area: 2 / 1 / 3 / 3;
|
|
175
|
+
|
|
176
|
+
/* Prompts can be very long. We need to display them whole. */
|
|
177
|
+
& .ck-list__item .ck-button .ck-button__label {
|
|
178
|
+
white-space: nowrap;
|
|
179
|
+
overflow: hidden;
|
|
180
|
+
max-width: 100%;
|
|
181
|
+
text-overflow: ellipsis;
|
|
182
|
+
font-size: var(--ck-ai-form-history-font-size);
|
|
183
|
+
line-height: var(--ck-line-height-base);
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
& .ck-ai-form__error {
|
|
191
|
+
display: flex;
|
|
192
|
+
justify-content: center;
|
|
193
|
+
align-items: center;
|
|
194
|
+
padding: var(--ck-spacing-medium);
|
|
195
|
+
background-color: var(--ck-ai-form-error-background);
|
|
196
|
+
color: var(--ck-color-base-text);
|
|
197
|
+
border-radius: 2px;
|
|
198
|
+
margin-bottom: var(--ck-spacing-medium);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
|
package/theme/ai.css
ADDED
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
3
|
+
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
4
|
+
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
* These definitions bring violet accents across the AI UI.
|
|
12
|
+
* You can get rid of them by removing the .ck-ai-theme_violet from UI components in DOM.
|
|
13
|
+
*/
|
|
14
|
+
.ck-ai-form.ck-ai-theme_violet,
|
|
15
|
+
.ck-ai-commands-dropdown.ck-ai-theme_violet,
|
|
16
|
+
.ck-ai-assistant-button.ck-ai-theme_violet {
|
|
17
|
+
--ck-color-button-default-hover-background: hsl(262.1,100%,96.3%);
|
|
18
|
+
--ck-color-button-default-active-background: hsl(262.1,100%,96.3%);
|
|
19
|
+
|
|
20
|
+
--ck-color-button-on-background: hsl(262.1,100%,96.3%);
|
|
21
|
+
--ck-color-button-on-hover-background: hsl(262.5,60%,92.2%);
|
|
22
|
+
--ck-color-button-on-active-background: hsl(262.1,100%,96.3%);
|
|
23
|
+
--ck-color-button-on-disabled-background: hsl(262.1,100%,96.3%);
|
|
24
|
+
--ck-color-button-on-color: hsl(263.2,59.2%,52%);
|
|
25
|
+
|
|
26
|
+
--ck-color-button-action-background: hsl(263.2,59.2%,52%);
|
|
27
|
+
--ck-color-button-action-hover-background: hsl(262.6,58.9%,49.6%);
|
|
28
|
+
--ck-color-button-action-active-background: hsl(262.6,58.9%,49.6%);
|
|
29
|
+
--ck-color-button-action-disabled-background: hsl(263.8,59.3%,75.9%);
|
|
30
|
+
|
|
31
|
+
--ck-color-list-button-hover-background: hsl(262.1,100%,96.3%);
|
|
32
|
+
|
|
33
|
+
--ck-ai-form-content-background: hsl(0,0%,97.6%);
|
|
34
|
+
|
|
35
|
+
& .ck-ai-form__submit {
|
|
36
|
+
border-color: var(--ck-color-button-action-background);
|
|
37
|
+
color: var(--ck-color-button-action-background);
|
|
38
|
+
|
|
39
|
+
&.ck-disabled {
|
|
40
|
+
border-color: hsl(263.8,59.3%,75.9%);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.ck-ai-commands-dropdown.ck-ai-theme_violet > .ck-button:hover,
|
|
46
|
+
.ck-ai-assistant-button.ck-ai-theme_violet:hover {
|
|
47
|
+
color: var(--ck-color-button-on-color);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/*
|
|
51
|
+
* Classes used by the "fake visual selection" displayed in the content when an input
|
|
52
|
+
* in the AI UI has focus (the browser does not render the native selection in this state).
|
|
53
|
+
*/
|
|
54
|
+
.ck .ck-fake-ai-selection {
|
|
55
|
+
background: var(--ck-color-link-fake-selection);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* A collapsed fake visual selection. */
|
|
59
|
+
.ck .ck-fake-ai-selection_collapsed {
|
|
60
|
+
height: 100%;
|
|
61
|
+
border-right: 1px solid var(--ck-color-base-text);
|
|
62
|
+
margin-right: -1px;
|
|
63
|
+
outline: solid 1px hsla(0, 0%, 100%, .5);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/*
|
|
67
|
+
* Styles of the AI response field. The margins, font sizes and line-heights have been reduced
|
|
68
|
+
* to save space.
|
|
69
|
+
*/
|
|
70
|
+
.ck.ck-content.ck-ai-form__content-field {
|
|
71
|
+
& h2 {
|
|
72
|
+
font-size: 1.3em;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
& h3 {
|
|
76
|
+
font-size: 1.2em;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
& h4, & h5, & h6 {
|
|
80
|
+
font-size: 1.1em;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
& h2, & h3, & h4, & h5, & h6, & p, & ul, & ol {
|
|
84
|
+
margin-block-start: .5em;
|
|
85
|
+
margin-block-end: .5em;
|
|
86
|
+
line-height: 1.7em;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
& > :first-child {
|
|
90
|
+
margin-top: 0;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
& > :last-child {
|
|
94
|
+
margin-bottom: 0;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 2.801a.7.7 0 0 0-.7.7v11.5a.8.8 0 0 1-1.6 0v-11.5a2.3 2.3 0 0 1 2.3-2.3h6.5a.8.8 0 0 1 0 1.6H5Zm.7 3.7a2.3 2.3 0 0 1 2.3-2.3h7a2.3 2.3 0 0 1 2.3 2.3v10a2.3 2.3 0 0 1-2.3 2.3H8a2.3 2.3 0 0 1-2.3-2.3v-10Zm2.3-.7a.7.7 0 0 0-.7.7v10a.7.7 0 0 0 .7.7h7a.7.7 0 0 0 .7-.7v-10a.7.7 0 0 0-.7-.7H8Z"/></svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="21" height="20" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.4607 4.82501C9.92258 4.02501 11.0773 4.02501 11.5392 4.82501L16.8219 13.975C17.2838 14.775 16.7064 15.775 15.7827 15.775H5.21717C4.29341 15.775 3.71606 14.775 4.17794 13.975L9.4607 4.82501ZM9.76538 8.02501C9.76538 7.85932 9.8997 7.72501 10.0654 7.72501H10.9654C11.1311 7.72501 11.2654 7.85932 11.2654 8.02501V11.425C11.2654 11.5907 11.1311 11.725 10.9654 11.725H10.0654C9.8997 11.725 9.76538 11.5907 9.76538 11.425V8.02501ZM10.0654 12.725C9.8997 12.725 9.76538 12.8593 9.76538 13.025V13.925C9.76538 14.0907 9.8997 14.225 10.0654 14.225H10.9654C11.1311 14.225 11.2654 14.0907 11.2654 13.925V13.025C11.2654 12.8593 11.1311 12.725 10.9654 12.725H10.0654Z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M15.3459 9.42231C15.3946 9.29064 15.5809 9.29064 15.6296 9.42231L16.1785 10.9056C16.1938 10.947 16.2264 10.9797 16.2678 10.995L17.7512 11.5439C17.8828 11.5926 17.8828 11.7788 17.7512 11.8276L16.2678 12.3764C16.2264 12.3918 16.1938 12.4244 16.1785 12.4658L15.6296 13.9491C15.5809 14.0808 15.3946 14.0808 15.3459 13.9491L14.797 12.4658C14.7817 12.4244 14.7491 12.3918 14.7077 12.3764L13.2243 11.8276C13.0927 11.7788 13.0927 11.5926 13.2243 11.5439L14.7077 10.995C14.7491 10.9797 14.7817 10.947 14.797 10.9056L15.3459 9.42231Z" />
|
|
3
|
+
<path d="M16.306 1.74168C16.3547 1.61001 16.541 1.61001 16.5897 1.74168L17.1386 3.22501C17.1539 3.26641 17.1865 3.29905 17.2279 3.31436L18.7112 3.86325C18.8429 3.91197 18.8429 4.09821 18.7112 4.14693L17.2279 4.69581C17.1865 4.71113 17.1539 4.74377 17.1386 4.78517L16.5897 6.26849C16.541 6.40017 16.3547 6.40017 16.306 6.26849L15.7571 4.78517C15.7418 4.74377 15.7092 4.71113 15.6678 4.69581L14.1844 4.14693C14.0528 4.09821 14.0528 3.91197 14.1844 3.86325L15.6678 3.31436C15.7092 3.29905 15.7418 3.26641 15.7571 3.22501L16.306 1.74168Z" />
|
|
4
|
+
<path d="M7.66528 1.74168C7.714 1.61001 7.90024 1.61001 7.94896 1.74168L8.49784 3.22501C8.51316 3.26641 8.5458 3.29905 8.5872 3.31436L10.0705 3.86325C10.2022 3.91197 10.2022 4.09821 10.0705 4.14693L8.5872 4.69581C8.5458 4.71113 8.51316 4.74377 8.49784 4.78517L7.94896 6.26849C7.90024 6.40017 7.714 6.40017 7.66528 6.26849L7.1164 4.78517C7.10108 4.74377 7.06844 4.71113 7.02704 4.69581L5.54371 4.14693C5.41204 4.09821 5.41204 3.91197 5.54371 3.86325L7.02704 3.31436C7.06844 3.29905 7.10108 3.26641 7.1164 3.22501L7.66528 1.74168Z" />
|
|
5
|
+
<path d="M14.7196 7.94607C14.7981 7.86827 14.8606 7.77595 14.9036 7.67442C14.9466 7.5729 14.9691 7.46418 14.97 7.35455C14.9709 7.24493 14.95 7.13656 14.9087 7.0357C14.8673 6.93484 14.8062 6.8435 14.729 6.76694L12.786 4.82855C12.7095 4.7513 12.6181 4.69023 12.5173 4.64886C12.4164 4.60749 12.308 4.58663 12.1984 4.5875C12.0888 4.58837 11.9801 4.61095 11.8785 4.65392C11.777 4.6969 11.6847 4.75943 11.6069 4.8379L10.0621 6.37704L13.1771 9.49197L14.7185 7.94607L14.7196 7.94607Z" />
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.4712 14.9565C1.09626 15.3314 1.09626 15.9393 1.4712 16.3142L3.23481 18.0778C3.60975 18.4528 4.21764 18.4528 4.59257 18.0778L12.4269 10.2435L9.30551 7.12216L1.4712 14.9565ZM10.4099 10.2455L9.28888 9.12449L2.80995 15.6034L3.93096 16.7244L10.4099 10.2455Z" />
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.60909 2.65998C10.0294 2.41684 10.3122 1.9624 10.3122 1.44191C10.3122 0.665287 9.68256 0.0357056 8.90598 0.0357056C8.12941 0.0357056 7.49977 0.665287 7.49977 1.44191C7.49977 1.9624 7.78255 2.41684 8.20288 2.65998V3.55123H3.28115C2.11618 3.55123 1.17184 4.4956 1.17184 5.66054V15.9727C1.17184 17.1377 2.11618 18.082 3.28115 18.082H8.96467L8.91065 16.9254L9.09039 16.6758H3.28115C2.89287 16.6758 2.57805 16.361 2.57805 15.9727V5.66054C2.57805 5.27222 2.89287 4.95743 3.28115 4.95743H14.5308C14.9191 4.95743 15.2339 5.27222 15.2339 5.66054V8.14542L15.5918 7.64846C15.8698 7.26252 16.2359 6.97909 16.6401 6.80711V5.66054C16.6401 4.4956 15.6958 3.55123 14.5308 3.55123H9.60909V2.65998Z" />
|
|
3
|
+
<path d="M5.62483 10.8166C6.14255 10.8166 6.5623 10.1871 6.5623 9.41043C6.5623 8.6338 6.14255 8.00422 5.62483 8.00422C5.10712 8.00422 4.68736 8.6338 4.68736 9.41043C4.68736 10.1871 5.10712 10.8166 5.62483 10.8166Z" />
|
|
4
|
+
<path d="M13.1246 9.41043C13.1246 10.1871 12.7048 10.8166 12.1871 10.8166C11.6694 10.8166 11.2497 10.1871 11.2497 9.41043C11.2497 8.6338 11.6694 8.00422 12.1871 8.00422C12.7048 8.00422 13.1246 8.6338 13.1246 9.41043Z" />
|
|
5
|
+
<path d="M0.937472 8.00422C0.419757 8.00422 0 8.42394 0 8.94169V10.8166C0 11.3344 0.419757 11.7541 0.937472 11.7541V8.00422Z" />
|
|
6
|
+
<path d="M6.1283 12.5093C6.48784 12.2696 6.97361 12.3668 7.2133 12.7263C7.48481 13.1336 8.11961 13.4326 8.90598 13.4326C9.69235 13.4326 10.3272 13.1336 10.5987 12.7263C10.8384 12.3668 11.3241 12.2696 11.6837 12.5093C12.0432 12.749 12.1403 13.2348 11.9007 13.5943C11.2347 14.5933 9.99456 14.9974 8.90598 14.9974C7.8174 14.9974 6.57727 14.5933 5.9113 13.5943C5.67161 13.2348 5.76876 12.749 6.1283 12.5093Z" />
|
|
7
|
+
<path d="M16.9868 8.91014L16.3646 9.77394L19.2439 11.8479L19.8661 10.9841C20.0952 10.666 20.0231 10.2225 19.705 9.99342L17.9774 8.74907C17.6594 8.51998 17.2159 8.5921 16.9868 8.91014Z" />
|
|
8
|
+
<path d="M11.6347 19.9512C11.4211 20.0106 11.2059 19.8618 11.1861 19.641L10.9724 17.2602L15.9498 10.3498L18.8291 12.4237L13.8517 19.3341L11.6347 19.9512Z" />
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M15.875 4.41895C15.875 4.00473 15.5392 3.66895 15.125 3.66895C14.7108 3.66895 14.375 4.00473 14.375 4.41895V11.6689L6.81789 11.6682L9.14889 9.71422C9.30139 9.58638 9.39686 9.4032 9.41431 9.20498C9.43175 9.00675 9.36973 8.80972 9.24189 8.65722C9.11406 8.50472 8.93088 8.40925 8.73266 8.39181C8.53443 8.37436 8.33739 8.43638 8.18489 8.56422L4.39289 11.7462C4.25851 11.859 4.16791 12.0153 4.13685 12.1879C4.10579 12.3606 4.13624 12.5387 4.22289 12.6912C4.26918 12.8013 4.3412 12.8987 4.43289 12.9752L8.22089 16.1552C8.37326 16.2832 8.57022 16.3454 8.76845 16.3281C8.96667 16.3109 9.14993 16.2156 9.27789 16.0632C9.40586 15.9109 9.46806 15.7139 9.45081 15.5157C9.43355 15.3174 9.33826 15.1342 9.18589 15.0062L6.99689 13.1692L14.625 13.1689C15.3154 13.1689 15.875 12.6093 15.875 11.9189V4.41895Z"/>
|
|
3
|
+
</svg>
|