@ckeditor/ckeditor5-ai 49.0.0-alpha.0 → 49.0.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 (77) hide show
  1. package/dist/index-editor.css +35 -51
  2. package/dist/index.css +35 -51
  3. package/dist/index.js +19 -19
  4. package/dist/translations/af.umd.js +1 -1
  5. package/dist/translations/ar.umd.js +1 -1
  6. package/dist/translations/ast.umd.js +1 -1
  7. package/dist/translations/az.umd.js +1 -1
  8. package/dist/translations/be.umd.js +1 -1
  9. package/dist/translations/bg.umd.js +1 -1
  10. package/dist/translations/bn.umd.js +1 -1
  11. package/dist/translations/bs.umd.js +1 -1
  12. package/dist/translations/ca.umd.js +1 -1
  13. package/dist/translations/cs.umd.js +1 -1
  14. package/dist/translations/da.umd.js +1 -1
  15. package/dist/translations/de-ch.umd.js +1 -1
  16. package/dist/translations/de.umd.js +1 -1
  17. package/dist/translations/el.umd.js +1 -1
  18. package/dist/translations/en-au.umd.js +1 -1
  19. package/dist/translations/en-gb.umd.js +1 -1
  20. package/dist/translations/en.umd.js +1 -1
  21. package/dist/translations/eo.umd.js +1 -1
  22. package/dist/translations/es-co.umd.js +1 -1
  23. package/dist/translations/es.umd.js +1 -1
  24. package/dist/translations/et.umd.js +1 -1
  25. package/dist/translations/eu.umd.js +1 -1
  26. package/dist/translations/fa.umd.js +1 -1
  27. package/dist/translations/fi.umd.js +1 -1
  28. package/dist/translations/fr.umd.js +1 -1
  29. package/dist/translations/gl.umd.js +1 -1
  30. package/dist/translations/gu.umd.js +1 -1
  31. package/dist/translations/he.umd.js +1 -1
  32. package/dist/translations/hi.umd.js +1 -1
  33. package/dist/translations/hr.umd.js +1 -1
  34. package/dist/translations/hu.umd.js +1 -1
  35. package/dist/translations/hy.umd.js +1 -1
  36. package/dist/translations/id.umd.js +1 -1
  37. package/dist/translations/it.umd.js +1 -1
  38. package/dist/translations/ja.umd.js +1 -1
  39. package/dist/translations/jv.umd.js +1 -1
  40. package/dist/translations/kk.umd.js +1 -1
  41. package/dist/translations/km.umd.js +1 -1
  42. package/dist/translations/kn.umd.js +1 -1
  43. package/dist/translations/ko.umd.js +1 -1
  44. package/dist/translations/ku.umd.js +1 -1
  45. package/dist/translations/lt.umd.js +1 -1
  46. package/dist/translations/lv.umd.js +1 -1
  47. package/dist/translations/ms.umd.js +1 -1
  48. package/dist/translations/nb.umd.js +1 -1
  49. package/dist/translations/ne.umd.js +1 -1
  50. package/dist/translations/nl.umd.js +1 -1
  51. package/dist/translations/no.umd.js +1 -1
  52. package/dist/translations/oc.umd.js +1 -1
  53. package/dist/translations/pl.umd.js +1 -1
  54. package/dist/translations/pt-br.umd.js +1 -1
  55. package/dist/translations/pt.umd.js +1 -1
  56. package/dist/translations/ro.umd.js +1 -1
  57. package/dist/translations/ru.umd.js +1 -1
  58. package/dist/translations/si.umd.js +1 -1
  59. package/dist/translations/sk.umd.js +1 -1
  60. package/dist/translations/sl.umd.js +1 -1
  61. package/dist/translations/sq.umd.js +1 -1
  62. package/dist/translations/sr-latn.umd.js +1 -1
  63. package/dist/translations/sr.umd.js +1 -1
  64. package/dist/translations/sv.umd.js +1 -1
  65. package/dist/translations/th.umd.js +1 -1
  66. package/dist/translations/ti.umd.js +1 -1
  67. package/dist/translations/tk.umd.js +1 -1
  68. package/dist/translations/tr.umd.js +1 -1
  69. package/dist/translations/tt.umd.js +1 -1
  70. package/dist/translations/ug.umd.js +1 -1
  71. package/dist/translations/uk.umd.js +1 -1
  72. package/dist/translations/ur.umd.js +1 -1
  73. package/dist/translations/uz.umd.js +1 -1
  74. package/dist/translations/vi.umd.js +1 -1
  75. package/dist/translations/zh-cn.umd.js +1 -1
  76. package/dist/translations/zh.umd.js +1 -1
  77. package/package.json +30 -30
@@ -330,7 +330,7 @@
330
330
  border-color: var(--ck-ai-chat-shortcuts-shortcut-border-color);
331
331
  padding: var(--ck-spacing-padding) var(--ck-spacing-padding-spacious);
332
332
  min-height: calc(var(--ck-size-control-min-height) + var(--ck-spacing-base));
333
- font-weight: var(--ck-font-weight-medium);
333
+ font-weight: var(--ck-font-weight-normal);
334
334
 
335
335
  & .ck-button__label {
336
336
  white-space: pre-wrap;
@@ -3215,19 +3215,19 @@ div.ck.ck-ai-suggestion__content-part-state {
3215
3215
 
3216
3216
  & .ck-ai_review__init-skeleton {
3217
3217
  height: auto;
3218
- padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3218
+ padding: var(--ck-spacing-padding-comfortable);
3219
3219
  box-sizing: border-box;
3220
3220
  position: static;
3221
3221
  overflow: hidden;
3222
3222
  }
3223
3223
 
3224
3224
  & .ck-ai_review__init-skeleton, & .ck-ai_review__check-run-skeleton-container {
3225
- --ck-ai-skeleton-row-gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
3225
+ --ck-ai-skeleton-row-gap: var(--ck-spacing-gap);
3226
3226
 
3227
3227
  & .ck-ai-skeleton__row {
3228
3228
  border: var(--ck-border-width-thin) solid var(--ck-color-base-border-light);
3229
3229
  border-radius: var(--ck-radius-base);
3230
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3230
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-comfortable);
3231
3231
  box-sizing: border-box;
3232
3232
 
3233
3233
  & .ck-ai-skeleton__item {
@@ -3325,7 +3325,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3325
3325
  }
3326
3326
 
3327
3327
  & .ck-ai_review__general-error-container {
3328
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable)) var(--ck-spacing-standard, var(--ck-spacing-padding)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3328
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding) var(--ck-spacing-padding-comfortable);
3329
3329
  border-radius: var(--ck-ai-border-radius);
3330
3330
 
3331
3331
  & > p {
@@ -3553,7 +3553,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3553
3553
  & .ck-ai_review__check-run-results-header {
3554
3554
  justify-content: space-between;
3555
3555
  align-items: center;
3556
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3556
+ gap: var(--ck-spacing-gap-compact) var(--ck-spacing-gap);
3557
3557
  padding: var(--ck-spacing-padding-comfortable);
3558
3558
  padding-top: calc(var(--ck-spacing-padding-comfortable) + var(--ck-spacing-padding));
3559
3559
  flex-wrap: wrap;
@@ -3597,7 +3597,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3597
3597
  & .ck-ai-button-stop-generating {
3598
3598
  min-height: var(--ck-size-control-min-height);
3599
3599
  font-size: var(--ck-ai-button-stop-generating-font-size);
3600
- padding: var(--ck-spacing-small, var(--ck-spacing-padding-compact)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3600
+ padding: var(--ck-spacing-padding-compact) var(--ck-spacing-padding-comfortable);
3601
3601
 
3602
3602
  & .ck.ck-icon.ck-button__icon {
3603
3603
  --ck-icon-size: var(--ck-font-size-lg);
@@ -3614,7 +3614,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3614
3614
  }
3615
3615
 
3616
3616
  & .ck-ai_review__check-run-skeleton-container {
3617
- padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3617
+ padding: var(--ck-spacing-padding-comfortable);
3618
3618
  box-sizing: border-box;
3619
3619
  width: 100%;
3620
3620
  height: 100%;
@@ -3685,23 +3685,22 @@ div.ck.ck-ai-suggestion__content-part-state {
3685
3685
 
3686
3686
  .ck-ai_review__check-run-result {
3687
3687
  & > .ck-ai_review__check-run-result-footer {
3688
- margin-top: var(--ck-spacing-standard, var(--ck-spacing-gap));
3688
+ margin-top: var(--ck-spacing-gap);
3689
3689
  justify-content: space-between;
3690
3690
  align-items: center;
3691
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3691
+ gap: var(--ck-spacing-gap);
3692
3692
  display: flex;
3693
3693
 
3694
3694
  & > .ck-ai_review__check-run-result-action-buttons {
3695
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3695
+ gap: var(--ck-spacing-gap);
3696
3696
  flex-grow: 1;
3697
3697
  display: flex;
3698
3698
  }
3699
3699
 
3700
3700
  & .ck.ck-button.ck-ai_review__check-run-result-info-button {
3701
3701
  --ck-icon-size: 16px;
3702
- --ck-ui-component-min-height: 1.75em;
3703
3702
  --ck-size-min-height: 1.75em;
3704
- max-height: var(--ck-ui-component-min-height, var(--ck-size-min-height));
3703
+ max-height: var(--ck-size-min-height);
3705
3704
  margin-left: auto;
3706
3705
  }
3707
3706
 
@@ -3776,8 +3775,8 @@ div.ck.ck-ai-suggestion__content-part-state {
3776
3775
 
3777
3776
  .ck .ck-ai-review.ck-ai-review-mode {
3778
3777
  & .ck-ai_review__check-run-results-container {
3779
- gap: var(--ck-spacing-large, var(--ck-spacing-gap-comfortable));
3780
- padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3778
+ gap: var(--ck-spacing-gap);
3779
+ padding: var(--ck-spacing-padding-comfortable);
3781
3780
  flex-direction: column;
3782
3781
  display: flex;
3783
3782
  }
@@ -3814,8 +3813,8 @@ div.ck.ck-ai-suggestion__content-part-state {
3814
3813
  & .ck-ai_review__review-completed-header {
3815
3814
  justify-content: space-between;
3816
3815
  align-items: center;
3817
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3818
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3816
+ gap: var(--ck-spacing-gap);
3817
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-comfortable);
3819
3818
  border-bottom: 1px solid var(--ck-color-base-border);
3820
3819
  display: flex;
3821
3820
 
@@ -3829,7 +3828,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3829
3828
  }
3830
3829
 
3831
3830
  & .ck-ai_review__review-completed-header-buttons {
3832
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3831
+ gap: var(--ck-spacing-gap);
3833
3832
  flex-shrink: 0;
3834
3833
  display: flex;
3835
3834
  }
@@ -3837,7 +3836,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3837
3836
 
3838
3837
  & .ck-ai_review__review-completed {
3839
3838
  & .ck-ai_review__review-completed-content {
3840
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) 0 var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious));
3839
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-spacious) 0 var(--ck-spacing-padding-spacious);
3841
3840
  text-align: center;
3842
3841
 
3843
3842
  & .ck-ai_review__review-completed-content-icon {
@@ -3846,7 +3845,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3846
3845
  }
3847
3846
 
3848
3847
  & .ck-ai_review__review-completed-content-text {
3849
- margin-top: var(--ck-spacing-large, var(--ck-spacing-gap-comfortable));
3848
+ margin-top: var(--ck-spacing-gap-comfortable);
3850
3849
  text-align: center;
3851
3850
  white-space: normal;
3852
3851
  }
@@ -3861,8 +3860,8 @@ div.ck.ck-ai-suggestion__content-part-state {
3861
3860
  --ck-ai-review-check-list-item-hover-icon-color: var(--ck-ai-accent-700-color);
3862
3861
  --ck-ai-review-check-list-item-border-color: var(--ck-color-base-border-light);
3863
3862
  --ck-ai-review-check-list-item-radius: var(--ck-radius-base);
3864
- --ck-ai-review-check-list-item-padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3865
- --ck-ai-review-check-list-item-elevated-shadow: var(--ck-drop-shadow-active, var(--ck-shadow-lg));
3863
+ --ck-ai-review-check-list-item-padding: var(--ck-spacing-padding-comfortable);
3864
+ --ck-ai-review-check-list-item-elevated-shadow: var(--ck-shadow-lg);
3866
3865
  --ck-ai-review-check-list-item-active-shadow: var(--ck-ai-tile-active-shadow);
3867
3866
  --ck-ai-review-check-list-item-title-color: var(--ck-color-text);
3868
3867
  --ck-ai-review-check-list-item-description-color: var(--ck-ai-neutral-600-color);
@@ -3870,6 +3869,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3870
3869
  --ck-ai-review-check-list-parameterized-dropdown-button-border-color: var(--ck-ai-neutral-300-color);
3871
3870
  --ck-ai-review-check-list-model-dropdown-max-width: 426px;
3872
3871
  --ck-ai-review-check-list-model-dropdown-max-height: 340px;
3872
+ --ck-ai-review-check-list-custom-actions-button-color: var(--ck-color-text-secondary);
3873
3873
  --ck-ai-review-check-list-item-title-text-font-size: var(--ck-font-size-md);
3874
3874
  --ck-ai-review-check-list-item-description-font-size: var(--ck-font-size-md);
3875
3875
  }
@@ -3936,7 +3936,9 @@ div.ck.ck-ai-suggestion__content-part-state {
3936
3936
  }
3937
3937
 
3938
3938
  & .ck-ai_review__check-list-item-title-text {
3939
+ line-height: var(--ck-line-height-base);
3939
3940
  white-space: normal;
3941
+ display: block;
3940
3942
  }
3941
3943
 
3942
3944
  &:hover {
@@ -3948,7 +3950,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3948
3950
  }
3949
3951
 
3950
3952
  &:has( > .ck-ai_review__check-list-item-content:focus) {
3951
- box-shadow: var(--ck-focus-outer-shadow), 0 0;
3953
+ box-shadow: var(--ck-focus-shadow), 0 0;
3952
3954
  outline: none;
3953
3955
  }
3954
3956
 
@@ -3972,7 +3974,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3972
3974
  }
3973
3975
 
3974
3976
  &:has( > .ck-ai_review__check-list-item-content:focus).ck-ai_review__check-list-item_selected {
3975
- box-shadow: var(--ck-ai-review-check-list-item-active-shadow), var(--ck-focus-outer-shadow), 0 0;
3977
+ box-shadow: var(--ck-ai-review-check-list-item-active-shadow), var(--ck-focus-shadow), 0 0;
3976
3978
  }
3977
3979
 
3978
3980
  &:has( > .ck-ai_review__check-list-item-parameterized) {
@@ -4001,7 +4003,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4001
4003
 
4002
4004
  & .ck-ai_review__check-list-item-content {
4003
4005
  align-items: flex-start;
4004
- gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
4006
+ gap: var(--ck-spacing-gap);
4005
4007
  display: flex;
4006
4008
 
4007
4009
  &:focus {
@@ -4010,7 +4012,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4010
4012
  }
4011
4013
 
4012
4014
  & .ck-ai_review__check-list-item-main-content {
4013
- gap: var(--ck-spacing-small, var(--ck-spacing-gap-compact));
4015
+ gap: var(--ck-spacing-gap-compact);
4014
4016
  flex-direction: column;
4015
4017
  flex: 1;
4016
4018
  min-width: 0;
@@ -4069,7 +4071,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4069
4071
 
4070
4072
  & .ck-ai_review__check-list-item-parameterized {
4071
4073
  opacity: 1;
4072
- margin-top: var(--ck-spacing-medium, var(--ck-spacing-gap));
4074
+ margin-top: var(--ck-spacing-gap);
4073
4075
  transition: grid-template-rows var(--ck-duration-slow) ease-in-out,
4074
4076
  opacity var(--ck-duration-slow) ease-in-out,
4075
4077
  margin-top var(--ck-duration-slow) ease-in-out,
@@ -4141,7 +4143,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4141
4143
 
4142
4144
  & .ck-ai_review__check-list-item-custom-actions {
4143
4145
  & .ck-ai_review__check-list-item-custom-actions-rows {
4144
- gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
4146
+ gap: var(--ck-spacing-gap);
4145
4147
  flex-direction: column;
4146
4148
  display: flex;
4147
4149
  }
@@ -4160,13 +4162,17 @@ div.ck.ck-ai-suggestion__content-part-state {
4160
4162
  width: 100%;
4161
4163
  display: flex;
4162
4164
 
4165
+ & .ck.ck-button.ck-ai-button-tertiary {
4166
+ color: var(--ck-ai-review-check-list-custom-actions-button-color);
4167
+ }
4168
+
4163
4169
  & .ck-ai_review__check-list-item-model-name {
4164
4170
  color: var(--ck-color-base-text);
4165
4171
  font-size: .9em;
4166
4172
  }
4167
4173
 
4168
4174
  & .ck-ai_review__check-list-item-parameterized-custom-actions-buttons {
4169
- gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
4175
+ gap: var(--ck-spacing-gap);
4170
4176
  margin-left: auto;
4171
4177
  display: flex;
4172
4178
  }
@@ -4313,14 +4319,6 @@ div.ck.ck-ai-suggestion__content-part-state {
4313
4319
  border-radius: var(--ck-radius-base);
4314
4320
  padding: var(--ck-spacing-padding-comfortable);
4315
4321
 
4316
- & .ck-ai_review__check-list-item-title {
4317
- & .ck-ai_review__check-list-item-title-text {
4318
- font-weight: var(--ck-font-weight-bold);
4319
- line-height: var(--ck-line-height-base);
4320
- display: block;
4321
- }
4322
- }
4323
-
4324
4322
  & .ck-ai_review__check-list-item-description:empty, & .ck-ai_review__check-list-item-icon-wrapper {
4325
4323
  display: none;
4326
4324
  }
@@ -4387,20 +4385,6 @@ div.ck.ck-ai-suggestion__content-part-state {
4387
4385
  display: none;
4388
4386
  }
4389
4387
  }
4390
-
4391
- & .ck-ai_review__check-run-skeleton-container {
4392
- padding: var(--ck-spacing-padding-comfortable);
4393
- --ck-ai-skeleton-gap: var(--ck-spacing-gap);
4394
- padding-block-start: var(--ck-spacing-padding-compact);
4395
-
4396
- & .ck-ai-skeleton__row {
4397
- border: var(--ck-border-width-thin) solid var(--ck-color-base-border-light);
4398
- border-radius: var(--ck-radius-base);
4399
- background: var(--ck-color-base-background);
4400
- padding: var(--ck-spacing-padding-comfortable);
4401
- --ck-ai-skeleton-row-gap: var(--ck-spacing-gap);
4402
- }
4403
- }
4404
4388
  }
4405
4389
  }
4406
4390
 
package/dist/index.css CHANGED
@@ -330,7 +330,7 @@
330
330
  border-color: var(--ck-ai-chat-shortcuts-shortcut-border-color);
331
331
  padding: var(--ck-spacing-padding) var(--ck-spacing-padding-spacious);
332
332
  min-height: calc(var(--ck-size-control-min-height) + var(--ck-spacing-base));
333
- font-weight: var(--ck-font-weight-medium);
333
+ font-weight: var(--ck-font-weight-normal);
334
334
 
335
335
  & .ck-button__label {
336
336
  white-space: pre-wrap;
@@ -3215,19 +3215,19 @@ div.ck.ck-ai-suggestion__content-part-state {
3215
3215
 
3216
3216
  & .ck-ai_review__init-skeleton {
3217
3217
  height: auto;
3218
- padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3218
+ padding: var(--ck-spacing-padding-comfortable);
3219
3219
  box-sizing: border-box;
3220
3220
  position: static;
3221
3221
  overflow: hidden;
3222
3222
  }
3223
3223
 
3224
3224
  & .ck-ai_review__init-skeleton, & .ck-ai_review__check-run-skeleton-container {
3225
- --ck-ai-skeleton-row-gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
3225
+ --ck-ai-skeleton-row-gap: var(--ck-spacing-gap);
3226
3226
 
3227
3227
  & .ck-ai-skeleton__row {
3228
3228
  border: var(--ck-border-width-thin) solid var(--ck-color-base-border-light);
3229
3229
  border-radius: var(--ck-radius-base);
3230
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3230
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-comfortable);
3231
3231
  box-sizing: border-box;
3232
3232
 
3233
3233
  & .ck-ai-skeleton__item {
@@ -3325,7 +3325,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3325
3325
  }
3326
3326
 
3327
3327
  & .ck-ai_review__general-error-container {
3328
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable)) var(--ck-spacing-standard, var(--ck-spacing-padding)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3328
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding) var(--ck-spacing-padding-comfortable);
3329
3329
  border-radius: var(--ck-ai-border-radius);
3330
3330
 
3331
3331
  & > p {
@@ -3553,7 +3553,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3553
3553
  & .ck-ai_review__check-run-results-header {
3554
3554
  justify-content: space-between;
3555
3555
  align-items: center;
3556
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3556
+ gap: var(--ck-spacing-gap-compact) var(--ck-spacing-gap);
3557
3557
  padding: var(--ck-spacing-padding-comfortable);
3558
3558
  padding-top: calc(var(--ck-spacing-padding-comfortable) + var(--ck-spacing-padding));
3559
3559
  flex-wrap: wrap;
@@ -3597,7 +3597,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3597
3597
  & .ck-ai-button-stop-generating {
3598
3598
  min-height: var(--ck-size-control-min-height);
3599
3599
  font-size: var(--ck-ai-button-stop-generating-font-size);
3600
- padding: var(--ck-spacing-small, var(--ck-spacing-padding-compact)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3600
+ padding: var(--ck-spacing-padding-compact) var(--ck-spacing-padding-comfortable);
3601
3601
 
3602
3602
  & .ck.ck-icon.ck-button__icon {
3603
3603
  --ck-icon-size: var(--ck-font-size-lg);
@@ -3614,7 +3614,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3614
3614
  }
3615
3615
 
3616
3616
  & .ck-ai_review__check-run-skeleton-container {
3617
- padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3617
+ padding: var(--ck-spacing-padding-comfortable);
3618
3618
  box-sizing: border-box;
3619
3619
  width: 100%;
3620
3620
  height: 100%;
@@ -3685,23 +3685,22 @@ div.ck.ck-ai-suggestion__content-part-state {
3685
3685
 
3686
3686
  .ck-ai_review__check-run-result {
3687
3687
  & > .ck-ai_review__check-run-result-footer {
3688
- margin-top: var(--ck-spacing-standard, var(--ck-spacing-gap));
3688
+ margin-top: var(--ck-spacing-gap);
3689
3689
  justify-content: space-between;
3690
3690
  align-items: center;
3691
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3691
+ gap: var(--ck-spacing-gap);
3692
3692
  display: flex;
3693
3693
 
3694
3694
  & > .ck-ai_review__check-run-result-action-buttons {
3695
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3695
+ gap: var(--ck-spacing-gap);
3696
3696
  flex-grow: 1;
3697
3697
  display: flex;
3698
3698
  }
3699
3699
 
3700
3700
  & .ck.ck-button.ck-ai_review__check-run-result-info-button {
3701
3701
  --ck-icon-size: 16px;
3702
- --ck-ui-component-min-height: 1.75em;
3703
3702
  --ck-size-min-height: 1.75em;
3704
- max-height: var(--ck-ui-component-min-height, var(--ck-size-min-height));
3703
+ max-height: var(--ck-size-min-height);
3705
3704
  margin-left: auto;
3706
3705
  }
3707
3706
 
@@ -3776,8 +3775,8 @@ div.ck.ck-ai-suggestion__content-part-state {
3776
3775
 
3777
3776
  .ck .ck-ai-review.ck-ai-review-mode {
3778
3777
  & .ck-ai_review__check-run-results-container {
3779
- gap: var(--ck-spacing-large, var(--ck-spacing-gap-comfortable));
3780
- padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3778
+ gap: var(--ck-spacing-gap);
3779
+ padding: var(--ck-spacing-padding-comfortable);
3781
3780
  flex-direction: column;
3782
3781
  display: flex;
3783
3782
  }
@@ -3814,8 +3813,8 @@ div.ck.ck-ai-suggestion__content-part-state {
3814
3813
  & .ck-ai_review__review-completed-header {
3815
3814
  justify-content: space-between;
3816
3815
  align-items: center;
3817
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3818
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3816
+ gap: var(--ck-spacing-gap);
3817
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-comfortable);
3819
3818
  border-bottom: 1px solid var(--ck-color-base-border);
3820
3819
  display: flex;
3821
3820
 
@@ -3829,7 +3828,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3829
3828
  }
3830
3829
 
3831
3830
  & .ck-ai_review__review-completed-header-buttons {
3832
- gap: var(--ck-spacing-standard, var(--ck-spacing-gap));
3831
+ gap: var(--ck-spacing-gap);
3833
3832
  flex-shrink: 0;
3834
3833
  display: flex;
3835
3834
  }
@@ -3837,7 +3836,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3837
3836
 
3838
3837
  & .ck-ai_review__review-completed {
3839
3838
  & .ck-ai_review__review-completed-content {
3840
- padding: var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious)) 0 var(--ck-spacing-extra-large, var(--ck-spacing-padding-spacious));
3839
+ padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-spacious) 0 var(--ck-spacing-padding-spacious);
3841
3840
  text-align: center;
3842
3841
 
3843
3842
  & .ck-ai_review__review-completed-content-icon {
@@ -3846,7 +3845,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3846
3845
  }
3847
3846
 
3848
3847
  & .ck-ai_review__review-completed-content-text {
3849
- margin-top: var(--ck-spacing-large, var(--ck-spacing-gap-comfortable));
3848
+ margin-top: var(--ck-spacing-gap-comfortable);
3850
3849
  text-align: center;
3851
3850
  white-space: normal;
3852
3851
  }
@@ -3861,8 +3860,8 @@ div.ck.ck-ai-suggestion__content-part-state {
3861
3860
  --ck-ai-review-check-list-item-hover-icon-color: var(--ck-ai-accent-700-color);
3862
3861
  --ck-ai-review-check-list-item-border-color: var(--ck-color-base-border-light);
3863
3862
  --ck-ai-review-check-list-item-radius: var(--ck-radius-base);
3864
- --ck-ai-review-check-list-item-padding: var(--ck-spacing-large, var(--ck-spacing-padding-comfortable));
3865
- --ck-ai-review-check-list-item-elevated-shadow: var(--ck-drop-shadow-active, var(--ck-shadow-lg));
3863
+ --ck-ai-review-check-list-item-padding: var(--ck-spacing-padding-comfortable);
3864
+ --ck-ai-review-check-list-item-elevated-shadow: var(--ck-shadow-lg);
3866
3865
  --ck-ai-review-check-list-item-active-shadow: var(--ck-ai-tile-active-shadow);
3867
3866
  --ck-ai-review-check-list-item-title-color: var(--ck-color-text);
3868
3867
  --ck-ai-review-check-list-item-description-color: var(--ck-ai-neutral-600-color);
@@ -3870,6 +3869,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3870
3869
  --ck-ai-review-check-list-parameterized-dropdown-button-border-color: var(--ck-ai-neutral-300-color);
3871
3870
  --ck-ai-review-check-list-model-dropdown-max-width: 426px;
3872
3871
  --ck-ai-review-check-list-model-dropdown-max-height: 340px;
3872
+ --ck-ai-review-check-list-custom-actions-button-color: var(--ck-color-text-secondary);
3873
3873
  --ck-ai-review-check-list-item-title-text-font-size: var(--ck-font-size-md);
3874
3874
  --ck-ai-review-check-list-item-description-font-size: var(--ck-font-size-md);
3875
3875
  }
@@ -3936,7 +3936,9 @@ div.ck.ck-ai-suggestion__content-part-state {
3936
3936
  }
3937
3937
 
3938
3938
  & .ck-ai_review__check-list-item-title-text {
3939
+ line-height: var(--ck-line-height-base);
3939
3940
  white-space: normal;
3941
+ display: block;
3940
3942
  }
3941
3943
 
3942
3944
  &:hover {
@@ -3948,7 +3950,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3948
3950
  }
3949
3951
 
3950
3952
  &:has( > .ck-ai_review__check-list-item-content:focus) {
3951
- box-shadow: var(--ck-focus-outer-shadow), 0 0;
3953
+ box-shadow: var(--ck-focus-shadow), 0 0;
3952
3954
  outline: none;
3953
3955
  }
3954
3956
 
@@ -3972,7 +3974,7 @@ div.ck.ck-ai-suggestion__content-part-state {
3972
3974
  }
3973
3975
 
3974
3976
  &:has( > .ck-ai_review__check-list-item-content:focus).ck-ai_review__check-list-item_selected {
3975
- box-shadow: var(--ck-ai-review-check-list-item-active-shadow), var(--ck-focus-outer-shadow), 0 0;
3977
+ box-shadow: var(--ck-ai-review-check-list-item-active-shadow), var(--ck-focus-shadow), 0 0;
3976
3978
  }
3977
3979
 
3978
3980
  &:has( > .ck-ai_review__check-list-item-parameterized) {
@@ -4001,7 +4003,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4001
4003
 
4002
4004
  & .ck-ai_review__check-list-item-content {
4003
4005
  align-items: flex-start;
4004
- gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
4006
+ gap: var(--ck-spacing-gap);
4005
4007
  display: flex;
4006
4008
 
4007
4009
  &:focus {
@@ -4010,7 +4012,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4010
4012
  }
4011
4013
 
4012
4014
  & .ck-ai_review__check-list-item-main-content {
4013
- gap: var(--ck-spacing-small, var(--ck-spacing-gap-compact));
4015
+ gap: var(--ck-spacing-gap-compact);
4014
4016
  flex-direction: column;
4015
4017
  flex: 1;
4016
4018
  min-width: 0;
@@ -4069,7 +4071,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4069
4071
 
4070
4072
  & .ck-ai_review__check-list-item-parameterized {
4071
4073
  opacity: 1;
4072
- margin-top: var(--ck-spacing-medium, var(--ck-spacing-gap));
4074
+ margin-top: var(--ck-spacing-gap);
4073
4075
  transition: grid-template-rows var(--ck-duration-slow) ease-in-out,
4074
4076
  opacity var(--ck-duration-slow) ease-in-out,
4075
4077
  margin-top var(--ck-duration-slow) ease-in-out,
@@ -4141,7 +4143,7 @@ div.ck.ck-ai-suggestion__content-part-state {
4141
4143
 
4142
4144
  & .ck-ai_review__check-list-item-custom-actions {
4143
4145
  & .ck-ai_review__check-list-item-custom-actions-rows {
4144
- gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
4146
+ gap: var(--ck-spacing-gap);
4145
4147
  flex-direction: column;
4146
4148
  display: flex;
4147
4149
  }
@@ -4160,13 +4162,17 @@ div.ck.ck-ai-suggestion__content-part-state {
4160
4162
  width: 100%;
4161
4163
  display: flex;
4162
4164
 
4165
+ & .ck.ck-button.ck-ai-button-tertiary {
4166
+ color: var(--ck-ai-review-check-list-custom-actions-button-color);
4167
+ }
4168
+
4163
4169
  & .ck-ai_review__check-list-item-model-name {
4164
4170
  color: var(--ck-color-base-text);
4165
4171
  font-size: .9em;
4166
4172
  }
4167
4173
 
4168
4174
  & .ck-ai_review__check-list-item-parameterized-custom-actions-buttons {
4169
- gap: var(--ck-spacing-medium, var(--ck-spacing-gap));
4175
+ gap: var(--ck-spacing-gap);
4170
4176
  margin-left: auto;
4171
4177
  display: flex;
4172
4178
  }
@@ -4313,14 +4319,6 @@ div.ck.ck-ai-suggestion__content-part-state {
4313
4319
  border-radius: var(--ck-radius-base);
4314
4320
  padding: var(--ck-spacing-padding-comfortable);
4315
4321
 
4316
- & .ck-ai_review__check-list-item-title {
4317
- & .ck-ai_review__check-list-item-title-text {
4318
- font-weight: var(--ck-font-weight-bold);
4319
- line-height: var(--ck-line-height-base);
4320
- display: block;
4321
- }
4322
- }
4323
-
4324
4322
  & .ck-ai_review__check-list-item-description:empty, & .ck-ai_review__check-list-item-icon-wrapper {
4325
4323
  display: none;
4326
4324
  }
@@ -4387,20 +4385,6 @@ div.ck.ck-ai-suggestion__content-part-state {
4387
4385
  display: none;
4388
4386
  }
4389
4387
  }
4390
-
4391
- & .ck-ai_review__check-run-skeleton-container {
4392
- padding: var(--ck-spacing-padding-comfortable);
4393
- --ck-ai-skeleton-gap: var(--ck-spacing-gap);
4394
- padding-block-start: var(--ck-spacing-padding-compact);
4395
-
4396
- & .ck-ai-skeleton__row {
4397
- border: var(--ck-border-width-thin) solid var(--ck-color-base-border-light);
4398
- border-radius: var(--ck-radius-base);
4399
- background: var(--ck-color-base-background);
4400
- padding: var(--ck-spacing-padding-comfortable);
4401
- --ck-ai-skeleton-row-gap: var(--ck-spacing-gap);
4402
- }
4403
- }
4404
4388
  }
4405
4389
  }
4406
4390