ckeditor5-premium-features 47.0.0-alpha.6 → 47.0.0-alpha.8

package/dist/ckeditor5-premium-features-editor.css

@@ -452,6 +452,11 @@
 			flex-grow:1;
 		}
 
+.ck.ck-tabs.ck-ai-tabs .ck-tab-panel.ck-tab-panel_disabled{
+			pointer-events:none;
+			opacity:0.5;
+		}
+
 .ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay{
 		position:fixed;
 		height:var(--ck-tabs-overlay-height);
@@ -1223,6 +1228,9 @@
 					opacity:0;
 				}
 			}
+.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-chat__feed__ai-suggestion__actions--no-animation{
+			transition:none;
+		}
 .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle{
 			--ck-color-button-default-hover-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-background);
 			--ck-color-button-on-hover-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-background);
@@ -1300,6 +1308,7 @@
 					--ck-focus-ring:1px solid var(--ck-color-focus-border);
 
 					color:var(--ck-color-base-background);
+					margin-top:0;
 				}
 .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button.ck-splitbutton__action{
 						border-radius:0;
@@ -1349,6 +1358,27 @@
 .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-chat__feed__ai-reply-container > *:last-child{
 					margin-bottom:0;
 				}
+.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]),
+			.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]),
+			.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){
+				border-top:3px solid var(--ck-ai-suggestion-inactive-color-border);
+				border-bottom:3px solid var(--ck-ai-suggestion-inactive-color-border);
+				background:var(--ck-ai-suggestion-inactive-color-background);
+			}
+.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-insertion.ck-widget:not([data-author-id="$aiSuggestion"]), .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-formatInline.ck-widget:not([data-author-id="$aiSuggestion"]), .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-deletion.ck-widget:not([data-author-id="$aiSuggestion"]){
+					border:3px solid var(--ck-ai-suggestion-inactive-color-border);
+				}
+.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-formatBlock:not([data-author-id="$aiSuggestion"]){
+				box-shadow:-7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-ai-suggestion-inactive-color-background);
+			}
+.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){
+				text-decoration:line-through;
+				text-decoration-thickness:3px;
+				text-decoration-color:var(--ck-ai-suggestion-inactive-color-border);
+			}
+.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body .ck-suggestion-marker-insertion.table > tbody > tr > td{
+				background-color:var(--ck-color-suggestion-widget-insertion-background);
+			}
 .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body *,
 		.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__text-item
 		*:not(.ck-ai-chat__feed__context-chips):not(.ck-ai-chat__feed__context-chips *):not(.ck-ai-web-source .ck-button__label){
@@ -1432,6 +1462,9 @@
 			line-height:1.462em;
 			white-space:normal;
 		}
+.ck-ai-chat__feed__ai-suggestion__actions__balloon .ck-list__item{
+		min-width:fit-content;
+	}
 .ck-ai-chat__feed__ai-suggestion__actions__balloon .ck-button.ck-list-item-button{
 		padding-top:0;
 		padding-bottom:0;
@@ -1549,6 +1582,10 @@
 					padding-bottom:0;
 					margin-bottom:var(--ck-spacing-medium);
 				}
+.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__content.ck.ck-content:not(:focus){
+					padding:0;
+					border:0;
+				}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part:hover .ck-ai-suggestion__body__content-part__title .ck-toolbar{
 				visibility:visible;
 				opacity:1;
@@ -1619,6 +1656,11 @@
 	bottom:0;
 	transform:translateY(50%);
 }
+.ck.ck-ai-mini-toolbar .ck-ai-interaction-counter{
+		color:var(--ck-ai-chat-color-icon);
+		letter-spacing:2.6px;
+		font-family:var(--ck-ai-balloon-font-family);
+	}
 .ck.ck-ai-mini-toolbar .ck.ck-button{
 		font-size:.9em;
 		font-family:var(--ck-ai-chat-font-family);
@@ -1884,7 +1926,7 @@
 .ck.ck-button.ck-ai-button-primary{
 		color:var(--ck-ai-button-primary-color);
 		background-color:var(--ck-ai-button-primary-background-color);
-		border:none;
+		border:1px solid transparent;
 	}
 .ck.ck-button.ck-ai-button-primary:hover{
 			background-color:var(--ck-ai-button-primary-hover-background-color);
@@ -1893,7 +1935,6 @@
 		.ck.ck-button.ck-ai-button-primary.ck-disabled{
 			color:var(--ck-ai-button-primary-disabled-color);
 			background-color:var(--ck-ai-button-primary-disabled-background-color);
-			cursor:not-allowed;
 		}
 .ck.ck-button.ck-ai-button-primary:disabled > .ck.ck-button__label,
 			.ck.ck-button.ck-ai-button-primary.ck-disabled > .ck.ck-button__label,
@@ -1918,7 +1959,6 @@
 			color:var(--ck-ai-button-secondary-disabled-color);
 			background-color:var(--ck-ai-button-secondary-disabled-background-color);
 			border:1px solid var(--ck-ai-button-secondary-disabled-border-color);
-			cursor:not-allowed;
 		}
 .ck.ck-button.ck-ai-button-secondary:disabled > .ck.ck-button__label,
 			.ck.ck-button.ck-ai-button-secondary.ck-disabled > .ck.ck-button__label,
@@ -1937,7 +1977,6 @@
 .ck.ck-button.ck-ai-button-tertiary-text:disabled,
 		.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled{
 			color:var(--ck-ai-button-tertiary-disabled-text-color);
-			cursor:not-allowed;
 		}
 .ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck.ck-button__label,
 			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck.ck-button__label,
@@ -1963,7 +2002,6 @@
 		.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled{
 			color:var(--ck-ai-button-tertiary-filled-disabled-color);
 			background-color:var(--ck-ai-button-tertiary-filled-disabled-background-color);
-			cursor:not-allowed;
 		}
 .ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck.ck-button__label,
 			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck.ck-button__label,
@@ -1989,6 +2027,10 @@
 		word-break:normal;
 		text-wrap:auto;
 	}
+:root{
+	--ck-ai-suggestion-inactive-color-background:hsla(128, 6%, 93%, 0.35);
+	--ck-ai-suggestion-inactive-color-border:hsla(128, 1%, 73%, 0.35);
+}
 
 :root{
 	--ck-ai-border-color-main:hsla(216, 5%, 81%, 1);
@@ -2035,6 +2077,21 @@
 			font-family:var(--ck-ai-chat-font-family) !important;
 		}
 
+.ck.ck-button.ck-ai-toggle-button{
+	--ck-color-button-default-hover-background:hsl(262.1,100%,96.3%);
+	--ck-color-button-default-active-background:hsl(262.1,100%,96.3%);
+
+	--ck-color-button-on-background:hsl(262.1,100%,96.3%);
+	--ck-color-button-on-hover-background:hsl(262.1,100%,96.3%);
+	--ck-color-button-on-active-background:hsl(262.1,100%,96.3%);
+	--ck-color-button-on-disabled-background:hsl(262.1,100%,96.3%);
+	--ck-color-button-on-color:hsl(263.2,59.2%,52%);
+}
+
+.ck.ck-button.ck-ai-toggle-button:hover{
+		color:var(--ck-color-button-on-color);
+	}
+
 :root{
 	--ai-active-icon-size:17px;
 
@@ -2227,17 +2284,30 @@
 			margin:var(--ck-spacing-large) 0;
 		}
 
-.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat-history__open-chat-button{
-			font-size:0.9em;
-			border:none;
-			padding:0 var(--ck-spacing-standard);
-			min-height:22px;
-			height:22px;
-
-			background-color:var(--ck-ai-background-color-action-button);
-			color:var(--ck-ai-font-color-action-button);
+.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat__start-conversation{
+			font-size:11.7px;
+			min-height:unset;
+			border:1px solid var(--ck-ai-border-color-button);
+			border-radius:var(--ck-border-radius);
+			gap:var(--ck-spacing-small);
+			color:var(--ck-ai-chat-color-text);
 		}
 
+.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat__start-conversation:hover{
+				background-color:var(--ck-ai-chat-button-active-background-color);
+			}
+
+.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat__start-conversation > .ck-button__label{
+				line-height:1.4em;
+			}
+
+.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat__start-conversation > .ck-button__icon{
+				--ck-icon-font-size:.632em;
+
+				margin-inline-end:0;
+				color:var(--ck-ai-chat-color-text);
+			}
+
 .ck .ck-ai-chat-history .ck-confirm-view{
 		--ck-icon-font-size:.666em;
 		--ck-ui-component-min-height:1.7em;
@@ -2284,14 +2354,30 @@
 		box-shadow:none;
 	}
 
-:scope .ck-ai-quick-actions-dropdown .ck.ck-button:not(.ck-dropdown__button):focus,:scope .ck-ai-quick-actions-group-panel .ck.ck-button:not(.ck-dropdown__button):focus{
-			background-color:var(--ck-ai-quick-actions-button-background-color);
-		}
-
 :scope .ck-ai-quick-actions-dropdown .ck.ck-button.ck-dropdown__button.ck-on,:scope .ck-ai-quick-actions-group-panel .ck.ck-button.ck-dropdown__button.ck-on{
 		color:var(--ck-ai-quick-actions-button-color);
 	}
 
+.ck-toolbar__items>.ck.ck-button.ck-ai-quick-actions-button,  .ck-toolbar__items>.ck-ai-quick-actions-dropdown > .ck.ck-button{
+		--ck-color-button-default-hover-background:hsl(262.1,100%,96.3%);
+		--ck-color-button-default-active-background:hsl(262.1,100%,96.3%);
+	
+		--ck-color-button-on-background:hsl(262.1,100%,96.3%);
+		--ck-color-button-on-hover-background:hsl(262.1,100%,96.3%);
+		--ck-color-button-on-active-background:hsl(262.1,100%,96.3%);
+		--ck-color-button-on-disabled-background:hsl(262.1,100%,96.3%);
+		--ck-color-button-on-color:hsl(263.2,59.2%,52%);
+	}
+
+.ck-toolbar__items>.ck.ck-button.ck-ai-quick-actions-button:hover, .ck-toolbar__items>.ck-ai-quick-actions-dropdown > .ck.ck-button:hover{
+			color:var(--ck-color-button-on-color);
+		}
+
+.ck-ai-quick-actions-dropdown  .ck.ck-button:not(.ck-dropdown__button):focus,
+.ck-ai-quick-actions-group-panel .ck.ck-button:not(.ck-dropdown__button):focus{
+	background-color:var(--ck-ai-quick-actions-button-background-color);
+}
+
 :root{
 	--ck-color-ai-selection:hsl(262.5, 60%, 90%);
 	--ck-ai-button-primary-color:hsla(0, 0%, 100%, 1);
@@ -2418,7 +2504,6 @@
 .ck.ck-button.ck-ai-button-primary:disabled{
 			color:var(--ck-ai-button-primary-disabled-color);
 			background-color:var(--ck-ai-button-primary-disabled-background-color);
-			cursor:not-allowed;
 		}
 .ck.ck-button.ck-ai-button-secondary{
 		color:var(--ck-ai-button-secondary-color);
@@ -2436,7 +2521,6 @@
 			color:var(--ck-ai-button-secondary-disabled-color);
 			background-color:var(--ck-ai-button-secondary-disabled-background-color);
 			border:1px solid var(--ck-ai-button-secondary-disabled-border-color);
-			cursor:not-allowed;
 		}
 
 .ck-ai-suggestion__container .ck.ck-ai-suggestion__loader{
@@ -2455,6 +2539,20 @@
 .ck-ai-suggestion__container .ck.ck-ai-suggestion__loader .ck-ai-suggestion__loader-text{
 		margin-left:var(--ck-spacing-medium);
 	}
+
+.ck-ai-suggestion__container .ck.ck-ai-suggestion__error{
+	padding:var(--ck-spacing-large) !important;
+	height:150px;
+}
+
+.ck-ai-suggestion__container .ck.ck-ai-suggestion__error .ck-ai-suggestion__error-text{
+		background-color:hsla(15, 100%, 97%, 1);
+		border:1px solid hsla(14, 100%, 68%, 1);
+		color:hsla(0, 0%, 20%, 1);
+		padding:var(--ck-spacing-medium);
+		display:block;
+		border-radius:var(--ck-border-radius);
+	}
 .ck span.ck-fake-ai-selection{
 	background:var(--ck-color-ai-selection);
 }
@@ -2463,8 +2561,8 @@
 	outline-color:var(--ck-color-ai-selection);
 }
 
-.ck.ck-dialog-overlay:has(.ai-balloon){
-	z-index:998;
+.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-ai-quick-actions-group-panel{
+	max-height:316px;
 }
 
 :root{
@@ -2923,8 +3021,9 @@
 		overflow:hidden;
 	}
 
-.ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response.ck.ck-content{
+.ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response.ck.ck-content:not(:focus){
 			padding:0;
+			border:0;
 		}
 
 .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response > *{
@@ -3025,6 +3124,10 @@
 .ck-ai-header .ck-form__header__label:not(:last-child){
 			margin-inline-end:var(--ck-spacing-small);
 		}
+:root{
+	--ck-ai-suggestion-inactive-color-background:hsla(128, 6%, 93%, 0.35);
+	--ck-ai-suggestion-inactive-color-border:hsla(128, 1%, 73%, 0.35);
+}
 
 .ck{
 	--ck-color-ai-review-mode-suggestion:hsla(263, 59%, 52%, 0.5);
@@ -3083,6 +3186,27 @@
 			border:none;
 		}
 
+.ck.ck-ai-review-mode-highlights .ck-suggestion-marker-insertion,
+		.ck.ck-ai-review-mode-diff .ck-suggestion-marker-insertion,
+		.ck.ck-ai-review-mode-highlights .ck-suggestion-marker-formatInline,
+		.ck.ck-ai-review-mode-diff .ck-suggestion-marker-formatInline,
+		.ck.ck-ai-review-mode-highlights .ck-suggestion-marker-deletion,
+		.ck.ck-ai-review-mode-diff .ck-suggestion-marker-deletion{
+			border-top:3px solid var(--ck-ai-suggestion-inactive-color-border);
+			border-bottom:3px solid var(--ck-ai-suggestion-inactive-color-border);
+			background:var(--ck-ai-suggestion-inactive-color-background);
+		}
+
+.ck.ck-ai-review-mode-highlights .ck-suggestion-marker-formatBlock, .ck.ck-ai-review-mode-diff .ck-suggestion-marker-formatBlock{
+			box-shadow:-7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-ai-suggestion-inactive-color-background);
+		}
+
+.ck.ck-ai-review-mode-highlights .ck-suggestion-marker-deletion, .ck.ck-ai-review-mode-diff .ck-suggestion-marker-deletion{
+			text-decoration:line-through;
+			text-decoration-thickness:3px;
+			text-decoration-color:var(--ck-ai-suggestion-inactive-color-border);
+		}
+
 :root{
 	--ck-user-colors--0:hsla(235, 73%, 67%, 1);
 	--ck-user-colors--0-alpha:hsla(235, 73%, 67%, 0.15);