@ckeditor/ckeditor5-ai 42.0.1-alpha.3 → 42.0.2-alpha.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 (212) hide show
  1. package/build/ai.js +1 -1
  2. package/dist/index-content.css +2 -0
  3. package/dist/index-editor.css +296 -319
  4. package/dist/index.js +2 -2
  5. package/dist/translations/af.d.ts +1 -1
  6. package/dist/translations/af.js +1 -1
  7. package/dist/translations/af.umd.js +1 -1
  8. package/dist/translations/ar.d.ts +1 -1
  9. package/dist/translations/ar.js +1 -1
  10. package/dist/translations/ar.umd.js +1 -1
  11. package/dist/translations/bg.d.ts +1 -1
  12. package/dist/translations/bg.js +1 -1
  13. package/dist/translations/bg.umd.js +1 -1
  14. package/dist/translations/bn.d.ts +1 -1
  15. package/dist/translations/bn.js +1 -1
  16. package/dist/translations/bn.umd.js +1 -1
  17. package/dist/translations/bs.d.ts +1 -1
  18. package/dist/translations/bs.js +1 -1
  19. package/dist/translations/bs.umd.js +1 -1
  20. package/dist/translations/ca.d.ts +1 -1
  21. package/dist/translations/ca.js +1 -1
  22. package/dist/translations/ca.umd.js +1 -1
  23. package/dist/translations/cs.d.ts +1 -1
  24. package/dist/translations/cs.js +1 -1
  25. package/dist/translations/cs.umd.js +1 -1
  26. package/dist/translations/da.d.ts +1 -1
  27. package/dist/translations/da.js +1 -1
  28. package/dist/translations/da.umd.js +1 -1
  29. package/dist/translations/de-ch.d.ts +1 -1
  30. package/dist/translations/de-ch.js +1 -1
  31. package/dist/translations/de-ch.umd.js +1 -1
  32. package/dist/translations/de.d.ts +1 -1
  33. package/dist/translations/de.js +1 -1
  34. package/dist/translations/de.umd.js +1 -1
  35. package/dist/translations/el.d.ts +1 -1
  36. package/dist/translations/el.js +1 -1
  37. package/dist/translations/el.umd.js +1 -1
  38. package/dist/translations/en-au.d.ts +1 -1
  39. package/dist/translations/en-au.js +1 -1
  40. package/dist/translations/en-au.umd.js +1 -1
  41. package/dist/translations/en.d.ts +1 -1
  42. package/dist/translations/en.umd.js +1 -1
  43. package/dist/translations/es-co.d.ts +1 -1
  44. package/dist/translations/es-co.js +1 -1
  45. package/dist/translations/es-co.umd.js +1 -1
  46. package/dist/translations/es.d.ts +1 -1
  47. package/dist/translations/es.js +1 -1
  48. package/dist/translations/es.umd.js +1 -1
  49. package/dist/translations/et.d.ts +1 -1
  50. package/dist/translations/et.js +1 -1
  51. package/dist/translations/et.umd.js +1 -1
  52. package/dist/translations/fa.d.ts +1 -1
  53. package/dist/translations/fa.js +1 -1
  54. package/dist/translations/fa.umd.js +1 -1
  55. package/dist/translations/fi.d.ts +1 -1
  56. package/dist/translations/fi.js +1 -1
  57. package/dist/translations/fi.umd.js +1 -1
  58. package/dist/translations/fr.d.ts +1 -1
  59. package/dist/translations/fr.js +1 -1
  60. package/dist/translations/fr.umd.js +1 -1
  61. package/dist/translations/gl.d.ts +1 -1
  62. package/dist/translations/gl.js +1 -1
  63. package/dist/translations/gl.umd.js +1 -1
  64. package/dist/translations/he.d.ts +1 -1
  65. package/dist/translations/he.js +1 -1
  66. package/dist/translations/he.umd.js +1 -1
  67. package/dist/translations/hi.d.ts +1 -1
  68. package/dist/translations/hi.js +1 -1
  69. package/dist/translations/hi.umd.js +1 -1
  70. package/dist/translations/hr.d.ts +1 -1
  71. package/dist/translations/hr.js +1 -1
  72. package/dist/translations/hr.umd.js +1 -1
  73. package/dist/translations/hu.d.ts +1 -1
  74. package/dist/translations/hu.js +1 -1
  75. package/dist/translations/hu.umd.js +1 -1
  76. package/dist/translations/id.d.ts +1 -1
  77. package/dist/translations/id.js +1 -1
  78. package/dist/translations/id.umd.js +1 -1
  79. package/dist/translations/it.d.ts +1 -1
  80. package/dist/translations/it.js +1 -1
  81. package/dist/translations/it.umd.js +1 -1
  82. package/dist/translations/ja.d.ts +1 -1
  83. package/dist/translations/ja.js +1 -1
  84. package/dist/translations/ja.umd.js +1 -1
  85. package/dist/translations/jv.d.ts +1 -1
  86. package/dist/translations/jv.js +1 -1
  87. package/dist/translations/jv.umd.js +1 -1
  88. package/dist/translations/ko.d.ts +1 -1
  89. package/dist/translations/ko.js +1 -1
  90. package/dist/translations/ko.umd.js +1 -1
  91. package/dist/translations/lt.d.ts +1 -1
  92. package/dist/translations/lt.js +1 -1
  93. package/dist/translations/lt.umd.js +1 -1
  94. package/dist/translations/lv.d.ts +1 -1
  95. package/dist/translations/lv.js +1 -1
  96. package/dist/translations/lv.umd.js +1 -1
  97. package/dist/translations/ms.d.ts +1 -1
  98. package/dist/translations/ms.js +1 -1
  99. package/dist/translations/ms.umd.js +1 -1
  100. package/dist/translations/nl.d.ts +1 -1
  101. package/dist/translations/nl.js +1 -1
  102. package/dist/translations/nl.umd.js +1 -1
  103. package/dist/translations/no.d.ts +1 -1
  104. package/dist/translations/no.js +1 -1
  105. package/dist/translations/no.umd.js +1 -1
  106. package/dist/translations/pl.d.ts +1 -1
  107. package/dist/translations/pl.js +1 -1
  108. package/dist/translations/pl.umd.js +1 -1
  109. package/dist/translations/pt-br.d.ts +1 -1
  110. package/dist/translations/pt-br.js +1 -1
  111. package/dist/translations/pt-br.umd.js +1 -1
  112. package/dist/translations/pt.d.ts +1 -1
  113. package/dist/translations/pt.js +1 -1
  114. package/dist/translations/pt.umd.js +1 -1
  115. package/dist/translations/ro.d.ts +1 -1
  116. package/dist/translations/ro.js +1 -1
  117. package/dist/translations/ro.umd.js +1 -1
  118. package/dist/translations/ru.d.ts +1 -1
  119. package/dist/translations/ru.js +1 -1
  120. package/dist/translations/ru.umd.js +1 -1
  121. package/dist/translations/sk.d.ts +1 -1
  122. package/dist/translations/sk.js +1 -1
  123. package/dist/translations/sk.umd.js +1 -1
  124. package/dist/translations/sr-latn.d.ts +1 -1
  125. package/dist/translations/sr-latn.js +1 -1
  126. package/dist/translations/sr-latn.umd.js +1 -1
  127. package/dist/translations/sr.d.ts +1 -1
  128. package/dist/translations/sr.js +1 -1
  129. package/dist/translations/sr.umd.js +1 -1
  130. package/dist/translations/sv.d.ts +1 -1
  131. package/dist/translations/sv.js +1 -1
  132. package/dist/translations/sv.umd.js +1 -1
  133. package/dist/translations/th.d.ts +1 -1
  134. package/dist/translations/th.js +1 -1
  135. package/dist/translations/th.umd.js +1 -1
  136. package/dist/translations/ti.d.ts +1 -1
  137. package/dist/translations/ti.js +1 -1
  138. package/dist/translations/ti.umd.js +1 -1
  139. package/dist/translations/tk.d.ts +1 -1
  140. package/dist/translations/tk.js +1 -1
  141. package/dist/translations/tk.umd.js +1 -1
  142. package/dist/translations/tr.d.ts +1 -1
  143. package/dist/translations/tr.js +1 -1
  144. package/dist/translations/tr.umd.js +1 -1
  145. package/dist/translations/ug.d.ts +1 -1
  146. package/dist/translations/ug.js +1 -1
  147. package/dist/translations/ug.umd.js +1 -1
  148. package/dist/translations/uk.d.ts +1 -1
  149. package/dist/translations/uk.js +1 -1
  150. package/dist/translations/uk.umd.js +1 -1
  151. package/dist/translations/ur.d.ts +1 -1
  152. package/dist/translations/ur.js +1 -1
  153. package/dist/translations/ur.umd.js +1 -1
  154. package/dist/translations/uz.d.ts +1 -1
  155. package/dist/translations/uz.js +1 -1
  156. package/dist/translations/uz.umd.js +1 -1
  157. package/dist/translations/vi.d.ts +1 -1
  158. package/dist/translations/vi.js +1 -1
  159. package/dist/translations/vi.umd.js +1 -1
  160. package/dist/translations/zh-cn.d.ts +1 -1
  161. package/dist/translations/zh-cn.js +1 -1
  162. package/dist/translations/zh-cn.umd.js +1 -1
  163. package/dist/translations/zh.d.ts +1 -1
  164. package/dist/translations/zh.js +1 -1
  165. package/dist/translations/zh.umd.js +1 -1
  166. package/package.json +8 -4
  167. package/src/adapters/aiadapter.js +1 -1
  168. package/src/adapters/aitextadapter.js +1 -1
  169. package/src/adapters/awstextadapter.js +1 -1
  170. package/src/adapters/openaitextadapter.js +1 -1
  171. package/src/aiassistant.js +1 -1
  172. package/src/aiassistantediting.js +1 -1
  173. package/src/aiassistantui.js +1 -1
  174. package/src/index.js +1 -1
  175. package/src/ui/aiassistantcontroller.js +2 -2
  176. package/src/ui/dropdown/aicommandslistview.js +1 -1
  177. package/src/ui/dropdown/buttonlabelwithhighlightview.js +1 -1
  178. package/src/ui/dropdown/labelwithhighlightview.js +1 -1
  179. package/src/ui/form/aiformcontentarea.js +1 -1
  180. package/src/ui/form/aiformerrorview.js +1 -1
  181. package/src/ui/form/aiformpromptview.js +1 -1
  182. package/src/ui/form/aiformtoolbarview.js +1 -1
  183. package/src/ui/form/aiformview.js +1 -1
  184. package/src/ui/form/aihistorylistitemview.js +1 -1
  185. package/src/ui/form/aihistorylistview.js +1 -1
  186. package/src/ui/form/prompthistory.js +1 -1
  187. package/src/ui/showaiassistantcommand.js +1 -1
  188. package/src/utils/common-translations.js +1 -1
  189. /package/dist/{types/adapters → adapters}/aiadapter.d.ts +0 -0
  190. /package/dist/{types/adapters → adapters}/aitextadapter.d.ts +0 -0
  191. /package/dist/{types/adapters → adapters}/awstextadapter.d.ts +0 -0
  192. /package/dist/{types/adapters → adapters}/openaitextadapter.d.ts +0 -0
  193. /package/dist/{types/aiassistant.d.ts → aiassistant.d.ts} +0 -0
  194. /package/dist/{types/aiassistantediting.d.ts → aiassistantediting.d.ts} +0 -0
  195. /package/dist/{types/aiassistantui.d.ts → aiassistantui.d.ts} +0 -0
  196. /package/dist/{types/aiconfig.d.ts → aiconfig.d.ts} +0 -0
  197. /package/dist/{types/augmentation.d.ts → augmentation.d.ts} +0 -0
  198. /package/dist/{types/index.d.ts → index.d.ts} +0 -0
  199. /package/dist/{types/ui → ui}/aiassistantcontroller.d.ts +0 -0
  200. /package/dist/{types/ui → ui}/dropdown/aicommandslistview.d.ts +0 -0
  201. /package/dist/{types/ui → ui}/dropdown/buttonlabelwithhighlightview.d.ts +0 -0
  202. /package/dist/{types/ui → ui}/dropdown/labelwithhighlightview.d.ts +0 -0
  203. /package/dist/{types/ui → ui}/form/aiformcontentarea.d.ts +0 -0
  204. /package/dist/{types/ui → ui}/form/aiformerrorview.d.ts +0 -0
  205. /package/dist/{types/ui → ui}/form/aiformpromptview.d.ts +0 -0
  206. /package/dist/{types/ui → ui}/form/aiformtoolbarview.d.ts +0 -0
  207. /package/dist/{types/ui → ui}/form/aiformview.d.ts +0 -0
  208. /package/dist/{types/ui → ui}/form/aihistorylistitemview.d.ts +0 -0
  209. /package/dist/{types/ui → ui}/form/aihistorylistview.d.ts +0 -0
  210. /package/dist/{types/ui → ui}/form/prompthistory.d.ts +0 -0
  211. /package/dist/{types/ui → ui}/showaiassistantcommand.d.ts +0 -0
  212. /package/dist/{types/utils → utils}/common-translations.d.ts +0 -0
@@ -2,3 +2,5 @@
2
2
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
+
6
+
@@ -2,323 +2,300 @@
2
2
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- :root {
6
- --ck-ai-form-submit-button-text-color: var(--ck-color-text);
7
- --ck-ai-form-submit-button-border-color: transparent;
8
- --ck-ai-form-submit-button-disabled-border-color: transparent;
9
- --ck-ai-toolbar-button-hover-color: var(--ck-color-text);
10
- --ck-color-ai-selection: hsla(201, 100%, 56%, 0.3);
11
- --ck-ai-dropdown-view-width: 250px;
12
- --ck-ai-dropdown-view-list-max-height: 250px;
13
- --ck-ai-form-view-width: 600px;
14
- --ck-ai-form-content-height: 175px;
15
- --ck-ai-form-content-background: hsl(0, 0%, 98%);
16
- --ck-ai-form-history-font-size: .9em;
17
- --ck-ai-form-error-background: var(--ck-color-light-red);
18
- }
19
- .ck-ai-assistant-ui_theme {
20
- --ck-color-button-default-hover-background: hsl(262.1,100%,96.3%);
21
- --ck-color-button-default-active-background: hsl(262.1,100%,96.3%);
22
- --ck-color-button-on-background: hsl(262.1,100%,96.3%);
23
- --ck-color-button-on-hover-background: hsl(262.5,60%,92.2%);
24
- --ck-color-button-on-active-background: hsl(262.1,100%,96.3%);
25
- --ck-color-button-on-disabled-background: hsl(262.1,100%,96.3%);
26
- --ck-color-button-on-color: hsl(263.2,59.2%,52%);
27
- --ck-color-button-action-background: hsl(263.2,59.2%,52%);
28
- --ck-color-button-action-hover-background: hsl(262.6,58.9%,49.6%);
29
- --ck-color-button-action-active-background: hsl(262.6,58.9%,49.6%);
30
- --ck-color-button-action-disabled-background: hsl(263.8,59.3%,75.9%);
31
- --ck-color-list-button-hover-background: hsl(262.1,100%,96.3%);
32
- --ck-ai-form-content-background: hsl(0,0%,97.6%);
33
- --ck-ai-form-submit-button-text-color: var(--ck-color-button-on-color);
34
- --ck-ai-form-submit-button-border-color: var(--ck-color-button-action-background);
35
- --ck-ai-form-submit-button-disabled-border-color: var(--ck-color-button-action-disabled-background);
36
- --ck-ai-toolbar-button-hover-color: var(--ck-color-button-on-color);
37
- --ck-color-ai-selection: hsl(262.5,60%,90%);
38
-
39
- }
40
- .ck-ai-commands-dropdown > .ck-button:hover {
41
- color: var(--ck-ai-toolbar-button-hover-color);
42
-
43
- }
44
- .ck span.ck-fake-ai-selection {
45
- background: var(--ck-color-ai-selection);
46
-
47
- }
48
- .ck .ck-widget.ck-fake-ai-selection {
49
- outline-color: var(--ck-color-ai-selection);
50
-
51
- }
52
- .ck span.ck-fake-ai-selection-candidate {
53
- background: var(--ck-color-ai-selection);
54
-
55
- }
56
- .ck .ck-fake-ai-selection_collapsed {
57
- height: 100%;
58
- border-right: 1px solid var(--ck-color-base-text);
59
- margin-right: -1px;
60
- outline: solid 1px hsla(0, 0%, 100%, .5);
61
-
62
- }
63
- .ck.ck-content.ck-ai-form__content-field h2 {
64
- font-size: 1.3em;
65
-
66
- }
67
- .ck.ck-content.ck-ai-form__content-field h3 {
68
- font-size: 1.2em;
69
-
70
- }
71
- .ck.ck-content.ck-ai-form__content-field h4 {
72
- font-size: 1.1em;
73
-
74
- }
75
- .ck.ck-content.ck-ai-form__content-field h2 {
76
- margin-block-start: .5em;
77
- margin-block-end: .5em;
78
- line-height: 1.7em;
79
-
80
- }
81
- .ck.ck-content.ck-ai-form__content-field > :first-child {
82
- margin-top: 0;
83
-
84
- }
85
- .ck.ck-content.ck-ai-form__content-field > :last-child {
86
- margin-bottom: 0;
87
-
88
- }
89
- .ck.ck-ai-commands-search {
90
- width: var(--ck-ai-dropdown-view-width);
91
-
92
- }
93
- .ck.ck-ai-commands-search > .ck-labeled-field-view {
94
- padding: var(--ck-spacing-large);
95
-
96
- }
97
- .ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input {
98
- min-width: unset;
99
-
100
- }
101
- .ck.ck-ai-commands-search > .ck-search__results {
102
- border-top: 1px solid var(--ck-color-base-border);
103
-
104
- }
105
- .ck.ck-ai-commands-search > .ck-search__results > .ck-list {
106
- max-height: var(--ck-ai-dropdown-view-list-max-height);
107
- overflow: auto;
108
-
109
- }
110
- .ck .ck-ai-form {
111
- width: var(--ck-ai-form-view-width);
112
- max-width: 100%;
113
-
114
- }
115
- .ck .ck-ai-form .ck-ai-form-content {
116
- padding: var(--ck-spacing-large);
117
- width: 100%;
118
-
119
- }
120
- .ck .ck-ai-form .ck-ai-form-content .ck-input {
121
- width: 100%;
122
-
123
- }
124
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper {
125
- width: 100%;
126
- max-height: var(--ck-ai-form-content-height);
127
- overflow-y: auto;
128
- border: 1px solid var(--ck-color-base-border);
129
- border-radius: 2px;
130
-
131
- }
132
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus {
133
- outline: none;
134
- border: var(--ck-focus-ring);
135
- box-shadow: var(--ck-focus-outer-shadow), 0 0;
136
-
137
- }
138
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area {
139
- display: flex;
140
- background-color: var(--ck-ai-form-content-background);
141
-
142
- }
143
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing {
144
- --ck-color-text: var(--ck-color-input-disabled-text);
145
- background-color: var(--ck-color-input-disabled-background);
146
-
147
- }
148
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
149
- width: 100%;
150
- white-space: normal;
151
- padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
152
- min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
153
- box-sizing: content-box;
154
-
155
- }
156
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
157
- padding-right: 0;
158
-
159
- }
160
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
161
- padding-left: 0;
162
-
163
- }
164
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > * {
165
- white-space: normal;
166
- color: inherit;
167
-
168
- }
169
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
170
- margin-right: var(--ck-spacing-medium);
5
+ :root{
6
+ --ck-ai-form-submit-button-text-color:var(--ck-color-text);
7
+ --ck-ai-form-submit-button-border-color:transparent;
8
+ --ck-ai-form-submit-button-disabled-border-color:transparent;
9
+ --ck-ai-toolbar-button-hover-color:var(--ck-color-text);
10
+ --ck-color-ai-selection:hsla(201, 100%, 56%, 0.3);
11
+ }
12
+ .ck-ai-assistant-ui_theme{
13
+ --ck-color-button-default-hover-background:hsl(262.1,100%,96.3%);
14
+ --ck-color-button-default-active-background:hsl(262.1,100%,96.3%);
15
+
16
+ --ck-color-button-on-background:hsl(262.1,100%,96.3%);
17
+ --ck-color-button-on-hover-background:hsl(262.5,60%,92.2%);
18
+ --ck-color-button-on-active-background:hsl(262.1,100%,96.3%);
19
+ --ck-color-button-on-disabled-background:hsl(262.1,100%,96.3%);
20
+ --ck-color-button-on-color:hsl(263.2,59.2%,52%);
21
+
22
+ --ck-color-button-action-background:hsl(263.2,59.2%,52%);
23
+ --ck-color-button-action-hover-background:hsl(262.6,58.9%,49.6%);
24
+ --ck-color-button-action-active-background:hsl(262.6,58.9%,49.6%);
25
+ --ck-color-button-action-disabled-background:hsl(263.8,59.3%,75.9%);
26
+
27
+ --ck-color-list-button-hover-background:hsl(262.1,100%,96.3%);
28
+
29
+ --ck-ai-form-content-background:hsl(0,0%,97.6%);
30
+ --ck-ai-form-submit-button-text-color:var(--ck-color-button-on-color);
31
+ --ck-ai-form-submit-button-border-color:var(--ck-color-button-action-background);
32
+ --ck-ai-form-submit-button-disabled-border-color:var(--ck-color-button-action-disabled-background);
33
+ --ck-ai-toolbar-button-hover-color:var(--ck-color-button-on-color);
34
+
35
+ --ck-color-ai-selection:hsl(262.5,60%,90%);
36
+ }
37
+ .ck-ai-commands-dropdown > .ck-button:hover,
38
+ .ck-ai-assistant-button:hover{
39
+ color:var(--ck-ai-toolbar-button-hover-color);
40
+ }
41
+ .ck span.ck-fake-ai-selection{
42
+ background:var(--ck-color-ai-selection);
43
+ }
44
+
45
+ .ck .ck-widget.ck-fake-ai-selection{
46
+ outline-color:var(--ck-color-ai-selection);
47
+ }
48
+ .ck span.ck-fake-ai-selection-candidate{
49
+ background:var(--ck-color-ai-selection);
50
+ }
51
+ .ck .ck-fake-ai-selection_collapsed{
52
+ height:100%;
53
+ border-right:1px solid var(--ck-color-base-text);
54
+ margin-right:-1px;
55
+ outline:solid 1px hsla(0, 0%, 100%, .5);
56
+ }
57
+ .ck.ck-content.ck-ai-form__content-field h2{
58
+ font-size:1.3em;
59
+ }
60
+ .ck.ck-content.ck-ai-form__content-field h3{
61
+ font-size:1.2em;
62
+ }
63
+ .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{
64
+ font-size:1.1em;
65
+ }
66
+ .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{
67
+ margin-block-start:.5em;
68
+ margin-block-end:.5em;
69
+ line-height:1.7em;
70
+ }
71
+ .ck.ck-content.ck-ai-form__content-field > :first-child{
72
+ margin-top:0;
73
+ }
74
+ .ck.ck-content.ck-ai-form__content-field > :last-child{
75
+ margin-bottom:0;
76
+ }
77
+
78
+ :root{
79
+ --ck-ai-dropdown-view-width:250px;
80
+ --ck-ai-dropdown-view-list-max-height:250px;
81
+ }
82
+
83
+ .ck.ck-ai-commands-search{
84
+ width:var(--ck-ai-dropdown-view-width);
85
+ }
86
+
87
+ .ck.ck-ai-commands-search > .ck-labeled-field-view{
88
+ padding:var(--ck-spacing-large);
89
+ }
90
+
91
+ .ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input{
92
+ min-width:unset;
93
+ }
94
+
95
+ .ck.ck-ai-commands-search > .ck-search__results{
96
+ border-top:1px solid var(--ck-color-base-border);
97
+ }
98
+
99
+ .ck.ck-ai-commands-search > .ck-search__results > .ck-list{
100
+ max-height:var(--ck-ai-dropdown-view-list-max-height);
101
+ overflow:auto;
102
+ }
103
+
104
+ :root{
105
+ --ck-ai-form-view-width:600px;
106
+ --ck-ai-form-content-height:175px;
107
+ --ck-ai-form-content-background:hsl(0, 0%, 98%);
108
+ --ck-ai-form-history-font-size:.9em;
109
+
110
+ --ck-ai-form-error-background:var(--ck-color-light-red);
111
+ }
112
+ .ck .ck-ai-form{
113
+ width:var(--ck-ai-form-view-width);
114
+ max-width:100%;
115
+ }
116
+ @media screen and (max-width: 600px){
117
+ .ck .ck-ai-form{
118
+ --ck-ai-form-view-width:100vw;
119
+ }
120
+ }
121
+ .ck .ck-ai-form .ck-ai-form-content{
122
+ padding:var(--ck-spacing-large);
123
+ width:100%;
124
+ }
125
+ .ck .ck-ai-form .ck-ai-form-content .ck-input{
126
+ width:100%;
127
+ }
128
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper{
129
+ width:100%;
130
+ max-height:var(--ck-ai-form-content-height);
131
+ overflow-y:auto;
132
+ border:1px solid var(--ck-color-base-border);
133
+ border-radius:2px;
134
+ }
135
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus{
136
+ outline:none;
137
+ border:var(--ck-focus-ring);
138
+ box-shadow:var(--ck-focus-outer-shadow), 0 0;
139
+ }
140
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area{
141
+ display:flex;
142
+ background-color:var(--ck-ai-form-content-background);
143
+ }
144
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing{
145
+ --ck-color-text:var(--ck-color-input-disabled-text);
146
+ background-color:var(--ck-color-input-disabled-background);
147
+ }
148
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field{
149
+ width:100%;
150
+ white-space:normal;
151
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
152
+ min-height:calc( var(--ck-line-height-base) * var(--ck-font-size-base));
153
+ box-sizing:content-box;
154
+ }
155
+ [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field{
156
+ padding-right:0;
157
+ }
158
+ [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field{
159
+ padding-left:0;
160
+ }
161
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > *{
162
+ white-space:normal;
163
+ color:inherit;
164
+ }
165
+ [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container{
166
+ margin-right:var(--ck-spacing-medium);
167
+
168
+ }
169
+ [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container{
170
+ margin-left:var(--ck-spacing-medium);
171
+
172
+ }
173
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper{
174
+ display:flex;
175
+ flex-direction:column-reverse;
176
+ padding-left:2px;
177
+ }
178
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button{
179
+ position:sticky;
180
+ right:1px;
181
+ bottom:1px;
182
+ padding:4px;
183
+ min-height:unset;
184
+ min-width:unset;
185
+ }
186
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg{
187
+ --ck-icon-size:16px;
188
+ }
189
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button.ck-ai-form__copy-button--copied{
190
+ color:inherit;
191
+ }
192
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar{
193
+ border:none;
194
+ padding:0;
195
+ margin-top:var(--ck-spacing-medium);
196
+ margin-bottom:calc( 2 * var(--ck-spacing-medium));
197
+ }
198
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader{
199
+ display:flex;
200
+ align-items:center;
201
+ }
202
+ .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner{
203
+ box-sizing:border-box;
204
+ }
205
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete{
206
+ display:flex;
207
+ justify-content:space-between;
208
+ }
209
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view{
210
+ flex-grow:1;
211
+ }
212
+ [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit{
213
+ margin-left:var(--ck-spacing-medium);
214
+ }
215
+ [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit{
216
+ margin-right:var(--ck-spacing-medium);
217
+ }
218
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit{
219
+
220
+ border-color:var(--ck-ai-form-submit-button-border-color);
221
+ color:var(--ck-ai-form-submit-button-text-color);
222
+ }
223
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled{
224
+ border-color:var(--ck-ai-form-submit-button-disabled-border-color);
225
+ }
226
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history{
227
+ position:absolute;
228
+ font-size:var(--ck-font-size-tiny);
229
+ }
230
+ [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history{
231
+ right:var(--ck-spacing-medium);
232
+ }
233
+ [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history{
234
+ left:var(--ck-spacing-medium);
235
+ }
236
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history{
237
+
238
+ bottom:var(--ck-spacing-small);
239
+ top:var(--ck-spacing-small);
240
+ padding:4px;
241
+ min-height:unset;
242
+ min-width:unset;
243
+ }
244
+ [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea{
245
+ padding-right:30px;
246
+ }
247
+ [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea{
248
+ padding-left:30px;
249
+ }
250
+ @media screen and (max-width: 600px){
251
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea{
252
+ --ck-input-width:auto;
253
+ }
254
+ }
255
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group{
256
+ display:grid;
257
+ grid-template-columns:auto 1fr;
258
+ grid-template-rows:auto;
259
+ grid-column-gap:0px;
260
+ grid-row-gap:0px;
261
+ }
262
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span{
263
+ grid-area:1 / 1 / 2 / 2;
264
+ }
265
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button{
266
+ padding:0;
267
+ min-height:auto;
268
+ grid-area:1 / 2 / 2 / 3;
269
+ font-size:var(--ck-ai-form-history-font-size);
270
+ justify-self:start;
271
+ background:none;
272
+ margin:var(--ck-spacing-medium) 0 0;
273
+ }
274
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label{
275
+ line-height:inherit;
276
+ }
277
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label:hover{
278
+ text-decoration:underline;
279
+ }
280
+ .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list{
281
+ grid-area:2 / 1 / 3 / 3;
282
+ }
283
+ .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{
284
+ white-space:nowrap;
285
+ overflow:hidden;
286
+ max-width:100%;
287
+ text-overflow:ellipsis;
288
+ font-size:var(--ck-ai-form-history-font-size);
289
+ line-height:var(--ck-line-height-base);
290
+ }
291
+ .ck .ck-ai-form .ck-ai-form__error{
292
+ display:flex;
293
+ justify-content:center;
294
+ align-items:center;
295
+ padding:var(--ck-spacing-medium);
296
+ background-color:var(--ck-ai-form-error-background);
297
+ color:var(--ck-color-base-text);
298
+ border-radius:2px;
299
+ margin-bottom:var(--ck-spacing-medium);
300
+ }
171
301
 
172
- }
173
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
174
- margin-left: var(--ck-spacing-medium);
175
-
176
- }
177
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper {
178
- display: flex;
179
- flex-direction: column-reverse;
180
- padding-left: 2px;
181
-
182
- }
183
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button {
184
- position: sticky;
185
- right: 1px;
186
- bottom: 1px;
187
- padding: 4px;
188
- min-height: unset;
189
- min-width: unset;
190
-
191
- }
192
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg {
193
- --ck-icon-size: 16px;
194
-
195
- }
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 {
197
- color: inherit;
198
-
199
- }
200
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar {
201
- border: none;
202
- padding: 0;
203
- margin-top: var(--ck-spacing-medium);
204
- margin-bottom: calc( 2 * var(--ck-spacing-medium) );
205
-
206
- }
207
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader {
208
- display: flex;
209
- align-items: center;
210
-
211
- }
212
- .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner {
213
- box-sizing: border-box;
214
-
215
- }
216
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete {
217
- display: flex;
218
- justify-content: space-between;
219
-
220
- }
221
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view {
222
- flex-grow: 1;
223
-
224
- }
225
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
226
- margin-left: var(--ck-spacing-medium);
227
-
228
- }
229
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
230
- margin-right: var(--ck-spacing-medium);
231
-
232
- }
233
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
234
- border-color: var(--ck-ai-form-submit-button-border-color);
235
- color: var(--ck-ai-form-submit-button-text-color);
236
-
237
- }
238
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled {
239
- border-color: var(--ck-ai-form-submit-button-disabled-border-color);
240
-
241
- }
242
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
243
- position: absolute;
244
- font-size: var(--ck-font-size-tiny);
245
-
246
- }
247
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
248
- right: var(--ck-spacing-medium);
249
-
250
- }
251
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
252
- left: var(--ck-spacing-medium);
253
-
254
- }
255
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
256
- bottom: var(--ck-spacing-small);
257
- top: var(--ck-spacing-small);
258
- padding: 4px;
259
- min-height: unset;
260
- min-width: unset;
261
-
262
- }
263
- [dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
264
- padding-right: 30px;
265
-
266
- }
267
- [dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
268
- padding-left: 30px;
269
-
270
- }
271
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group {
272
- display: grid;
273
- grid-template-columns: auto 1fr;
274
- grid-template-rows: auto;
275
- grid-column-gap: 0px;
276
- grid-row-gap: 0px;
277
-
278
- }
279
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span {
280
- grid-area: 1 / 1 / 2 / 2;
281
-
282
- }
283
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button {
284
- padding: 0;
285
- min-height: auto;
286
- grid-area: 1 / 2 / 2 / 3;
287
- font-size: var(--ck-ai-form-history-font-size);
288
- justify-self: start;
289
- background: none;
290
- margin: var(--ck-spacing-medium) 0 0;
291
-
292
- }
293
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label {
294
- line-height: inherit;
295
-
296
- }
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 {
298
- text-decoration: underline;
299
-
300
- }
301
- .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list {
302
- grid-area: 2 / 1 / 3 / 3;
303
-
304
- }
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 {
306
- white-space: nowrap;
307
- overflow: hidden;
308
- max-width: 100%;
309
- text-overflow: ellipsis;
310
- font-size: var(--ck-ai-form-history-font-size);
311
- line-height: var(--ck-line-height-base);
312
-
313
- }
314
- .ck .ck-ai-form .ck-ai-form__error {
315
- display: flex;
316
- justify-content: center;
317
- align-items: center;
318
- padding: var(--ck-spacing-medium);
319
- background-color: var(--ck-ai-form-error-background);
320
- color: var(--ck-color-base-text);
321
- border-radius: 2px;
322
- margin-bottom: var(--ck-spacing-medium);
323
-
324
- }