@ckeditor/ckeditor5-image 47.6.1 → 48.0.0-alpha.1

package/theme/imagecaption.css

@@ -1,53 +0,0 @@
-/*
- * 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
- */
-
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";
-
-:root {
-	--ck-content-color-image-caption-background: hsl(0, 0%, 97%);
-	--ck-content-color-image-caption-text: hsl(0, 0%, 20%);
-	--ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
-}
-
-/* Content styles */
-.ck-content .image > figcaption {
-	display: table-caption;
-	caption-side: bottom;
-	word-break: normal;
-	overflow-wrap: anywhere;
-	break-before: avoid;
-	color: var(--ck-content-color-image-caption-text);
-	background-color: var(--ck-content-color-image-caption-background);
-	padding: .6em;
-	font-size: .75em;
-	outline-offset: -1px;
-
-	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
-	@media (forced-colors: active) {
-		background-color: unset;
-		color: unset;
-	}
-}
-
-/* Editing styles */
-.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
-	@mixin ck-media-default-colors {
-		animation: ck-image-caption-highlight .6s ease-out;
-	}
-
-	@media (prefers-reduced-motion: reduce) {
-		animation: none;
-	}
-}
-
-@keyframes ck-image-caption-highlight {
-	0% {
-		background-color: var(--ck-color-image-caption-highlighted-background);
-	}
-
-	100% {
-		background-color: var(--ck-content-color-image-caption-background);
-	}
-}

package/theme/imagecustomresizeform.css

@@ -1,4 +0,0 @@
-/*
- * 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
- */

package/theme/imageinsert.css

@@ -1,14 +0,0 @@
-/*
- * 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-image-insert-url {
-	width: 400px;
-	padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
-
-	& .ck-image-insert-url__action-row {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-	}
-}

package/theme/imageplaceholder.css

@@ -1,10 +0,0 @@
-/*
- * 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-editor__editable {
-	& img.image_placeholder {
-		background-size: 100% 100%;
-	}
-}

package/theme/imageresize.css

@@ -1,53 +0,0 @@
-/*
- * 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
- */
-
-/* Preserve aspect ratio of the resized image after introducing image height attribute. */
-.ck-content img.image_resized {
-	height: auto;
-}
-
-.ck-content .image.image_resized {
-	max-width: 100%;
-	/*
-	The `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.
-	See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.
-	Fortunately, since we control the width, there is no risk that the image will look bad.
-	*/
-	display: block;
-	box-sizing: border-box;
-
-	& img {
-		/* For resized images it is the `<figure>` element that determines the image width. */
-		width: 100%;
-	}
-
-	& > figcaption {
-		/* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
-		display: block;
-	}
-}
-
-.ck.ck-editor__editable {
-	/* The resized inline image nested in the table should respect its parent size.
-	See https://github.com/ckeditor/ckeditor5/issues/9117. */
-	& td,
-	& th {
-		& .image-inline.image_resized img {
-			max-width: 100%;
-		}
-	}
-}
-
-[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
-	margin-right: var(--ck-spacing-standard);
-}
-
-[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
-	margin-left: var(--ck-spacing-standard);
-}
-
-.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
-	width: 4em;
-}

package/theme/imagestyle.css

@@ -1,120 +0,0 @@
-/*
- * 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-content-image-style-spacing: 1.5em;
-	--ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);
-}
-
-.ck-content {
-	/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */
-	& .image {
-		/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback
-		confirming successful application of the style if image width exceeds the editor's size.
-		See https://github.com/ckeditor/ckeditor5/issues/9342 */
-		&.image-style-block-align-left,
-		&.image-style-block-align-right {
-			max-width: calc(100% - var(--ck-content-image-style-spacing));
-		}
-
-		/* Allows displaying multiple floating images in the same line.
-		See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */
-		&.image-style-align-left,
-		&.image-style-align-right {
-			clear: none;
-		}
-
-		&.image-style-side {
-			float: right;
-			margin-left: var(--ck-content-image-style-spacing);
-			max-width: 50%;
-		}
-
-		&.image-style-align-left {
-			float: left;
-			margin-right: var(--ck-content-image-style-spacing);
-		}
-
-		&.image-style-align-right {
-			float: right;
-			margin-left: var(--ck-content-image-style-spacing);
-		}
-
-		&.image-style-block-align-right {
-			margin-right: 0;
-			margin-left: auto;
-		}
-
-		&.image-style-block-align-left {
-			margin-left: 0;
-			margin-right: auto;
-		}
-	}
-
-	& .image-style-align-center {
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	& .image-style-align-left {
-		float: left;
-		margin-right: var(--ck-content-image-style-spacing);
-	}
-
-	& .image-style-align-right {
-		float: right;
-		margin-left: var(--ck-content-image-style-spacing);
-	}
-
-	/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */
-	& p + .image.image-style-align-left,
-	& p + .image.image-style-align-right,
-	& p + .image.image-style-side {
-		margin-top: 0;
-	}
-
-	& .image-inline {
-		&.image-style-align-left,
-		&.image-style-align-right {
-			margin-top: var(--ck-content-inline-image-style-spacing);
-			margin-bottom: var(--ck-content-inline-image-style-spacing);
-		}
-
-		&.image-style-align-left {
-			margin-right: var(--ck-content-inline-image-style-spacing);
-		}
-
-		&.image-style-align-right {
-			margin-left: var(--ck-content-inline-image-style-spacing);
-		}
-	}
-}
-
-.ck.ck-splitbutton {
-	/* The button should display as a regular drop-down if the action button
-	is forced to fire the same action as the arrow button. */
-	&.ck-splitbutton_flatten {
-		&:hover,
-		&.ck-splitbutton_open {
-			& > .ck-splitbutton__action:not(.ck-disabled),
-			& > .ck-splitbutton__arrow:not(.ck-disabled),
-			& > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
-				background-color: var(--ck-color-button-on-background);
-
-				&::after {
-					display: none;
-				}
-			}
-		}
-
-		&.ck-splitbutton_open:hover {
-			& > .ck-splitbutton__action:not(.ck-disabled),
-			& > .ck-splitbutton__arrow:not(.ck-disabled),
-			& > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
-				background-color: var(--ck-color-button-on-hover-background);
-			}
-		}
-	}
-}

package/theme/imageuploadicon.css

@@ -1,23 +0,0 @@
-/*
- * 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-image-upload-complete-icon {
-	display: block;
-	position: absolute;
-
-	/*
-	 * Smaller images should have the icon closer to the border.
-	 * Match the icon position with the linked image indicator brought by the link image feature.
-	 */
-	top: min(var(--ck-spacing-medium), 6%);
-	right: min(var(--ck-spacing-medium), 6%);
-	border-radius: 50%;
-	z-index: 1;
-
-	&::after {
-		content: "";
-		position: absolute;
-	}
-}

package/theme/imageuploadloader.css

@@ -1,18 +0,0 @@
-/*
- * 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-upload-placeholder-loader {
-	position: absolute;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	top: 0;
-	left: 0;
-
-	&::before {
-		content: '';
-		position: relative;
-	}
-}

package/theme/imageuploadprogress.css

@@ -1,19 +0,0 @@
-/*
- * 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-editor__editable {
-	& .image,
-	& .image-inline {
-		position: relative;
-	}
-
-	/* Upload progress bar. */
-	& .image .ck-progress-bar,
-	& .image-inline .ck-progress-bar {
-		position: absolute;
-		top: 0;
-		left: 0;
-	}
-}

package/theme/textalternativeform.css

@@ -1,4 +0,0 @@
-/*
- * 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
- */