@ckeditor/ckeditor5-ai 47.6.1 → 48.0.0-alpha.0

package/theme/aitabs/tabs/tabsview.css

@@ -1,89 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-tabs-buttons-container-buttons-vertical-spacing: 0;
-	--ck-tabs-panels-container-background: hsl(0, 0%, 100%);
-	--ck-tab-button-padding: 12px;
-	--ck-tab-button-gap: var(--ck-spacing-medium);
-	--ck-color-tabs-buttons-container-background: hsl(0, 0%, 96%);
-	--ck-color-tab-button-icon: hsl(0, 0%, 44%);
-	--ck-color-tab-button-active-icon: hsl(0, 0%, 44%);
-	--ck-color-tab-button-active-border: hsl(0, 0%, 44%);
-	--ck-color-tab-button-active-background: hsl(0, 0%, 91%);
-}
-
-.ck.ck-tabs {
-	display: flex;
-
-	font-size: var(--ck-font-size-base);
-	border: 1px solid var(--ck-color-base-border);
-	border-radius: var(--ck-border-radius);
-
-	/*
-	 * This is essential for avoiding horizontal stretching by children with white-space: nowrap
-	 * (see https://stackoverflow.com/questions/38223879/white-space-nowrap-breaks-flexbox-layout)
-	 */
-	min-width: 0;
-
-	&.ck-tabs_top {
-		flex-direction: column;
-	}
-
-	&.ck-tabs_left {
-		flex-direction: row;
-	}
-
-	&.ck-tabs_right {
-		flex-direction: row-reverse;
-	}
-
-
-	.ck-tabs__panels-container {
-		transition: width 0.8s ease-in-out;
-		transition: height 0.8s ease-in-out;
-		background-color: var(--ck-tabs-panels-container-background);
-		flex-grow: 1;
-
-		/*
-		 * This is essential for avoiding horizontal stretching by children with white-space: nowrap
-		 * (see https://stackoverflow.com/questions/38223879/white-space-nowrap-breaks-flexbox-layout)
-		 */
-		min-width: 0
-	}
-
-	.ck-tabs__buttons-container {
-		display: flex;
-		background-color: var(--ck-color-tabs-buttons-container-background);
-		gap: var(--ck-tab-button-gap);
-
-		&.ck-tabs__buttons-container_top {
-			border-top: none;
-			border-bottom: 1px solid var(--ck-color-base-border);
-			flex-direction: row;
-		}
-
-		&.ck-tabs__buttons-container_left {
-			border-left: none;
-			border-right: 1px solid var(--ck-color-base-border);
-		}
-
-		&.ck-tabs__buttons-container_right {
-			border-right: none;
-			border-left: 1px solid var(--ck-color-base-border);
-		}
-
-		&.ck-tabs__buttons-container_left,
-		&.ck-tabs__buttons-container_right {
-			flex-direction: column;
-			padding-top: var(--ck-tabs-buttons-container-buttons-vertical-spacing);
-			padding-bottom: var(--ck-tabs-buttons-container-buttons-vertical-spacing);
-		}
-	}
-}

package/theme/aitranslate/aitranslate.css

@@ -1,116 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck {
-	& .ck-ai-review.ck-ai-translate-mode {
-		& .ck-ai-translate__check-list-wrapper {
-			position: relative;
-			height: 100%;
-			overflow: auto;
-
-			& .ck-ai-translate__check-list-header {
-				padding: var(--ck-spacing-extra-large) var(--ck-spacing-large);
-				border-bottom: 1px solid var(--ck-color-base-border);
-				color: var(--ck-color-base-text);
-
-				& > h2 {
-					--ck-font-size-base: 1.153em;
-					font-weight: 700;
-					white-space: normal;
-					line-height: 1.3;
-					color: hsla(0, 0%, 20%, 1);
-				}
-			}
-
-			& .ck-ai_review__check-list {
-				overflow: initial;
-				height: auto;
-			}
-		}
-
-		& .ck-ai_review__check-run {
-
-			& .ck-ai_review__check-run-results-header {
-				& .ck-ai_review__check-run-results-header-buttons {
-					& .ck-ai_review__check-run-accept-all-button {
-						border: none;
-					}
-
-					& .ck-ai_review__check-run-toggle-diff-button {
-						display: none;
-						visibility: hidden ;
-					}
-				}
-			}
-
-			& .ck-ai_review__check-run-result {
-				&.ck-ai_review__check-run-result_active {
-					box-shadow: 3px 0px 0px 0px var(--ck-ai_review-suggestion-color) inset;
-				}
-				& .ck-suggestion-marker {
-					display: none;
-					visibility: hidden ;
-				}
-				& .ck-ai_review__check-run-result-footer {
-					display: none;
-					visibility: hidden ;
-				}
-				&.ck-ai_review__check-run-result_grayout {
-					& .ck-ai_review__check-run-result-footer {
-						display: flex;
-						visibility: visible;
-					}
-				}
-			}
-		}
-	}
-
-	&.ck-ai-translate-mode-content {
-		span.ck-ai_review-marker_add {
-			border-bottom: none;
-
-			&.ck-ai_review__change_active {
-				border-bottom: 3px solid var(--ck-ai_review-suggestion-color);
-			}
-
-			&.ck-ai-review__change_active > span.ck-ai_review-marker_add {
-				border-bottom: none;
-			}
-		}
-
-		.ck-ai_review-marker_hide,
-		.ck-ai_review-marker_strikethrough,
-		.ck-ai_review-marker_underline {
-			display: none !important;
-		}
-
-		.ck-suggestion-marker-insertion,
-		.ck-suggestion-marker-formatInline,
-		.ck-suggestion-marker-deletion,
-		.ck-suggestion-marker-insertion.ck-suggestion-marker--active,
-		.ck-suggestion-marker-formatInline.ck-suggestion-marker--active,
-		.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
-			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-suggestion-marker-formatBlock,
-		.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
-			box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-ai-suggestion-inactive-color-background);
-		}
-
-		.ck-suggestion-marker-deletion,
-		.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
-			text-decoration: line-through;
-			text-decoration-thickness: 3px;
-			text-decoration-color: var(--ck-ai-suggestion-inactive-color-border);
-		}
-	}
-}

package/theme/common/aibutton.css

@@ -1,157 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	/* Primary button */
-	--ck-ai-button-primary-color: hsla(0, 0%, 100%, 1);
-	--ck-ai-button-primary-disabled-color: hsla(0, 0%, 100%, 1);
-	--ck-ai-button-primary-background-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-primary-disabled-background-color: hsla(263, 59%, 52%, 0.5);
-	--ck-ai-button-primary-hover-background-color: hsla(263, 59%, 40%, 1);
-	--ck-ai-button-primary-active-background-color: hsla(263, 59%, 40%, 1);
-
-	/* Secondary button */
-	--ck-ai-button-secondary-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-secondary-disabled-color: hsla(263, 59%, 52%, 0.5);
-	--ck-ai-button-secondary-background-color: hsla(0, 0%, 100%, 1);
-	--ck-ai-button-secondary-disabled-background-color: hsla(0, 0%, 100%, 0.5);
-	--ck-ai-button-secondary-border-color: hsla(262, 51%, 80%, 1);
-	--ck-ai-button-secondary-disabled-border-color: hsla(262, 51%, 80%, 0.5);
-	--ck-ai-button-secondary-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-secondary-active-background-color: hsla(262, 100%, 96%, 1);
-
-	/* Tertiary button */
-	--ck-ai-button-tertiary-color: hsla(0, 0%, 44%, 1);
-	--ck-ai-button-tertiary-disabled-color: hsla(0, 0%, 44%, 0.5);
-	--ck-ai-button-tertiary-hover-color: hsla(0, 0%, 44%, 1);
-	--ck-ai-button-tertiary-active-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-background-color: transparent;
-	--ck-ai-button-tertiary-disabled-background-color: transparent;
-	--ck-ai-button-tertiary-hover-background-color: hsla(0, 0%, 94%, 1);
-	--ck-ai-button-tertiary-active-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-hover-active-background-color: hsla(261, 100%, 93%, 1);
-	--ck-ai-button-tertiary-hover-active-color: hsla(263, 59%, 52%, 1);
-}
-
-.ck.ck-button {
-	&.ck-ai-button-primary {
-		color: var(--ck-ai-button-primary-color);
-		background-color: var(--ck-ai-button-primary-background-color);
-		border: 1px solid transparent;
-		gap: var(--ck-spacing-small);
-
-		&:active,
-		&.ck-on {
-			background-color: var(--ck-ai-button-primary-active-background-color);
-		}
-
-		&:disabled,
-		&.ck-disabled {
-			color: var(--ck-ai-button-primary-disabled-color);
-			background-color: var(--ck-ai-button-primary-disabled-background-color);
-
-			& > .ck.ck-button__label,
-			& > .ck-button__icon {
-				opacity: 1;
-			}
-		}
-
-		&:hover:not(.ck-disabled) {
-			background-color: var(--ck-ai-button-primary-hover-background-color);
-		}
-	}
-
-	&.ck-ai-button-secondary {
-		color: var(--ck-ai-button-secondary-color);
-		background-color: var(--ck-ai-button-secondary-background-color);
-		border: 1px solid var(--ck-ai-button-secondary-border-color);
-		gap: var(--ck-spacing-small);
-
-		&:active,
-		&.ck-on {
-			background-color: var(--ck-ai-button-secondary-active-background-color);
-		}
-
-		&:disabled,
-		&.ck-disabled {
-			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);
-
-			& > .ck.ck-button__label,
-			& > .ck-button__icon {
-				opacity: 1;
-			}
-		}
-
-		&:hover:not(.ck-disabled) {
-			background-color: var(--ck-ai-button-secondary-hover-background-color);
-		}
-	}
-
-	&.ck-ai-button-tertiary {
-		color: var(--ck-ai-button-tertiary-color);
-		background-color: var(--ck-ai-button-tertiary-background-color);
-		border: none;
-		gap: var(--ck-spacing-small);
-
-		&:disabled,
-		&.ck-disabled {
-			color: var(--ck-ai-button-tertiary-disabled-color);
-			background-color: var(--ck-ai-button-tertiary-disabled-background-color);
-
-			& > .ck.ck-button__label,
-			& > .ck-button__icon {
-				opacity: 1;
-			}
-		}
-
-		&:active,
-		&.ck-on {
-			&:not(.ck-disabled) {
-				color: var(--ck-ai-button-tertiary-active-color);
-				background-color: var(--ck-ai-button-tertiary-active-background-color);
-
-				&:hover {
-					color: var(--ck-ai-button-tertiary-hover-active-color);
-					background-color: var(--ck-ai-button-tertiary-hover-active-background-color);
-				}
-
-				& > .ck.ck-button__icon {
-					color: var(--ck-ai-button-tertiary-active-color);
-				}
-			}
-		}
-
-		/* stylelint-disable-next-line no-descending-specificity */
-		&:hover:not(.ck-disabled, :active, .ck-on) {
-			color: var(--ck-ai-button-tertiary-hover-color);
-			background-color: var(--ck-ai-button-tertiary-hover-background-color);
-		}
-	}
-
-	&.ck-ai-button-primary,
-	&.ck-ai-button-secondary,
-	&.ck-ai-button-tertiary {
-		& .ck.ck-icon.ck-button__icon {
-			--ck-icon-size: 16px;
-		}
-	}
-
-	&.ck-ai-button-stop-generating {
-		min-height: 22px;
-		padding: 0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
-
-		& .ck.ck-icon.ck-button__icon {
-			height: 14px;
-			width: 14px;
-			margin-right: 4px;
-		}
-	}
-}

package/theme/common/aidisclaimer.css

@@ -1,29 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-ai-disclaimer-background-color: hsla(0, 0%, 96%, 1);
-	--ck-ai-disclaimer-border-color: hsla(220, 6%, 82%, 1);
-	--ck-ai-disclaimer-text-color: hsla(0, 0%, 44%, 1);
-}
-
-.ck.ck-ai-disclaimer {
-	background-color: var(--ck-ai-disclaimer-background-color);
-	border-top: 1px solid var(--ck-ai-disclaimer-border-color);
-	padding: var(--ck-spacing-standard) 1em;
-
-	& > .ck.ck-ai-disclaimer__content {
-		color: var(--ck-ai-disclaimer-text-color);
-		font-size: 0.75em;
-		line-height: 1.025em;
-		text-align: center;
-		word-break: normal;
-		text-wrap: auto;
-	}
-}

package/theme/common/aiheader.css

@@ -1,99 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-ai-header-color-icon: hsla(0, 0%, 44%, 1);
-	--ck-ai-header-color-text: hsla(263, 59%, 52%, 1);
-	--ck-ai-header-border-color-button: hsla(262, 51%, 80%, 1);
-}
-
-.ck-ai-header {
-	/* Custom values unlike the rest of editor UI. */
-	--ck-ui-component-min-height: 1.7em;
-	--ck-ui-component-min-width: 1.7em;
-
-	/* Custom value. It defaults to the toolbar component height so they look fine on next to each other. */
-	--ck-form-header-height: 3em;
-	--ck-form-header-small-icon-color: hsla(0, 0%, 20%, 1);
-
-	& > .ck-button {
-		margin-inline-start: var(--ck-spacing-standard);
-
-		& > .ck-button__icon {
-			/* Custom value unlike the rest of editor UI (defaults to 16px). See how it's used in the icon.css */
-			--ck-icon-font-size: .666em;
-
-			color: var(--ck-ai-header-color-icon);
-		}
-	}
-
-	& > .ck.ck-button.ck-ai-chat__start-conversation {
-		/* TODO: Extract this to a separate class to avoid duplication (same component and styling in Chat history - empty viewr) */
-		/* Custom value unlike the rest of editor UI (derived from --ck-font-size-base, defaults to 13px). */
-		font-size: 11.7px;
-		min-height: unset;
-		border: 1px solid var(--ck-ai-header-border-color-button);
-		border-radius: var(--ck-border-radius);
-		gap: var(--ck-spacing-small);
-		color: var(--ck-ai-header-color-text);
-
-		&:hover {
-			background-color: var(--ck-ai-chat-button-active-background-color);
-		}
-
-		& > .ck-button__label {
-			/* Custom value unlike the rest of editor UI. */
-			line-height: 1.4em;
-		}
-
-		& > .ck-button__icon {
-			/* Custom value unlike the rest of editor UI (defaults to 14px). See how it's used in the icon.css */
-			--ck-icon-font-size: .632em;
-
-			margin-inline-end: 0;
-			color: var(--ck-ai-header-color-text);
-		}
-
-		& > span.ck-button__label {
-			position: relative;
-			top: 1px;
-		}
-	}
-
-	&.ck-ai-header_small {
-		& > .ck.ck-button.ck-button-back {
-			margin-inline-start: 0;
-			margin-inline-end: var(--ck-spacing-small);
-
-			&:hover {
-				background-color: var(--ck-ai-button-tertiary-hover-background-color);
-			}
-
-			& > .ck-button__icon {
-				/* Custom value unlike the rest of editor UI (defaults to 16px). See how it's used in the icon.css */
-				--ck-icon-font-size: 13px;
-
-				color: var(--ck-form-header-small-icon-color);
-			}
-		}
-
-		& .ck-form__header__label {
-			--ck-font-size-base: 13px;
-			--ck-font-face: var(--ck-ai-chat-font-family);
-
-			font-weight: 500;
-		}
-	}
-
-	& .ck-form__header__label {
-		&:not(:last-child) {
-			margin-inline-end: var(--ck-spacing-small);
-		}
-	}
-}

package/theme/common/ainotification.css

@@ -1,65 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-ai-notification-color-text: hsla(0, 0%, 20%, 1);
-	--ck-ai-notification-error-color-background: hsla(15, 100%, 97%, 1);
-	--ck-ai-notification-warning-color-background: hsla(37, 100%, 96.50%, 1);
-
-	--ck-ai-notification-error-color-border: hsla(14, 100%, 68%, 1);
-	--ck-ai-notification-warning-color-border: hsla(36, 100.00%, 68.00%, 1);
-
-	--ck-ai-border-radius: calc(var(--ck-border-radius) * 2);
-}
-
-.ck.ck-ai-notification {
-	display: flex;
-	align-items: flex-start;
-	justify-content: space-between;
-	gap: var(--ck-spacing-medium);
-	width: fit-content;
-
-	padding: var(--ck-spacing-standard);
-	border-radius: var(--ck-ai-border-radius);
-
-	&.ck-ai-notification_error {
-		background-color: var(--ck-ai-notification-error-color-background);
-		border: 1px solid var(--ck-ai-notification-error-color-border);
-	}
-
-	&.ck-ai-notification_warning {
-		background-color: var(--ck-ai-notification-warning-color-background);
-		border: 1px solid var(--ck-ai-notification-warning-color-border);
-	}
-
-	& > p {
-		flex: 1;
-		white-space: normal;
-		color: var(--ck-color-base-text);
-		line-height: var(--ck-line-height-base);
-	}
-
-	& > .ck-button {
-		--ck-icon-font-size: 0.666em;
-
-		&.ck-ai-notification_error__dismiss-button {
-			--ck-icon-font-size: 0.666em;
-			--ck-ui-component-min-height: 16px;
-
-			padding: 0;
-			flex-shrink: 0;
-		}
-	}
-
-	&.ck-ai-notification__full-width {
-		& > p {
-			max-width: 100%;
-		}
-	}
-}

package/theme/common/aiskeleton.css

@@ -1,54 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ai-skeleton-z-index: calc( var(--ck-z-default) + 1 );
-	--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%);
-	--ck-ai-skeleton-animation-duration: 1s;
-	--ck-ai-skeleton-gap: var(--ck-spacing-extra-large);
-}
-
-.ck.ck-ai-skeleton {
-	position: absolute;
-	inset: 0;
-	z-index: var(--ai-skeleton-z-index);
-	display: flex;
-	flex-direction: column;
-	align-items: flex-end;
-	gap: var(--ck-ai-skeleton-gap) 0;
-	padding: var(--ck-spacing-extra-large) var(--ck-spacing-large) var(--ck-spacing-large);
-	width: 100%;
-	height: 100%;
-	background-color: var(--ck-color-base-background);
-	opacity: 1;
-	transition: opacity .4s, display .4s allow-discrete;
-	transition-delay: 350ms;
-
-	&.ck-hidden {
-		transition-delay: 0ms;
-		opacity: 0;
-	}
-
-	@starting-style {
-		opacity: 0;
-	}
-
-	& > .ck.ck-ai-skeleton__item {
-		background: var(--ck-ai-skeleton-item-background);
-		background-size: 200% 100%;
-		animation: var(--ck-ai-skeleton-animation-duration) ck-ai-skeleton-shine linear infinite;
-		width: 100%;
-	}
-}
-
-@keyframes ck-ai-skeleton-shine {
-	to {
-		background-position-x: -200%;
-	}
-}

package/theme/common/aispinner.css

@@ -1,58 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-ai-spinner-size: var(--ck-toolbar-spinner-size);
-	--ck-ai-spinner-background: linear-gradient(to right, hsl(0, 0%, 100%), hsl(0, 0%, 58%));
-	--ck-ai-spinner-mask: radial-gradient(farthest-side, transparent 66%, hsl(0, 0%, 0%) 61%);
-	--ck-ai-spinner-animation-duration: 1s;
-}
-
-.ck.ck-spinner-container {
-	&.ck-ai-spinner {
-		display: inline-block;
-		width: var(--ck-ai-spinner-size);
-		height: var(--ck-ai-spinner-size);
-		margin: 0;
-		flex-shrink: 0;
-		animation-duration: var(--ck-ai-spinner-animation-duration);
-
-		& .ck-spinner {
-			width: var(--ck-ai-spinner-size);
-			height: var(--ck-ai-spinner-size);
-
-			border: none;
-
-			background: var(--ck-ai-spinner-background);
-			-webkit-mask: var(--ck-ai-spinner-mask);
-			mask: var(--ck-ai-spinner-mask);
-
-			box-sizing: border-box;
-		}
-
-		&.ck-ai-spinner_small {
-			--ck-ai-spinner-size: 1em;
-		}
-
-		&.ck-ai-spinner_tiny {
-			--ck-ai-spinner-size: 12px;
-		}
-	}
-
-	&.ck-hidden {
-		display: none;
-		animation: none;
-	}
-}
-
-@keyframes ck-spin {
-	to {
-		transform: rotate(360deg);
-	}
-}

package/theme/common/aisuggestioncontentpartstate.css

@@ -1,33 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-/* State label and icon */
-div.ck.ck-ai-suggestion__content-part-state {
-	& .ck-ai-suggestion__content-part-state__label {
-		vertical-align: middle;
-		margin-right: var(--ck-spacing-medium);
-	}
-
-	/* Downscale state icons */
-	& .ck-icon {
-		--ck-icon-size: 1.477em;
-	}
-
-	&.ck-ai-suggestion__content-part-state_accepted > * {
-		color: var(--ck-color-base-action);
-	}
-
-	&.ck-ai-suggestion__content-part-state_rejected > * {
-		color: var(--ck-color-base-error);
-	}
-
-	&.ck-ai-suggestion__content-part-state_outdated > * {
-		color: var(--ck-color-ai-chat-icon-outdated);
-	}
-}