ckeditor5-premium-features 47.1.0 → 47.2.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/browser/ckeditor5-premium-features-content.css +1 -1
  2. package/dist/browser/ckeditor5-premium-features-editor.css +3 -3
  3. package/dist/browser/ckeditor5-premium-features.css +3 -3
  4. package/dist/browser/ckeditor5-premium-features.js +64 -63
  5. package/dist/browser/ckeditor5-premium-features.umd.js +66 -65
  6. package/dist/ckeditor5-premium-features-content.css +77 -0
  7. package/dist/ckeditor5-premium-features-editor.css +651 -203
  8. package/dist/ckeditor5-premium-features.css +865 -239
  9. package/dist/ckeditor5-premium-features.js +1 -1
  10. package/dist/index.d.ts +1 -0
  11. package/dist/translations/af.js +1 -1
  12. package/dist/translations/af.umd.js +1 -1
  13. package/dist/translations/ar.js +1 -1
  14. package/dist/translations/ar.umd.js +1 -1
  15. package/dist/translations/ast.js +1 -1
  16. package/dist/translations/ast.umd.js +1 -1
  17. package/dist/translations/az.js +1 -1
  18. package/dist/translations/az.umd.js +1 -1
  19. package/dist/translations/be.js +1 -1
  20. package/dist/translations/be.umd.js +1 -1
  21. package/dist/translations/bg.js +1 -1
  22. package/dist/translations/bg.umd.js +1 -1
  23. package/dist/translations/bn.js +1 -1
  24. package/dist/translations/bn.umd.js +1 -1
  25. package/dist/translations/bs.js +1 -1
  26. package/dist/translations/bs.umd.js +1 -1
  27. package/dist/translations/ca.js +1 -1
  28. package/dist/translations/ca.umd.js +1 -1
  29. package/dist/translations/cs.js +1 -1
  30. package/dist/translations/cs.umd.js +1 -1
  31. package/dist/translations/da.js +1 -1
  32. package/dist/translations/da.umd.js +1 -1
  33. package/dist/translations/de-ch.js +1 -1
  34. package/dist/translations/de-ch.umd.js +1 -1
  35. package/dist/translations/de.js +1 -1
  36. package/dist/translations/de.umd.js +1 -1
  37. package/dist/translations/el.js +1 -1
  38. package/dist/translations/el.umd.js +1 -1
  39. package/dist/translations/en-au.js +1 -1
  40. package/dist/translations/en-au.umd.js +1 -1
  41. package/dist/translations/en-gb.js +1 -1
  42. package/dist/translations/en-gb.umd.js +1 -1
  43. package/dist/translations/en.js +1 -1
  44. package/dist/translations/en.umd.js +1 -1
  45. package/dist/translations/eo.js +1 -1
  46. package/dist/translations/eo.umd.js +1 -1
  47. package/dist/translations/es-co.js +1 -1
  48. package/dist/translations/es-co.umd.js +1 -1
  49. package/dist/translations/es.js +1 -1
  50. package/dist/translations/es.umd.js +1 -1
  51. package/dist/translations/et.js +1 -1
  52. package/dist/translations/et.umd.js +1 -1
  53. package/dist/translations/eu.js +1 -1
  54. package/dist/translations/eu.umd.js +1 -1
  55. package/dist/translations/fa.js +1 -1
  56. package/dist/translations/fa.umd.js +1 -1
  57. package/dist/translations/fi.js +1 -1
  58. package/dist/translations/fi.umd.js +1 -1
  59. package/dist/translations/fr.js +1 -1
  60. package/dist/translations/fr.umd.js +1 -1
  61. package/dist/translations/gl.js +1 -1
  62. package/dist/translations/gl.umd.js +1 -1
  63. package/dist/translations/gu.js +1 -1
  64. package/dist/translations/gu.umd.js +1 -1
  65. package/dist/translations/he.js +1 -1
  66. package/dist/translations/he.umd.js +1 -1
  67. package/dist/translations/hi.js +1 -1
  68. package/dist/translations/hi.umd.js +1 -1
  69. package/dist/translations/hr.js +1 -1
  70. package/dist/translations/hr.umd.js +1 -1
  71. package/dist/translations/hu.js +1 -1
  72. package/dist/translations/hu.umd.js +1 -1
  73. package/dist/translations/hy.js +1 -1
  74. package/dist/translations/hy.umd.js +1 -1
  75. package/dist/translations/id.js +1 -1
  76. package/dist/translations/id.umd.js +1 -1
  77. package/dist/translations/it.js +1 -1
  78. package/dist/translations/it.umd.js +1 -1
  79. package/dist/translations/ja.js +1 -1
  80. package/dist/translations/ja.umd.js +1 -1
  81. package/dist/translations/jv.js +1 -1
  82. package/dist/translations/jv.umd.js +1 -1
  83. package/dist/translations/kk.js +1 -1
  84. package/dist/translations/kk.umd.js +1 -1
  85. package/dist/translations/km.js +1 -1
  86. package/dist/translations/km.umd.js +1 -1
  87. package/dist/translations/kn.js +1 -1
  88. package/dist/translations/kn.umd.js +1 -1
  89. package/dist/translations/ko.js +1 -1
  90. package/dist/translations/ko.umd.js +1 -1
  91. package/dist/translations/ku.js +1 -1
  92. package/dist/translations/ku.umd.js +1 -1
  93. package/dist/translations/lt.js +1 -1
  94. package/dist/translations/lt.umd.js +1 -1
  95. package/dist/translations/lv.js +1 -1
  96. package/dist/translations/lv.umd.js +1 -1
  97. package/dist/translations/ms.js +1 -1
  98. package/dist/translations/ms.umd.js +1 -1
  99. package/dist/translations/nb.js +1 -1
  100. package/dist/translations/nb.umd.js +1 -1
  101. package/dist/translations/ne.js +1 -1
  102. package/dist/translations/ne.umd.js +1 -1
  103. package/dist/translations/nl.js +1 -1
  104. package/dist/translations/nl.umd.js +1 -1
  105. package/dist/translations/no.js +1 -1
  106. package/dist/translations/no.umd.js +1 -1
  107. package/dist/translations/oc.js +1 -1
  108. package/dist/translations/oc.umd.js +1 -1
  109. package/dist/translations/pl.js +1 -1
  110. package/dist/translations/pl.umd.js +1 -1
  111. package/dist/translations/pt-br.js +1 -1
  112. package/dist/translations/pt-br.umd.js +1 -1
  113. package/dist/translations/pt.js +1 -1
  114. package/dist/translations/pt.umd.js +1 -1
  115. package/dist/translations/ro.js +1 -1
  116. package/dist/translations/ro.umd.js +1 -1
  117. package/dist/translations/ru.js +1 -1
  118. package/dist/translations/ru.umd.js +1 -1
  119. package/dist/translations/si.js +1 -1
  120. package/dist/translations/si.umd.js +1 -1
  121. package/dist/translations/sk.js +1 -1
  122. package/dist/translations/sk.umd.js +1 -1
  123. package/dist/translations/sl.js +1 -1
  124. package/dist/translations/sl.umd.js +1 -1
  125. package/dist/translations/sq.js +1 -1
  126. package/dist/translations/sq.umd.js +1 -1
  127. package/dist/translations/sr-latn.js +1 -1
  128. package/dist/translations/sr-latn.umd.js +1 -1
  129. package/dist/translations/sr.js +1 -1
  130. package/dist/translations/sr.umd.js +1 -1
  131. package/dist/translations/sv.js +1 -1
  132. package/dist/translations/sv.umd.js +1 -1
  133. package/dist/translations/th.js +1 -1
  134. package/dist/translations/th.umd.js +1 -1
  135. package/dist/translations/ti.js +1 -1
  136. package/dist/translations/ti.umd.js +1 -1
  137. package/dist/translations/tk.js +1 -1
  138. package/dist/translations/tk.umd.js +1 -1
  139. package/dist/translations/tr.js +1 -1
  140. package/dist/translations/tr.umd.js +1 -1
  141. package/dist/translations/tt.js +1 -1
  142. package/dist/translations/tt.umd.js +1 -1
  143. package/dist/translations/ug.js +1 -1
  144. package/dist/translations/ug.umd.js +1 -1
  145. package/dist/translations/uk.js +1 -1
  146. package/dist/translations/uk.umd.js +1 -1
  147. package/dist/translations/ur.js +1 -1
  148. package/dist/translations/ur.umd.js +1 -1
  149. package/dist/translations/uz.js +1 -1
  150. package/dist/translations/uz.umd.js +1 -1
  151. package/dist/translations/vi.js +1 -1
  152. package/dist/translations/vi.umd.js +1 -1
  153. package/dist/translations/zh-cn.js +1 -1
  154. package/dist/translations/zh-cn.umd.js +1 -1
  155. package/dist/translations/zh.js +1 -1
  156. package/dist/translations/zh.umd.js +1 -1
  157. package/package.json +27 -26
@@ -320,6 +320,7 @@
320
320
  .ck.ck-button.ck-tab-button.ck-on{
321
321
  border:0;
322
322
  background-color:var(--ck-color-tab-button-active-background);
323
+ color:var(--ck-color-tab-button-active-border);
323
324
  }
324
325
 
325
326
  .ck.ck-button.ck-tab-button.ck-on .ck.ck-icon{
@@ -364,6 +365,7 @@
364
365
  --ck-color-tabs-buttons-container-background:hsl(0, 0%, 96%);
365
366
  --ck-color-tab-button-icon:hsl(0, 0%, 44%);
366
367
  --ck-color-tab-button-active-icon:hsl(0, 0%, 44%);
368
+ --ck-color-tab-button-active-border:hsl(0, 0%, 44%);
367
369
  --ck-color-tab-button-active-background:hsl(0, 0%, 91%);
368
370
  }
369
371
 
@@ -439,13 +441,13 @@
439
441
  .ck.ck-tabs.ck-ai-tabs{
440
442
  --ck-tabs-buttons-container-buttons-vertical-spacing:61.5px;
441
443
  --ck-color-tab-button-active-icon:hsl(263, 59%, 52%);
444
+ --ck-color-tab-button-active-border:hsl(263, 59%, 52%);
442
445
  }
443
446
 
444
447
  .ck.ck-tabs.ck-ai-tabs .ck-tab-panel{
445
448
  height:100%;
446
449
  display:flex;
447
450
  flex-direction:column;
448
- overflow:hidden;
449
451
  }
450
452
 
451
453
  .ck.ck-tabs.ck-ai-tabs .ck-tab-panel>*{
@@ -542,7 +544,6 @@
542
544
 
543
545
  .ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities .ck-ai-chat-controls-button > .ck-icon{
544
546
  --ck-icon-size:16px;
545
- color:var(--ck-ai-chat-color-icon);
546
547
  }
547
548
 
548
549
  .ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities .ck-ai-chat-controls-button--commands{
@@ -694,7 +695,7 @@
694
695
  --ck-icon-size:1em;
695
696
 
696
697
  font-size:1em;
697
- fill:var(--ck-ai-chat-color-icon);
698
+ color:var(--ck-ai-chat-color-icon);
698
699
  }
699
700
 
700
701
  .ck.ck-balloon-panel .ck-ai-chat-context-chips-wrapper, .ck.ck-ai-chat .ck-ai-chat-context-chips-wrapper{
@@ -771,22 +772,26 @@
771
772
  text-align:center;
772
773
  }
773
774
 
775
+ .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled){
776
+ color:var(--ck-ai-button-tertiary-filled-color);
777
+ }
778
+
774
779
  .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):hover{
775
- background-color:var(--ck-ai-chat-button-active-background-color);
776
- color:var(--ck-ai-chat-button-hover-color);
780
+ background-color:var(--ck-ai-button-tertiary-filled-hover-background-color);
781
+ color:var(--ck-ai-button-tertiary-filled-hover-color);
777
782
  }
778
783
 
779
784
  .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):hover .ck-button__icon{
780
- fill:var(--ck-ai-chat-button-hover-color);
785
+ color:var(--ck-ai-button-tertiary-filled-hover-color);
781
786
  }
782
787
 
783
788
  .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):active{
784
- background-color:var(--ck-ai-chat-button-active-background-color);
785
- color:var(--ck-ai-chat-button-active-color);
789
+ background-color:var(--ck-ai-button-tertiary-filled-active-background-color);
790
+ color:var(--ck-ai-button-tertiary-filled-active-color);
786
791
  }
787
792
 
788
793
  .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):active .ck-button__icon{
789
- fill:var(--ck-ai-chat-button-active-color);
794
+ color:var(--ck-ai-button-tertiary-filled-active-color);
790
795
  }
791
796
 
792
797
  .ck.ck-button.ck-ai-chat-controls-button.ck-on:not(.ck-disabled):not(:hover):not(:active):not(.ck-disabled){
@@ -807,8 +812,9 @@
807
812
  }
808
813
 
809
814
  :root{
810
- --ck-ai-chat-loader-icon-dot-color:hsl(216, 5%, 81%);
811
- --ck-ai-chat-loader-icon-dot-active-color:hsl(0, 0%, 20%);
815
+ --ck-ai-chat-controls-loader-icon-dot-color:hsl(216, 5%, 81%);
816
+ --ck-ai-chat-controls-loader-icon-dot-active-color:hsl(0, 0%, 20%);
817
+ --ck-ai-chat-controls-loader-color:hsla(0, 0%, 44%, 1);
812
818
  --ck-ai-loader-dot-pulse-dot-size:6px;
813
819
  --ck-ai-loader-dot-pulse-width:40px;
814
820
  --ck-ai-loader-dot-pulse-height:20px;
@@ -816,65 +822,46 @@
816
822
  --ck-ai-loader-dot-pulse-animation-delay:0.3s;
817
823
  }
818
824
 
819
- .ck-ai-chat-controls-loader{
820
- display:flex;
821
- align-items:center;
822
- color:var(--ck-color-input-disabled-text);
823
- }
824
-
825
- .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon{
826
- box-sizing:border-box;
825
+ .ck-ai-chat-controls .ck-ai-chat-controls-loader{
827
826
  display:flex;
828
827
  align-items:center;
829
- justify-content:space-between;
830
- width:var(--ck-ai-loader-dot-pulse-width);
831
- height:var(--ck-ai-loader-dot-pulse-height);
832
- margin-inline-end:var(--ck-spacing-standard);
833
- padding:var(--ck-spacing-small) var(--ck-spacing-medium-small);
834
- border-radius:var(--ck-ai-loader-dot-pulse-border-radius);
835
- background-color:var(--ck-ai-chat-loader-icon-color);
828
+ color:var(--ck-ai-chat-controls-loader-color);
836
829
  }
837
830
 
838
- .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot{
839
- width:var(--ck-ai-loader-dot-pulse-dot-size);
840
- height:var(--ck-ai-loader-dot-pulse-dot-size);
841
- border-radius:50%;
842
- background-color:var(--ck-ai-chat-loader-icon-dot-color);
843
- flex-shrink:0;
844
-
845
- animation:ck-ai-loader-dot-pulse var(--ck-ai-chat-loader-animation-duration) infinite;
846
- }
847
-
848
- .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(1){
849
- animation-delay:0s;
850
- }
851
-
852
- .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(2){
853
- animation-delay:var(--ck-ai-loader-dot-pulse-animation-delay);
854
- }
831
+ .ck-ai-chat-controls .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon{
832
+ box-sizing:border-box;
833
+ display:flex;
834
+ align-items:center;
835
+ justify-content:space-between;
836
+ width:var(--ck-ai-loader-dot-pulse-width);
837
+ height:var(--ck-ai-loader-dot-pulse-height);
838
+ margin-inline-end:var(--ck-spacing-standard);
839
+ padding:var(--ck-spacing-small) var(--ck-spacing-medium-small);
840
+ border-radius:var(--ck-ai-loader-dot-pulse-border-radius);
841
+ background-color:var(--ck-ai-chat-controls-loader-icon-color);
842
+ }
843
+
844
+ .ck-ai-chat-controls .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot{
845
+ width:var(--ck-ai-loader-dot-pulse-dot-size);
846
+ height:var(--ck-ai-loader-dot-pulse-dot-size);
847
+ border-radius:50%;
848
+ background-color:var(--ck-ai-chat-controls-loader-icon-dot-color);
849
+ flex-shrink:0;
855
850
 
856
- .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(3){
857
- animation-delay:calc(var(--ck-ai-loader-dot-pulse-animation-delay) * 2);
851
+ animation:ck-ai-loader-dot-pulse var(--ck-ai-chat-controls-loader-animation-duration) infinite;
858
852
  }
859
853
 
860
- .ck.ck-button.ai-chat-controls-loader__cancel-button{
861
- min-height:22px;
862
- padding:0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
863
- border:var(--ck-ai-chat-border-width) solid var(--ck-ai-border-color-button);
864
- border-radius:var(--ck-border-radius);
865
- color:var(--ck-ai-chat-color-text);
866
- }
854
+ .ck-ai-chat-controls .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(1){
855
+ animation-delay:0s;
856
+ }
867
857
 
868
- .ck.ck-button.ai-chat-controls-loader__cancel-button .ck.ck-icon.ck-button__icon{
869
- color:var(--ck-ai-chat-color-text);
870
- height:14px;
871
- width:14px;
872
- margin-right:4px;
873
- }
858
+ .ck-ai-chat-controls .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(2){
859
+ animation-delay:var(--ck-ai-loader-dot-pulse-animation-delay);
860
+ }
874
861
 
875
- .ck.ck-button.ai-chat-controls-loader__cancel-button:hover{
876
- background-color:var(--ck-ai-button-secondary-hover-background-color);
877
- }
862
+ .ck-ai-chat-controls .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(3){
863
+ animation-delay:calc(var(--ck-ai-loader-dot-pulse-animation-delay) * 2);
864
+ }
878
865
 
879
866
  .ck-ai-chat-controls-loader-wrapper{
880
867
  display:flex;
@@ -883,11 +870,11 @@
883
870
 
884
871
  @keyframes ck-ai-loader-dot-pulse{
885
872
  0%, 80%, 100%{
886
- background-color:var(--ck-ai-chat-loader-icon-dot-color);
873
+ background-color:var(--ck-ai-chat-controls-loader-icon-dot-color);
887
874
  }
888
875
 
889
876
  40%{
890
- background-color:var(--ck-ai-chat-loader-icon-dot-active-color);
877
+ background-color:var(--ck-ai-chat-controls-loader-icon-dot-active-color);
891
878
  }
892
879
  }
893
880
 
@@ -984,7 +971,6 @@
984
971
 
985
972
  .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel{
986
973
  width:var(--ck-ai-chat-context-controls-balloon-width);
987
- height:319px;
988
974
  z-index:calc(var(--ck-ai-tabs-overlay-z-index) + 1);
989
975
  }
990
976
 
@@ -1003,61 +989,65 @@
1003
989
  padding-bottom:var(--ck-spacing-standard);
1004
990
  }
1005
991
 
1006
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list{
1007
- height:233px;
1008
- overflow-y:auto;
1009
- overflow-x:hidden;
1010
- }
1011
-
1012
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item{
1013
- display:flex;
1014
- align-items:center;
1015
- padding:var(--ck-spacing-tiny) var(--ck-spacing-extra-large);
1016
- border-radius:var(--ck-border-radius);
1017
-
1018
- cursor:pointer;
1019
- transition:background-color 0.2s;
992
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list{
993
+ overflow-y:auto;
994
+ overflow-x:hidden;
995
+ max-height:210px;
1020
996
  }
1021
997
 
1022
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item:hover{
1023
- background-color:var(--ck-ai-button-secondary-hover-background-color);
1024
- }
998
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item{
999
+ display:flex;
1000
+ align-items:center;
1001
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-extra-large);
1002
+ border-radius:var(--ck-border-radius);
1025
1003
 
1026
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context{
1027
- color:hsla(0, 0%, 20%, 0.5);
1028
- pointer-events:none;
1004
+ cursor:pointer;
1005
+ transition:background-color 0.2s;
1029
1006
  }
1030
1007
 
1031
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context *{
1032
- color:inherit;
1008
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item:hover{
1009
+ background-color:var(--ck-ai-button-secondary-hover-background-color);
1033
1010
  }
1034
1011
 
1035
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item__icon{
1036
- display:flex;
1037
- align-items:center;
1038
- justify-content:center;
1039
- height:1.14em;
1040
- margin-right:0.35em;
1041
- flex-shrink:0;
1042
- }
1012
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context{
1013
+ color:hsla(0, 0%, 20%, 0.5);
1014
+ pointer-events:none;
1015
+ }
1043
1016
 
1044
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item__icon .ck-icon{
1045
- height:1.368em;
1046
- fill:currentColor;
1017
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context *{
1018
+ color:inherit;
1019
+ }
1020
+
1021
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item__icon{
1022
+ display:flex;
1023
+ align-items:center;
1024
+ justify-content:center;
1025
+ height:1.14em;
1026
+ margin-right:0.35em;
1027
+ flex-shrink:0;
1047
1028
  }
1048
1029
 
1049
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context .ck-ai-chat-resources__item__icon{
1050
- color:hsla(0, 0%, 20%, 0.5);
1051
- }
1030
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item__icon .ck-icon{
1031
+ height:1.368em;
1032
+ fill:currentColor;
1033
+ }
1052
1034
 
1053
- .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item-title{
1054
- flex:1;
1055
- font-size:1em;
1056
- line-height:var(--ck-line-height-base);
1057
- overflow:hidden;
1058
- text-overflow:ellipsis;
1059
- white-space:nowrap;
1060
- }
1035
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context .ck-ai-chat-resources__item__icon{
1036
+ color:hsla(0, 0%, 20%, 0.5);
1037
+ }
1038
+
1039
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item-title{
1040
+ flex:1;
1041
+ font-size:1em;
1042
+ line-height:var(--ck-line-height-base);
1043
+ overflow:hidden;
1044
+ text-overflow:ellipsis;
1045
+ white-space:nowrap;
1046
+ }
1047
+
1048
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources .ck-search ~ .ck-ai-chat-resources__list{
1049
+ height:210px;
1050
+ }
1061
1051
 
1062
1052
  .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list.ck-hidden{
1063
1053
  display:none;
@@ -1094,7 +1084,6 @@
1094
1084
  }
1095
1085
 
1096
1086
  .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne{
1097
- bottom:calc(100% + 10px);
1098
1087
  top:auto;
1099
1088
  padding-top:.5em;
1100
1089
  width:426px;
@@ -1103,30 +1092,6 @@
1103
1092
  overflow-y:scroll;
1104
1093
  }
1105
1094
 
1106
- .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::before,
1107
- .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::after{
1108
- content:'';
1109
- position:absolute;
1110
- left:calc(2 * var(--ck-balloon-arrow-half-width));
1111
- bottom:calc(-1 * var(--ck-balloon-arrow-height));
1112
- width:0;
1113
- height:0;
1114
- border-style:solid;
1115
- border-width:var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
1116
- border-color:var(--ck-color-panel-border) transparent transparent;
1117
- }
1118
-
1119
- .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::before{
1120
- z-index:var(--ck-balloon-panel-arrow-z-index);
1121
- margin-bottom:calc(-1 * var(--ck-balloon-border-width));
1122
- filter:drop-shadow(var(--ck-balloon-arrow-drop-shadow));
1123
- }
1124
-
1125
- .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::after{
1126
- z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1);
1127
- margin-bottom:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
1128
- }
1129
-
1130
1095
  .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button{
1131
1096
  border:0;
1132
1097
  font-size:.9em;
@@ -1145,13 +1110,21 @@
1145
1110
  width:auto;
1146
1111
  }
1147
1112
 
1148
- .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover,
1149
- .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on{
1113
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover{
1114
+ background-color:var(--ck-ai-chat-button-active-background-color);
1115
+ color:var(--ck-ai-chat-button-hover-color);
1116
+ }
1117
+
1118
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover .ck-dropdown__arrow{
1119
+ color:var(--ck-ai-chat-button-hover-color);
1120
+ }
1121
+
1122
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on:not(:hover){
1150
1123
  background-color:var(--ck-ai-chat-button-active-background-color);
1151
1124
  color:var(--ck-ai-background-color-action-button);
1152
1125
  }
1153
1126
 
1154
- .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover .ck-dropdown__arrow, .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on .ck-dropdown__arrow{
1127
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on:not(:hover) .ck-dropdown__arrow{
1155
1128
  color:var(--ck-ai-background-color-action-button);
1156
1129
  }
1157
1130
 
@@ -1169,6 +1142,7 @@
1169
1142
 
1170
1143
  .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-list-item-button__check-holder{
1171
1144
  height:1.2em;
1145
+ flex-shrink:0;
1172
1146
  }
1173
1147
 
1174
1148
  .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-list-item-button__check-holder > .ck-list-item-button__check-icon{
@@ -1270,31 +1244,10 @@
1270
1244
  transition:none;
1271
1245
  }
1272
1246
  .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle{
1273
- --ck-color-button-default-hover-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-background);
1274
- --ck-color-button-on-hover-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-background);
1275
- --ck-color-button-default-active-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-active-background);
1276
- --ck-color-button-on-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-active-background);
1277
- --ck-color-focus-border:var(--ck-ai-chat-feed-item-color-show-changes-toggle-active-background);
1278
- --ck-focus-ring:1px solid var(--ck-color-focus-border);
1279
-
1280
1247
  padding:0 var(--ck-spacing-small);
1281
1248
  min-height:22px;
1282
1249
  font-size:var(--ck-ai-chat-suggestion-container-header-font-size);
1283
- color:var(--ck-ai-chat-color-icon);
1284
1250
  }
1285
- .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle:hover{
1286
- color:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-color);
1287
- }
1288
- .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle:active{
1289
- box-shadow:none;
1290
- color:var(--ck-ai-chat-feed-item-color-show-changes-toggle-on-color);
1291
- }
1292
- .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle.ck-on{
1293
- color:var(--ck-ai-chat-feed-item-color-show-changes-toggle-on-color);
1294
- }
1295
- .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle:focus{
1296
- border:1px solid transparent;
1297
- }
1298
1251
  .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle > .ck-icon{
1299
1252
  width:16px;
1300
1253
  height:16px;
@@ -1326,7 +1279,7 @@
1326
1279
  .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__user-message p{
1327
1280
  display:inline-block;
1328
1281
  background-color:var(--ck-ai-chat-feed-item-color-background-secondary);
1329
- padding:8px;
1282
+ padding:var(--ck-spacing-standard);
1330
1283
  border-radius:var(--ck-ai-border-radius);
1331
1284
  }
1332
1285
  .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions{
@@ -1623,6 +1576,9 @@
1623
1576
  margin:0;
1624
1577
  color:var(--ck-ai-chat-suggestion-icon-default-color);
1625
1578
  }
1579
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title .ck-toolbar .ck-button:hover{
1580
+ background-color:var(--ck-ai-button-tertiary-filled-hover-background-color);
1581
+ }
1626
1582
  .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__content :last-child{
1627
1583
  padding-bottom:0;
1628
1584
  margin-bottom:var(--ck-spacing-medium);
@@ -1678,6 +1634,7 @@
1678
1634
  margin-left:0;
1679
1635
  margin-right:0;
1680
1636
  margin-bottom:var(--ck-spacing-large);
1637
+ width:100%;
1681
1638
  }
1682
1639
  .ck.ck-ai-suggestion__container .ck-ai-suggestion__body,
1683
1640
  .ck.ck-ai-suggestion__container .ck-ai-suggestion__changes{
@@ -1760,6 +1717,11 @@
1760
1717
  clip-path:inset(0 0 0 0);
1761
1718
  }
1762
1719
  }
1720
+ :root{
1721
+ --ck-ai-header-color-icon:hsla(0, 0%, 44%, 1);
1722
+ --ck-ai-header-color-text:hsla(263, 59%, 52%, 1);
1723
+ --ck-ai-header-border-color-button:hsla(262, 51%, 80%, 1);
1724
+ }
1763
1725
  .ck-ai-header{
1764
1726
  --ck-ui-component-min-height:1.7em;
1765
1727
  --ck-ui-component-min-width:1.7em;
@@ -1772,15 +1734,15 @@
1772
1734
  .ck-ai-header > .ck-button > .ck-button__icon{
1773
1735
  --ck-icon-font-size:.666em;
1774
1736
 
1775
- color:var(--ck-ai-chat-color-icon);
1737
+ color:var(--ck-ai-header-color-icon);
1776
1738
  }
1777
1739
  .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation{
1778
1740
  font-size:11.7px;
1779
1741
  min-height:unset;
1780
- border:1px solid var(--ck-ai-border-color-button);
1742
+ border:1px solid var(--ck-ai-header-border-color-button);
1781
1743
  border-radius:var(--ck-border-radius);
1782
1744
  gap:var(--ck-spacing-small);
1783
- color:var(--ck-ai-chat-color-text);
1745
+ color:var(--ck-ai-header-color-text);
1784
1746
  }
1785
1747
  .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation:hover{
1786
1748
  background-color:var(--ck-ai-chat-button-active-background-color);
@@ -1792,7 +1754,7 @@
1792
1754
  --ck-icon-font-size:.632em;
1793
1755
 
1794
1756
  margin-inline-end:0;
1795
- color:var(--ck-ai-chat-color-text);
1757
+ color:var(--ck-ai-header-color-text);
1796
1758
  }
1797
1759
  .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > span.ck-button__label{
1798
1760
  position:relative;
@@ -1802,6 +1764,9 @@
1802
1764
  margin-inline-start:0;
1803
1765
  margin-inline-end:var(--ck-spacing-small);
1804
1766
  }
1767
+ .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back:hover{
1768
+ background-color:var(--ck-ai-button-tertiary-filled-hover-background-color);
1769
+ }
1805
1770
  .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back > .ck-button__icon{
1806
1771
  --ck-icon-font-size:13px;
1807
1772
 
@@ -1960,6 +1925,7 @@
1960
1925
  --ck-ai-button-tertiary-disabled-text-color:hsla(263, 59%, 52%, 0.5);
1961
1926
  --ck-ai-button-tertiary-text-background-color:transparent;
1962
1927
  --ck-ai-button-tertiary-text-hover-background-color:hsla(262, 100%, 96%, 1);
1928
+ --ck-ai-button-tertiary-text-hover-color:hsla(0, 0%, 20%, 1);
1963
1929
  --ck-ai-button-tertiary-filled-color:hsla(0, 0%, 44%, 1);
1964
1930
  --ck-ai-button-tertiary-filled-disabled-color:hsla(0, 0%, 44%, 0.5);
1965
1931
  --ck-ai-button-tertiary-filled-hover-color:hsla(0, 0%, 20%, 1);
@@ -2019,7 +1985,17 @@
2019
1985
  }
2020
1986
  .ck.ck-button.ck-ai-button-tertiary-text:hover{
2021
1987
  background-color:var(--ck-ai-button-tertiary-text-hover-background-color);
1988
+ color:var(--ck-ai-button-tertiary-text-hover-color);
2022
1989
  }
1990
+ .ck.ck-button.ck-ai-button-tertiary-text:hover > .ck.ck-button__icon{
1991
+ color:var(--ck-ai-button-tertiary-text-hover-color);
1992
+ }
1993
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover{
1994
+ background-color:var(--ck-ai-button-tertiary-text-hover-background-color);
1995
+ }
1996
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover > .ck.ck-button__icon{
1997
+ color:var(--ck-ai-button-tertiary-text-hover-color);
1998
+ }
2023
1999
  .ck.ck-button.ck-ai-button-tertiary-text:disabled,
2024
2000
  .ck.ck-button.ck-ai-button-tertiary-text.ck-disabled{
2025
2001
  color:var(--ck-ai-button-tertiary-disabled-text-color);
@@ -2055,6 +2031,15 @@
2055
2031
  .ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck-button__icon{
2056
2032
  opacity:1;
2057
2033
  }
2034
+ .ck.ck-button.ck-ai-button-stop-generating{
2035
+ min-height:22px;
2036
+ padding:0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
2037
+ }
2038
+ .ck.ck-button.ck-ai-button-stop-generating .ck.ck-icon.ck-button__icon{
2039
+ height:14px;
2040
+ width:14px;
2041
+ margin-right:4px;
2042
+ }
2058
2043
  :root{
2059
2044
  --ck-ai-disclaimer-background-color:hsla(0, 0%, 96%, 1);
2060
2045
  --ck-ai-disclaimer-border-color:hsla(220, 6%, 82%, 1);
@@ -2076,6 +2061,13 @@
2076
2061
  :root{
2077
2062
  --ck-ai-suggestion-inactive-color-background:hsla(128, 6%, 93%, 0.35);
2078
2063
  --ck-ai-suggestion-inactive-color-border:hsla(128, 1%, 73%, 0.35);
2064
+
2065
+ --ck-ai-suggestion-marker-insertion-border-color:var(--ck-color-suggestion-marker-insertion-border, hsla(128, 71%, 40%, .35));
2066
+ --ck-ai-suggestion-marker-insertion-background-color:var(--ck-color-suggestion-marker-insertion-background, hsla(128, 71%, 65%, .35));
2067
+
2068
+ --ck-ai-suggestion-marker-deletion-border-color:var(--ck-color-suggestion-marker-deletion-border, hsla(345, 71%, 40%, .35));
2069
+ --ck-ai-suggestion-marker-deletion-background-color:var(--ck-color-suggestion-marker-deletion-background, hsla(345, 71%, 65%, .35));
2070
+ --ck-ai-suggestion-marker-deletion-stroke-color:var(--ck-color-suggestion-marker-deletion-stroke, hsla(345, 71%, 20%, .5));
2079
2071
  }
2080
2072
 
2081
2073
  :root{
@@ -2101,8 +2093,8 @@
2101
2093
  --ck-ai-chat-animation-duration:0.6s;
2102
2094
  --ck-ai-chat-animation-timing:ease-out;
2103
2095
 
2104
- --ck-ai-chat-loader-animation-duration:1.5s;
2105
- --ck-ai-chat-loader-icon-color:hsla(0, 0%, 96%, 0.98);
2096
+ --ck-ai-chat-controls-loader-animation-duration:1.5s;
2097
+ --ck-ai-chat-controls-loader-icon-color:hsla(0, 0%, 96%, 0.98);
2106
2098
 
2107
2099
  --ck-ai-chat-feed-loader-icon-color:hsla(0, 0%, 85%, 1);
2108
2100
 
@@ -2114,7 +2106,6 @@
2114
2106
  width:100%;
2115
2107
  display:flex;
2116
2108
  flex-direction:column;
2117
- overflow:hidden;
2118
2109
  font-family:var(--ck-ai-chat-font-family) !important;
2119
2110
  }
2120
2111
 
@@ -2268,6 +2259,10 @@
2268
2259
  color:var(--ck-ai-chat-button-active-color);
2269
2260
  }
2270
2261
 
2262
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions .ck-dropdown .ck-dropdown__panel .ck-list__item .ck-button:hover, .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions .ck-dropdown .ck-dropdown__panel .ck-list__item .ck-button:active{
2263
+ background-color:var(--ck-ai-button-tertiary-filled-hover-background-color);
2264
+ }
2265
+
2271
2266
  .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit .ck-input,
2272
2267
  .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit .ck-input_focused{
2273
2268
  width:100%;
@@ -2598,6 +2593,18 @@
2598
2593
  display:block;
2599
2594
  border-radius:var(--ck-border-radius);
2600
2595
  }
2596
+
2597
+ .ck.ck-ai-suggestion__error.ai-balloon-error .ck-ai-suggestion__error-text{
2598
+ --ck-border-radius:4px;
2599
+
2600
+ margin-bottom:var(--ck-spacing-medium);
2601
+ background-color:hsla(15, 100%, 97%, 1);
2602
+ border:1px solid hsla(14, 100%, 68%, 1);
2603
+ color:hsla(0, 0%, 20%, 1);
2604
+ padding:var(--ck-spacing-medium);
2605
+ display:block;
2606
+ border-radius:var(--ck-border-radius);
2607
+ }
2601
2608
  .ck span.ck-fake-ai-selection{
2602
2609
  background:var(--ck-color-ai-selection);
2603
2610
  }
@@ -2611,18 +2618,20 @@
2611
2618
  }
2612
2619
 
2613
2620
  :root{
2614
- --ck-ai-check-list-item-hover-border-color:hsla(262, 64%, 78%, 1);
2615
- --ck-ai-check-list-item-active-border-color:hsla(263, 59%, 52%, 1);
2616
- --ck-ai-check-list-item-title-color:var(--ck-color-text);
2617
- --ck-ai-check-list-item-description-color:hsla(0, 0%, 44%, 1);
2618
- --ck-ai-check-list-item-title-icon-color:hsla(0, 0%, 44%, 1);
2619
- --ck-ai-check-list-model-dropdown-width:426px;
2620
- --ck-ai-check-list-model-dropdown-max-height:340px;
2621
- --ck-ai-check-list-model-dropdown-arrow-drop-shadow:0 -2px 0px var(--ck-color-shadow-drop);
2621
+ --ck-ai-review-check-list-item-hover-border-color:hsla(262, 64%, 78%, 1);
2622
+ --ck-ai-review-check-list-item-active-border-color:hsla(263, 59%, 52%, 1);
2623
+ --ck-ai-review-check-list-item-title-color:var(--ck-color-text);
2624
+ --ck-ai-review-check-list-item-description-color:hsla(0, 0%, 44%, 1);
2625
+ --ck-ai-review-check-list-item-title-icon-color:hsla(0, 0%, 44%, 1);
2626
+ --ck-ai-review-check-list-model-dropdown-width:426px;
2627
+ --ck-ai-review-check-list-model-dropdown-max-height:340px;
2628
+ --ck-ai-review-check-list-model-dropdown-arrow-drop-shadow:0 -2px 0px var(--ck-color-shadow-drop);
2629
+ --ck-ai-review-check-list-model-dropdown-hover-background-color:hsla(262, 100%, 96%, 1);
2630
+ --ck-ai-review-check-list-model-dropdown-active-color:hsla(263, 59%, 52%, 1);
2622
2631
  }
2623
2632
 
2624
2633
  .ck.ck-ai-review-mode *{
2625
- font-family:var(--ck-ai-chat-font-family) !important;
2634
+ font-family:var(--ck-ai-review-font-family) !important;
2626
2635
  }
2627
2636
 
2628
2637
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list{
@@ -2649,7 +2658,7 @@
2649
2658
  }
2650
2659
 
2651
2660
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-description{
2652
- color:var(--ck-ai-check-list-item-description-color);
2661
+ color:var(--ck-ai-review-check-list-item-description-color);
2653
2662
  }
2654
2663
 
2655
2664
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title-text,
@@ -2671,7 +2680,7 @@
2671
2680
  opacity:1;
2672
2681
  visibility:visible;
2673
2682
 
2674
- transition:box-shadow 0.3s ease-in-out, opacity 0.1s calc(0.05s * var(--ck-ai-check-list-item-index)), visibility 0.1s calc(0.05s * var(--ck-ai-check-list-item-index));
2683
+ transition:box-shadow 0.3s ease-in-out, opacity 0.1s calc(0.05s * var(--ck-ai-review-check-list-item-index)), visibility 0.1s calc(0.05s * var(--ck-ai-review-check-list-item-index));
2675
2684
  }
2676
2685
 
2677
2686
  @media (prefers-reduced-motion: reduce){
@@ -2683,7 +2692,7 @@
2683
2692
  }
2684
2693
 
2685
2694
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item.ck-ai-review-mode__check-list-item_selected{
2686
- box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-active-border-color) inset;
2695
+ box-shadow:3px 0px 0px 0px var(--ck-ai-review-check-list-item-active-border-color) inset;
2687
2696
  }
2688
2697
 
2689
2698
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title{
@@ -2694,7 +2703,7 @@
2694
2703
 
2695
2704
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title > .ck-ai-review-mode__check-list-item-title-text{
2696
2705
  flex-grow:1;
2697
- color:var(--ck-ai-check-list-item-title-color);
2706
+ color:var(--ck-ai-review-check-list-item-title-color);
2698
2707
  font-weight:700;
2699
2708
  }
2700
2709
 
@@ -2703,7 +2712,7 @@
2703
2712
 
2704
2713
  flex-shrink:0;
2705
2714
  margin-inline-start:var(--ck-spacing-small);
2706
- color:var(--ck-ai-check-list-item-title-icon-color);
2715
+ color:var(--ck-ai-review-check-list-item-title-icon-color);
2707
2716
 
2708
2717
  opacity:0;
2709
2718
  visibility:hidden;
@@ -2719,7 +2728,7 @@
2719
2728
  }
2720
2729
 
2721
2730
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item:not(.ck-ai-review-mode__check-list-item_selected):hover{
2722
- box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-hover-border-color) inset;
2731
+ box-shadow:3px 0px 0px 0px var(--ck-ai-review-check-list-item-hover-border-color) inset;
2723
2732
  }
2724
2733
 
2725
2734
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item:not(.ck-ai-review-mode__check-list-item_selected):hover .ck-ai-review-mode__check-list-item-title > .ck.ck-icon.ck-ai-review-mode__check-list-item-title-icon{
@@ -2779,12 +2788,12 @@
2779
2788
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button.ck-on,
2780
2789
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button:active{
2781
2790
  background-color:var(--ck-ai-button-secondary-active-background-color);
2782
- color:var(--ck-ai-background-color-action-button);
2791
+ color:var(--ck-ai-review-check-list-model-dropdown-active-color);
2783
2792
  }
2784
2793
 
2785
2794
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button:hover:not(.ck-disabled){
2786
- background-color:var(--ck-ai-chat-button-active-background-color);
2787
- color:var(--ck-ai-background-color-action-button);
2795
+ background-color:var(--ck-ai-review-check-list-model-dropdown-hover-background-color);
2796
+ color:var(--ck-ai-review-check-list-model-dropdown-active-color);
2788
2797
  }
2789
2798
 
2790
2799
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button > .ck.ck-button__label{
@@ -2792,7 +2801,7 @@
2792
2801
  }
2793
2802
 
2794
2803
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel{
2795
- width:var(--ck-ai-check-list-model-dropdown-width);
2804
+ width:var(--ck-ai-review-check-list-model-dropdown-width);
2796
2805
  padding-top:var(--ck-spacing-standard);
2797
2806
  top:calc(100% + var(--ck-balloon-arrow-height));
2798
2807
  bottom:auto;
@@ -2814,7 +2823,7 @@
2814
2823
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se::before{
2815
2824
  z-index:var(--ck-balloon-panel-arrow-z-index);
2816
2825
  margin-bottom:calc(-1 * var(--ck-balloon-border-width));
2817
- filter:drop-shadow(var(--ck-ai-check-list-model-dropdown-arrow-drop-shadow));
2826
+ filter:drop-shadow(var(--ck-ai-review-check-list-model-dropdown-arrow-drop-shadow));
2818
2827
  }
2819
2828
 
2820
2829
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se::after{
@@ -2823,7 +2832,7 @@
2823
2832
  }
2824
2833
 
2825
2834
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se > .ck-list{
2826
- max-height:var(--ck-ai-check-list-model-dropdown-max-height);
2835
+ max-height:var(--ck-ai-review-check-list-model-dropdown-max-height);
2827
2836
  overflow-y:scroll;
2828
2837
  }
2829
2838
 
@@ -2854,11 +2863,16 @@
2854
2863
  }
2855
2864
 
2856
2865
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel > .ck.ck-list > .ck.ck-list__item > .ck.ck-button.ck-list-item-button .ck-ai-review-mode__check-list-item-model-dropdown-description > span{
2857
- color:var(--ck-ai-chat-color-icon);
2866
+ color:var(--ck-ai-review-color-icon);
2858
2867
  line-height:1;
2859
2868
  white-space:normal;
2860
2869
  }
2861
2870
 
2871
+ :root{
2872
+ --ck-ai-review-color-text:hsla(263, 59%, 52%, 1);
2873
+ --ck-ai-review-border-color-button:hsla(262, 51%, 80%, 1);
2874
+ }
2875
+
2862
2876
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-run{
2863
2877
  position:relative;
2864
2878
  height:100%;
@@ -2898,7 +2912,19 @@
2898
2912
  }
2899
2913
 
2900
2914
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result:last-child{
2901
- border-bottom:1px solid var(--ck-color-base-border);
2915
+ position:relative;
2916
+ contain:layout;
2917
+ }
2918
+
2919
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result:last-child::after{
2920
+ display:block;
2921
+ content:"";
2922
+ height:1px;
2923
+ background:var(--ck-color-base-border);
2924
+ position:absolute;
2925
+ left:0;
2926
+ right:0;
2927
+ bottom:-1px;
2902
2928
  }
2903
2929
 
2904
2930
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result .ck-suggestion-marker{
@@ -2906,11 +2932,11 @@
2906
2932
  }
2907
2933
 
2908
2934
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result:hover{
2909
- box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-hover-border-color) inset;
2935
+ box-shadow:3px 0px 0px 0px var(--ck-ai-review-check-list-item-hover-border-color) inset;
2910
2936
  }
2911
2937
 
2912
2938
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_active{
2913
- box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-active-border-color) inset;
2939
+ box-shadow:3px 0px 0px 0px var(--ck-ai-review-check-list-item-active-border-color) inset;
2914
2940
  }
2915
2941
 
2916
2942
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_removing{
@@ -3015,12 +3041,16 @@
3015
3041
  .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-error-container .ck-ai-review-mode__check-run-error-retry-button{
3016
3042
  font-size:11.7px;
3017
3043
  min-height:unset;
3018
- border:1px solid var(--ck-ai-border-color-button);
3044
+ border:1px solid var(--ck-ai-review-border-color-button);
3019
3045
  border-radius:var(--ck-border-radius);
3020
3046
  gap:var(--ck-spacing-small);
3021
- color:var(--ck-ai-chat-color-text);
3047
+ color:var(--ck-ai-review-color-text);
3022
3048
  }
3023
3049
 
3050
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-error-container:not(.ck-hidden) + .ck-ai-review-mode__check-run-results-container:not(.ck-hidden) > .ck-ai-review-mode__check-run-result:first-child{
3051
+ border-top:1px solid var(--ck-color-base-border);
3052
+ }
3053
+
3024
3054
  @keyframes ck-ai-check-run-list-item-show{
3025
3055
  0%{
3026
3056
  opacity:0;
@@ -3098,6 +3128,17 @@
3098
3128
  white-space:break-spaces;
3099
3129
  }
3100
3130
 
3131
+ :root{
3132
+ --ck-ai-review-mode-inactive-check-background:hsla(0, 0%, 98%, 1);
3133
+
3134
+ --ck-color-suggestion-marker-deletion-border-inactive:hsla(345, 1%, 74%, 0.35);
3135
+ --ck-color-suggestion-marker-deletion-background-inactive:hsla(345, 11%, 95%, 0.35);
3136
+ --ck-color-suggestion-marker-deletion-stroke-inactive:hsla(0, 1%, 62%, 0.35);
3137
+
3138
+ --ck-color-suggestion-marker-insertion-border-inactive:hsla(128, 1%, 73%, 0.35);
3139
+ --ck-color-suggestion-marker-insertion-background-inactive:hsla(128, 6%, 93%, 0.35);
3140
+ }
3141
+
3101
3142
  .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-footer{
3102
3143
  margin-top:var(--ck-spacing-standard);
3103
3144
  display:flex;
@@ -3120,6 +3161,16 @@
3120
3161
  margin-left:auto;
3121
3162
  }
3122
3163
 
3164
+ .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-footer .ck.ck-button.ck-ai-review-mode__check-run-result-status-button{
3165
+ background-color:hsla(0, 0%, 93%, 1);
3166
+ color:hsla(0, 0%, 44%, 1);
3167
+ border:none;
3168
+ }
3169
+
3170
+ .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-footer .ck.ck-button.ck-ai-review-mode__check-run-result-status-button > .ck.ck-icon{
3171
+ --ck-icon-size:16px;
3172
+ }
3173
+
3123
3174
  .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response{
3124
3175
  overflow:hidden;
3125
3176
  }
@@ -3142,6 +3193,32 @@
3142
3193
  max-height:125px;
3143
3194
  }
3144
3195
 
3196
+ .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_grayout{
3197
+ pointer-events:none;
3198
+ background-color:var(--ck-ai-review-mode-inactive-check-background);
3199
+ }
3200
+
3201
+ .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_grayout .ck-suggestion-marker.ck-suggestion-marker-deletion{
3202
+ --ck-color-suggestion-marker-deletion-border:var(--ck-color-suggestion-marker-deletion-border-inactive);
3203
+ --ck-color-suggestion-marker-deletion-background:var(--ck-color-suggestion-marker-deletion-background-inactive);
3204
+ --ck-color-suggestion-marker-deletion-stroke:var(--ck-color-suggestion-marker-deletion-stroke-inactive);
3205
+ }
3206
+
3207
+ .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_grayout .ck-suggestion-marker.ck-suggestion-marker-insertion{
3208
+ --ck-color-suggestion-marker-insertion-border:var(--ck-color-suggestion-marker-insertion-border-inactive);
3209
+ --ck-color-suggestion-marker-insertion-background:var(--ck-color-suggestion-marker-insertion-background-inactive);
3210
+ }
3211
+
3212
+ .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_grayout > .ck-ai-review-mode__check-run-result-response > *{
3213
+ filter:grayscale(1);
3214
+ }
3215
+
3216
+ :root{
3217
+ --ck-ai-header-color-icon:hsla(0, 0%, 44%, 1);
3218
+ --ck-ai-header-color-text:hsla(263, 59%, 52%, 1);
3219
+ --ck-ai-header-border-color-button:hsla(262, 51%, 80%, 1);
3220
+ }
3221
+
3145
3222
  .ck-ai-header{
3146
3223
  --ck-ui-component-min-height:1.7em;
3147
3224
  --ck-ui-component-min-width:1.7em;
@@ -3156,16 +3233,16 @@
3156
3233
  .ck-ai-header > .ck-button > .ck-button__icon{
3157
3234
  --ck-icon-font-size:.666em;
3158
3235
 
3159
- color:var(--ck-ai-chat-color-icon);
3236
+ color:var(--ck-ai-header-color-icon);
3160
3237
  }
3161
3238
 
3162
3239
  .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation{
3163
3240
  font-size:11.7px;
3164
3241
  min-height:unset;
3165
- border:1px solid var(--ck-ai-border-color-button);
3242
+ border:1px solid var(--ck-ai-header-border-color-button);
3166
3243
  border-radius:var(--ck-border-radius);
3167
3244
  gap:var(--ck-spacing-small);
3168
- color:var(--ck-ai-chat-color-text);
3245
+ color:var(--ck-ai-header-color-text);
3169
3246
  }
3170
3247
 
3171
3248
  .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation:hover{
@@ -3180,7 +3257,7 @@
3180
3257
  --ck-icon-font-size:.632em;
3181
3258
 
3182
3259
  margin-inline-end:0;
3183
- color:var(--ck-ai-chat-color-text);
3260
+ color:var(--ck-ai-header-color-text);
3184
3261
  }
3185
3262
 
3186
3263
  .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > span.ck-button__label{
@@ -3193,6 +3270,10 @@
3193
3270
  margin-inline-end:var(--ck-spacing-small);
3194
3271
  }
3195
3272
 
3273
+ .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back:hover{
3274
+ background-color:var(--ck-ai-button-tertiary-filled-hover-background-color);
3275
+ }
3276
+
3196
3277
  .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back > .ck-button__icon{
3197
3278
  --ck-icon-font-size:13px;
3198
3279
 
@@ -3209,9 +3290,298 @@
3209
3290
  .ck-ai-header .ck-form__header__label:not(:last-child){
3210
3291
  margin-inline-end:var(--ck-spacing-small);
3211
3292
  }
3293
+ :root{
3294
+ --ck-ai-button-primary-color:hsla(0, 0%, 100%, 1);
3295
+ --ck-ai-button-primary-disabled-color:hsla(0, 0%, 100%, 1);
3296
+ --ck-ai-button-primary-background-color:hsla(263, 59%, 52%, 1);
3297
+ --ck-ai-button-primary-disabled-background-color:hsla(263, 59%, 52%, 0.5);
3298
+ --ck-ai-button-primary-hover-background-color:hsla(263, 59%, 40%, 1);
3299
+ --ck-ai-button-secondary-color:hsla(263, 59%, 52%, 1);
3300
+ --ck-ai-button-secondary-disabled-color:hsla(263, 59%, 52%, 0.5);
3301
+ --ck-ai-button-secondary-background-color:hsla(0, 0%, 100%, 1);
3302
+ --ck-ai-button-secondary-disabled-background-color:hsla(0, 0%, 100%, 0.5);
3303
+ --ck-ai-button-secondary-border-color:hsla(262, 51%, 80%, 1);
3304
+ --ck-ai-button-secondary-disabled-border-color:hsla(262, 51%, 80%, 0.5);
3305
+ --ck-ai-button-secondary-hover-background-color:hsla(262, 100%, 96%, 1);
3306
+ --ck-ai-button-secondary-active-background-color:hsla(262, 100%, 96%, 1);
3307
+ --ck-ai-button-tertiary-text-color:hsla(263, 59%, 52%, 1);
3308
+ --ck-ai-button-tertiary-disabled-text-color:hsla(263, 59%, 52%, 0.5);
3309
+ --ck-ai-button-tertiary-text-background-color:transparent;
3310
+ --ck-ai-button-tertiary-text-hover-background-color:hsla(262, 100%, 96%, 1);
3311
+ --ck-ai-button-tertiary-text-hover-color:hsla(0, 0%, 20%, 1);
3312
+ --ck-ai-button-tertiary-filled-color:hsla(0, 0%, 44%, 1);
3313
+ --ck-ai-button-tertiary-filled-disabled-color:hsla(0, 0%, 44%, 0.5);
3314
+ --ck-ai-button-tertiary-filled-hover-color:hsla(0, 0%, 20%, 1);
3315
+ --ck-ai-button-tertiary-filled-active-color:hsla(263, 59%, 52%, 1);
3316
+ --ck-ai-button-tertiary-filled-background-color:transparent;
3317
+ --ck-ai-button-tertiary-filled-disabled-background-color:hsla(0, 0%, 93%, 1);
3318
+ --ck-ai-button-tertiary-filled-hover-background-color:hsla(262, 100%, 96%, 1);
3319
+ --ck-ai-button-tertiary-filled-active-background-color:hsla(262, 100%, 96%, 1);
3320
+ }
3321
+ .ck.ck-button.ck-ai-button-primary{
3322
+ color:var(--ck-ai-button-primary-color);
3323
+ background-color:var(--ck-ai-button-primary-background-color);
3324
+ border:1px solid transparent;
3325
+ }
3326
+ .ck.ck-button.ck-ai-button-primary:hover{
3327
+ background-color:var(--ck-ai-button-primary-hover-background-color);
3328
+ }
3329
+ .ck.ck-button.ck-ai-button-primary:disabled,
3330
+ .ck.ck-button.ck-ai-button-primary.ck-disabled{
3331
+ color:var(--ck-ai-button-primary-disabled-color);
3332
+ background-color:var(--ck-ai-button-primary-disabled-background-color);
3333
+ }
3334
+ .ck.ck-button.ck-ai-button-primary:disabled > .ck.ck-button__label,
3335
+ .ck.ck-button.ck-ai-button-primary.ck-disabled > .ck.ck-button__label,
3336
+ .ck.ck-button.ck-ai-button-primary:disabled > .ck-button__icon,
3337
+ .ck.ck-button.ck-ai-button-primary.ck-disabled > .ck-button__icon{
3338
+ opacity:1;
3339
+ }
3340
+ .ck.ck-button.ck-ai-button-secondary{
3341
+ color:var(--ck-ai-button-secondary-color);
3342
+ background-color:var(--ck-ai-button-secondary-background-color);
3343
+ border:1px solid var(--ck-ai-button-secondary-border-color);
3344
+ }
3345
+ .ck.ck-button.ck-ai-button-secondary:hover{
3346
+ background-color:var(--ck-ai-button-secondary-hover-background-color);
3347
+ }
3348
+ .ck.ck-button.ck-ai-button-secondary:active,
3349
+ .ck.ck-button.ck-ai-button-secondary.ck-on{
3350
+ background-color:var(--ck-ai-button-secondary-active-background-color);
3351
+ }
3352
+ .ck.ck-button.ck-ai-button-secondary:disabled,
3353
+ .ck.ck-button.ck-ai-button-secondary.ck-disabled{
3354
+ color:var(--ck-ai-button-secondary-disabled-color);
3355
+ background-color:var(--ck-ai-button-secondary-disabled-background-color);
3356
+ border:1px solid var(--ck-ai-button-secondary-disabled-border-color);
3357
+ }
3358
+ .ck.ck-button.ck-ai-button-secondary:disabled > .ck.ck-button__label,
3359
+ .ck.ck-button.ck-ai-button-secondary.ck-disabled > .ck.ck-button__label,
3360
+ .ck.ck-button.ck-ai-button-secondary:disabled > .ck-button__icon,
3361
+ .ck.ck-button.ck-ai-button-secondary.ck-disabled > .ck-button__icon{
3362
+ opacity:1;
3363
+ }
3364
+ .ck.ck-button.ck-ai-button-tertiary-text{
3365
+ color:var(--ck-ai-button-tertiary-text-color);
3366
+ background-color:var(--ck-ai-button-tertiary-text-background-color);
3367
+ border:none;
3368
+ }
3369
+ .ck.ck-button.ck-ai-button-tertiary-text:hover{
3370
+ background-color:var(--ck-ai-button-tertiary-text-hover-background-color);
3371
+ color:var(--ck-ai-button-tertiary-text-hover-color);
3372
+ }
3373
+ .ck.ck-button.ck-ai-button-tertiary-text:hover > .ck.ck-button__icon{
3374
+ color:var(--ck-ai-button-tertiary-text-hover-color);
3375
+ }
3376
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover{
3377
+ background-color:var(--ck-ai-button-tertiary-text-hover-background-color);
3378
+ }
3379
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover > .ck.ck-button__icon{
3380
+ color:var(--ck-ai-button-tertiary-text-hover-color);
3381
+ }
3382
+ .ck.ck-button.ck-ai-button-tertiary-text:disabled,
3383
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-disabled{
3384
+ color:var(--ck-ai-button-tertiary-disabled-text-color);
3385
+ }
3386
+ .ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck.ck-button__label,
3387
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck.ck-button__label,
3388
+ .ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck-button__icon,
3389
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck-button__icon{
3390
+ opacity:1;
3391
+ }
3392
+ .ck.ck-button.ck-ai-button-tertiary-filled{
3393
+ color:var(--ck-ai-button-tertiary-filled-color);
3394
+ background-color:var(--ck-ai-button-tertiary-filled-background-color);
3395
+ border:none;
3396
+ }
3397
+ .ck.ck-button.ck-ai-button-tertiary-filled:hover{
3398
+ color:var(--ck-ai-button-tertiary-filled-hover-color);
3399
+ background-color:var(--ck-ai-button-tertiary-filled-hover-background-color);
3400
+ }
3401
+ .ck.ck-button.ck-ai-button-tertiary-filled:active,
3402
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-on{
3403
+ color:var(--ck-ai-button-tertiary-filled-active-color);
3404
+ background-color:var(--ck-ai-button-tertiary-filled-active-background-color);
3405
+ }
3406
+ .ck.ck-button.ck-ai-button-tertiary-filled:disabled,
3407
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled{
3408
+ color:var(--ck-ai-button-tertiary-filled-disabled-color);
3409
+ background-color:var(--ck-ai-button-tertiary-filled-disabled-background-color);
3410
+ }
3411
+ .ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck.ck-button__label,
3412
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck.ck-button__label,
3413
+ .ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck-button__icon,
3414
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck-button__icon{
3415
+ opacity:1;
3416
+ }
3417
+ .ck.ck-button.ck-ai-button-stop-generating{
3418
+ min-height:22px;
3419
+ padding:0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
3420
+ }
3421
+ .ck.ck-button.ck-ai-button-stop-generating .ck.ck-icon.ck-button__icon{
3422
+ height:14px;
3423
+ width:14px;
3424
+ margin-right:4px;
3425
+ }
3426
+ :root{
3427
+ --ck-ai-chat-color-background-error:hsla(15, 100%, 97%, 1);
3428
+ --ck-ai-chat-color-background-warning:hsla(36, 100%, 65.10%, 0.10);
3429
+
3430
+ --ck-ai-chat-color-border-error:hsla(14, 100%, 68%, 1);
3431
+ --ck-ai-chat-color-border-warning:hsla(36, 100%, 65%, 1);
3432
+ }
3433
+ .ck.ck-ai-chat-error{
3434
+ display:flex;
3435
+ align-items:flex-start;
3436
+ justify-content:space-between;
3437
+ gap:var(--ck-spacing-medium);
3438
+ width:fit-content;
3439
+
3440
+ background-color:var(--ck-ai-chat-color-background-error);
3441
+ border:1px solid var(--ck-ai-chat-color-border-error);
3442
+ padding:var(--ck-spacing-standard);
3443
+ border-radius:var(--ck-ai-border-radius);
3444
+ }
3445
+ .ck.ck-ai-chat-error.ck-ai-chat-error_warning{
3446
+ background-color:var(--ck-ai-chat-color-background-warning);
3447
+ border-color:var(--ck-ai-chat-color-border-warning);
3448
+ }
3449
+ .ck.ck-ai-chat-error > p{
3450
+ flex:1;
3451
+ max-width:calc(100% - (16px + var(--ck-spacing-medium)));
3452
+ white-space:normal;
3453
+ color:var(--ck-color-base-text);
3454
+ line-height:var(--ck-line-height-base);
3455
+ }
3456
+ .ck.ck-ai-chat-error > .ck-button{
3457
+ --ck-icon-font-size:0.666em;
3458
+ }
3459
+ .ck.ck-ai-chat-error > .ck-button.ck-ai-chat-error__dismiss-button{
3460
+ --ck-icon-font-size:0.666em;
3461
+ --ck-ui-component-min-height:16px;
3462
+
3463
+ padding:0;
3464
+ flex-shrink:0;
3465
+ }
3466
+ .ck.ck-ai-chat-error.ck-ai-chat-error_full-width > p{
3467
+ max-width:100%;
3468
+ }
3469
+ :root{
3470
+ --ck-ai-disclaimer-background-color:hsla(0, 0%, 96%, 1);
3471
+ --ck-ai-disclaimer-border-color:hsla(220, 6%, 82%, 1);
3472
+ --ck-ai-disclaimer-text-color:hsla(0, 0%, 44%, 1);
3473
+ }
3474
+ .ck.ck-ai-disclaimer{
3475
+ background-color:var(--ck-ai-disclaimer-background-color);
3476
+ border-top:1px solid var(--ck-ai-disclaimer-border-color);
3477
+ padding:var(--ck-spacing-standard) 1em;
3478
+ }
3479
+ .ck.ck-ai-disclaimer > .ck.ck-ai-disclaimer__content{
3480
+ color:var(--ck-ai-disclaimer-text-color);
3481
+ font-size:0.75em;
3482
+ line-height:1.025em;
3483
+ text-align:center;
3484
+ word-break:normal;
3485
+ text-wrap:auto;
3486
+ }
3487
+ :root{
3488
+ --ai-skeleton-z-index:calc( var(--ck-z-default) + 1);
3489
+ --ck-ai-skeleton-item-background:linear-gradient(90deg, hsl(0, 0.00%, 98.00%) 0%, hsl(0, 0.00%, 94.10%) 50%, hsl(0, 0.00%, 98.00%) 100%);
3490
+ --ck-ai-skeleton-animation-duration:1s;
3491
+ --ck-ai-skeleton-gap:var(--ck-spacing-extra-large);
3492
+ }
3493
+ .ck.ck-ai-skeleton{
3494
+ position:absolute;
3495
+ inset:0;
3496
+ z-index:var(--ai-skeleton-z-index);
3497
+ display:flex;
3498
+ flex-direction:column;
3499
+ align-items:flex-end;
3500
+ gap:var(--ck-ai-skeleton-gap) 0;
3501
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-large) var(--ck-spacing-large);
3502
+ width:100%;
3503
+ height:100%;
3504
+ background-color:var(--ck-color-base-background);
3505
+ opacity:1;
3506
+ transition:opacity .4s, display .4s allow-discrete;
3507
+ transition-delay:350ms;
3508
+ }
3509
+ .ck.ck-ai-skeleton.ck-hidden{
3510
+ transition-delay:0ms;
3511
+ opacity:0;
3512
+ }
3513
+ @starting-style{
3514
+ .ck.ck-ai-skeleton{
3515
+ opacity:0;
3516
+ }
3517
+ }
3518
+ .ck.ck-ai-skeleton > .ck.ck-ai-skeleton__item{
3519
+ background:var(--ck-ai-skeleton-item-background);
3520
+ background-size:200% 100%;
3521
+ animation:var(--ck-ai-skeleton-animation-duration) ck-ai-skeleton-shine linear infinite;
3522
+ width:100%;
3523
+ }
3524
+ @keyframes ck-ai-skeleton-shine{
3525
+ to{
3526
+ background-position-x:-200%;
3527
+ }
3528
+ }
3529
+ :root{
3530
+ --ck-ai-spinner-size:var(--ck-toolbar-spinner-size);
3531
+ --ck-ai-spinner-background:linear-gradient(to right, hsl(0, 0%, 100%), hsl(0, 0%, 58%));
3532
+ --ck-ai-spinner-mask:radial-gradient(farthest-side, transparent 66%, hsl(0, 0%, 0%) 61%);
3533
+ --ck-ai-spinner-animation-duration:1s;
3534
+ }
3535
+ .ck.ck-spinner-container.ck-ai-spinner{
3536
+ display:inline-block;
3537
+ width:var(--ck-ai-spinner-size);
3538
+ height:var(--ck-ai-spinner-size);
3539
+ margin:0;
3540
+ flex-shrink:0;
3541
+ animation-duration:var(--ck-ai-spinner-animation-duration);
3542
+ }
3543
+ .ck.ck-spinner-container.ck-ai-spinner .ck-spinner{
3544
+ width:var(--ck-ai-spinner-size);
3545
+ height:var(--ck-ai-spinner-size);
3546
+
3547
+ border:none;
3548
+
3549
+ background:var(--ck-ai-spinner-background);
3550
+ -webkit-mask:var(--ck-ai-spinner-mask);
3551
+ mask:var(--ck-ai-spinner-mask);
3552
+
3553
+ box-sizing:border-box;
3554
+ }
3555
+ .ck.ck-spinner-container.ck-ai-spinner.ck-ai-spinner_small{
3556
+ --ck-ai-spinner-size:1em;
3557
+ }
3558
+ .ck.ck-spinner-container.ck-ai-spinner.ck-ai-spinner_tiny{
3559
+ --ck-ai-spinner-size:12px;
3560
+ }
3561
+ .ck.ck-spinner-container.ck-hidden{
3562
+ display:none;
3563
+ animation:none;
3564
+ }
3565
+ @keyframes ck-spin{
3566
+ to{
3567
+ transform:rotate(360deg);
3568
+ }
3569
+ }
3212
3570
  :root{
3213
3571
  --ck-ai-suggestion-inactive-color-background:hsla(128, 6%, 93%, 0.35);
3214
3572
  --ck-ai-suggestion-inactive-color-border:hsla(128, 1%, 73%, 0.35);
3573
+
3574
+ --ck-ai-suggestion-marker-insertion-border-color:var(--ck-color-suggestion-marker-insertion-border, hsla(128, 71%, 40%, .35));
3575
+ --ck-ai-suggestion-marker-insertion-background-color:var(--ck-color-suggestion-marker-insertion-background, hsla(128, 71%, 65%, .35));
3576
+
3577
+ --ck-ai-suggestion-marker-deletion-border-color:var(--ck-color-suggestion-marker-deletion-border, hsla(345, 71%, 40%, .35));
3578
+ --ck-ai-suggestion-marker-deletion-background-color:var(--ck-color-suggestion-marker-deletion-background, hsla(345, 71%, 65%, .35));
3579
+ --ck-ai-suggestion-marker-deletion-stroke-color:var(--ck-color-suggestion-marker-deletion-stroke, hsla(345, 71%, 20%, .5));
3580
+ }
3581
+
3582
+ :root{
3583
+ --ck-ai-review-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
3584
+ --ck-ai-review-color-icon:hsla(0, 0%, 44%, 1);
3215
3585
  }
3216
3586
 
3217
3587
  .ck{
@@ -3251,20 +3621,20 @@
3251
3621
 
3252
3622
  .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_add{
3253
3623
  white-space:break-spaces;
3254
- border-top:3px solid var(--ck-color-suggestion-marker-insertion-border);
3255
- border-bottom:3px solid var(--ck-color-suggestion-marker-insertion-border);
3256
- background:var(--ck-color-suggestion-marker-insertion-background);
3624
+ border-top:3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
3625
+ border-bottom:3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
3626
+ background:var(--ck-ai-suggestion-marker-insertion-background-color);
3257
3627
  }
3258
3628
 
3259
3629
  .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_hide,
3260
3630
  .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_strikethrough{
3261
3631
  white-space:break-spaces;
3262
- border-top:3px solid var(--ck-color-suggestion-marker-deletion-border);
3263
- border-bottom:3px solid var(--ck-color-suggestion-marker-deletion-border);
3632
+ border-top:3px solid var(--ck-ai-suggestion-marker-deletion-border-color);
3633
+ border-bottom:3px solid var(--ck-ai-suggestion-marker-deletion-border-color);
3264
3634
  text-decoration:line-through;
3265
- text-decoration-color:var(--ck-color-suggestion-marker-deletion-stroke);
3635
+ text-decoration-color:var(--ck-ai-suggestion-marker-deletion-stroke-color);
3266
3636
  text-decoration-thickness:3px;
3267
- background:var(--ck-color-suggestion-marker-deletion-background);
3637
+ background:var(--ck-ai-suggestion-marker-deletion-background-color);
3268
3638
  }
3269
3639
 
3270
3640
  .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_underline{
@@ -4680,6 +5050,84 @@
4680
5050
  right:auto;
4681
5051
  }
4682
5052
 
5053
+ :root{
5054
+ --ck-content-footnotes-list-background-color:none;
5055
+ --ck-content-footnotes-list-separator-color:hsl(0, 0%, 0%);
5056
+ --ck-content-footnote-font-size:var(--ck-content-font-size-small);
5057
+ --ck-footnotes-widget-label-background-color:hsl(0, 0%, 46%);
5058
+ }
5059
+ [dir="rtl"] .ck-content .footnotes-divider{
5060
+ margin-left:auto;
5061
+ margin-right:0;
5062
+ }
5063
+ .ck.ck-editor__editable .footnotes.ck-widget{
5064
+ display:flow-root;
5065
+ position:relative;
5066
+ margin:0.9em 0 0.85em;
5067
+ }
5068
+ .ck.ck-editor__editable .footnotes.ck-widget:not(:hover):not(.ck-widget_selected){
5069
+ outline:1px solid var(--ck-color-base-border);
5070
+ }
5071
+ .ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]::after{
5072
+ content:attr(data-footnotes-list-label);
5073
+
5074
+ position:absolute;
5075
+ top:-1px;
5076
+ right:10px;
5077
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
5078
+ background-color:var(--ck-footnotes-widget-label-background-color);
5079
+
5080
+ font-size:10px;
5081
+ font-family:var(--ck-font-face);
5082
+ line-height:16px;
5083
+ color:hsl(0, 0%, 100%);
5084
+ white-space:nowrap;
5085
+ }
5086
+ [dir="rtl"] .ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]::after{
5087
+ left:10px;
5088
+ right:auto;
5089
+ }
5090
+ .ck.ck-editor__editable .footnotes-divider{
5091
+ margin-top:0;
5092
+ }
5093
+ .ck.ck-editor__editable .footnotes-list{
5094
+ margin-top:0;
5095
+ margin-bottom:0.65em;
5096
+ }
5097
+
5098
+ :root{
5099
+ --ck-footnotes-styles-list-style-button-size:44px;
5100
+ }
5101
+
5102
+ .ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list{
5103
+ display:grid;
5104
+ row-gap:var(--ck-spacing-medium);
5105
+ column-gap:var(--ck-spacing-medium);
5106
+ padding:var(--ck-spacing-large);
5107
+ grid-template-columns:repeat( 4, auto);
5108
+ }
5109
+
5110
+ .ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button{
5111
+ width:var(--ck-footnotes-styles-list-style-button-size);
5112
+ height:var(--ck-footnotes-styles-list-style-button-size);
5113
+ padding:0;
5114
+ margin:0;
5115
+ box-sizing:content-box;
5116
+ }
5117
+
5118
+ .ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button .ck-icon{
5119
+ width:var(--ck-footnotes-styles-list-style-button-size);
5120
+ height:var(--ck-footnotes-styles-list-style-button-size);
5121
+ }
5122
+
5123
+ .ck.ck-footnotes-definitions-properties > .ck-collapsible{
5124
+ border-top:1px solid var(--ck-color-base-border);
5125
+ }
5126
+
5127
+ .ck.ck-footnotes-definitions-properties > .ck-collapsible .ck-footnotes-definitions-properties__start-index .ck-input{
5128
+ min-width:100%;
5129
+ }
5130
+
4683
5131
  .ck.ck-editor__editable_inline.ck-format-painter-active,
4684
5132
  .ck.ck-editor__editable_inline.ck-format-painter-active a,
4685
5133
  .ck.ck-editor__editable_inline.ck-format-painter-active .ck-widget .ck-editor__nested-editable,