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

package/theme/components/autocomplete/autocomplete.css

@@ -1,22 +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-autocomplete {
-	position: relative;
-
-	& > .ck-search__results {
-		position: absolute;
-		z-index: var(--ck-z-panel);
-
-		&.ck-search__results_n {
-			bottom: 100%;
-		}
-
-		&.ck-search__results_s {
-			top: 100%;
-			bottom: auto;
-		}
-	}
-}

package/theme/components/button/button.css

@@ -1,39 +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 "../../mixins/_unselectable.css";
-@import "../../mixins/_dir.css";
-
-.ck.ck-button,
-a.ck.ck-button {
-	@mixin ck-unselectable;
-
-	position: relative;
-	display: inline-flex;
-	align-items: center;
-
-	@mixin ck-dir ltr {
-		justify-content: left;
-	}
-
-	@mixin ck-dir rtl {
-		justify-content: right;
-	}
-
-	& .ck-button__label {
-		display: none;
-	}
-
-	&.ck-button_with-text {
-		& .ck-button__label {
-			display: inline-block;
-		}
-	}
-
-	/* Center the icon horizontally in a button without text. */
-	&:not(.ck-button_with-text)  {
-		justify-content: center;
-	}
-}

package/theme/components/button/listitembutton.css

@@ -1,48 +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 "../../mixins/_dir.css";
-
-.ck.ck-list-item-button {
-	min-height: unset;
-	width: 100%;
-	border-radius: 0;
-
-	@mixin ck-dir ltr {
-		text-align: left;
-	}
-
-	@mixin ck-dir rtl {
-		text-align: right;
-	}
-
-	&.ck-list-item-button_toggleable {
-		@mixin ck-dir ltr {
-			padding-left: var(--ck-spacing-small);
-		}
-
-		@mixin ck-dir rtl {
-			padding-right: var(--ck-spacing-small);
-		}
-	}
-
-	& .ck-list-item-button__check-holder {
-		display: inline-flex;
-		width: .9em;
-		height: .9em;
-
-		@mixin ck-dir ltr {
-			margin-right: var(--ck-spacing-small);
-		}
-
-		@mixin ck-dir rtl {
-			margin-left: var(--ck-spacing-small);
-		}
-	}
-
-	& .ck-list-item-button__check-icon {
-		height: 100%;
-	}
-}

package/theme/components/button/switchbutton.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-button.ck-switchbutton {
-	& .ck-button__toggle {
-		display: block;
-
-		& .ck-button__toggle__inner {
-			display: block;
-		}
-	}
-}

package/theme/components/collapsible/collapsible.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-collapsible.ck-collapsible_collapsed {
-	& > .ck-collapsible__children {
-		display: none;
-	}
-}

package/theme/components/colorgrid/colorgrid.css

@@ -1,8 +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-color-grid {
-	display: grid;
-}

package/theme/components/colorpicker/colorpicker.css

@@ -1,34 +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
- */
-
-.color-picker-hex-input {
-	width: max-content;
-
-	& .ck.ck-input {
-		min-width: unset;
-	}
-}
-
-.ck.ck-color-picker__row {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: nowrap;
-	justify-content: space-between;
-	margin: var(--ck-spacing-large) 0 0;
-	width: unset;
-
-	& .ck.ck-labeled-field-view {
-		padding-top: unset;
-	}
-
-	& .ck.ck-input-text {
-		width: unset;
-	}
-
-	& .ck-color-picker__hash-view {
-		padding-top: var(--ck-spacing-tiny);
-		padding-right: var(--ck-spacing-medium);
-	}
-}

package/theme/components/colorselector/colorselector.css

@@ -1,35 +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/_dir.css";
-
-.ck.ck-color-selector {
-	/* View fragment with color grids. */
-	& .ck-color-grids-fragment {
-		& .ck-button.ck-color-selector__remove-color,
-		& .ck-button.ck-color-selector__color-picker {
-			display: flex;
-			align-items: center;
-
-			@mixin ck-dir rtl {
-				justify-content: flex-start;
-			}
-		}
-	}
-
-	/* View fragment with a color picker. */
-	& .ck-color-picker-fragment {
-		& .ck.ck-color-selector_action-bar {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-
-			& .ck-button-save,
-			& .ck-button-cancel {
-				flex: 1
-			}
-		}
-	}
-}

package/theme/components/dialog/dialog.css

@@ -1,42 +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-dialog-overlay {
-	user-select: none;
-	overscroll-behavior: none;
-
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	top: 0;
-
-	&.ck-dialog-overlay__transparent {
-		pointer-events: none;
-		animation: none;
-		background: none;
-	}
-}
-
-.ck.ck-dialog {
-	overscroll-behavior: none;
-	width: fit-content;
-	position: absolute;
-
-	& .ck.ck-form__header  {
-		flex-shrink: 0;
-	}
-
-	/* Modals should not be draggable. */
-	&:not(.ck-dialog_modal) {
-		& .ck.ck-form__header .ck-form__header__label {
-			cursor: grab;
-		}
-	}
-
-	.ck.ck-dialog-overlay.ck-dialog-overlay__transparent & {
-		pointer-events: all;
-	}
-}

package/theme/components/dialog/dialogactions.css

@@ -1,11 +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-dialog {
-	& .ck.ck-dialog__actions {
-		display: flex;
-		justify-content: flex-end;
-	}
-}

package/theme/components/dropdown/dropdown.css

@@ -1,95 +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-dropdown-max-width: 75vw;
-}
-
-.ck.ck-dropdown {
-	display: inline-block;
-	position: relative;
-
-	& .ck-dropdown__arrow {
-		pointer-events: none;
-		z-index: var(--ck-z-default);
-	}
-
-	/* Dropdown button should span horizontally, e.g. in vertical toolbars */
-	& .ck-button.ck-dropdown__button {
-		width: 100%;
-	}
-
-	& .ck-dropdown__panel {
-		display: none;
-		z-index: var(--ck-z-panel);
-		max-width: var(--ck-dropdown-max-width);
-
-		position: absolute;
-
-		&.ck-dropdown__panel-visible {
-			display: inline-block;
-		}
-
-		&.ck-dropdown__panel_ne,
-		&.ck-dropdown__panel_nw,
-		&.ck-dropdown__panel_n,
-		&.ck-dropdown__panel_nmw,
-		&.ck-dropdown__panel_nme {
-			bottom: 100%;
-		}
-
-		&.ck-dropdown__panel_se,
-		&.ck-dropdown__panel_sw,
-		&.ck-dropdown__panel_smw,
-		&.ck-dropdown__panel_sme,
-		&.ck-dropdown__panel_s {
-			/*
-			 * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.
-			 * See https://github.com/ckeditor/ckeditor5/issues/1053.
-			 */
-			top: 100%;
-			bottom: auto;
-		}
-
-		&.ck-dropdown__panel_ne,
-		&.ck-dropdown__panel_se {
-			left: 0px;
-		}
-
-		&.ck-dropdown__panel_nw,
-		&.ck-dropdown__panel_sw {
-			right: 0px;
-		}
-
-		&.ck-dropdown__panel_s,
-		&.ck-dropdown__panel_n {
-			/* Positioning panels relative to the center of the button */
-			left: 50%;
-			transform: translateX(-50%);
-		}
-
-		&.ck-dropdown__panel_nmw,
-		&.ck-dropdown__panel_smw {
-			/* Positioning panels relative to the middle-west of the button */
-			left: 75%;
-			transform: translateX(-75%);
-		}
-
-		&.ck-dropdown__panel_nme,
-		&.ck-dropdown__panel_sme {
-			/* Positioning panels relative to the middle-east of the button */
-			left: 25%;
-			transform: translateX(-25%);
-		}
-	}
-}
-
-/*
- * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content.
- * See https://github.com/ckeditor/ckeditor5/issues/7874
- */
-.ck.ck-toolbar .ck-dropdown__panel {
-	z-index: calc( var(--ck-z-panel) + 1 );
-}

package/theme/components/dropdown/listdropdown.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
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */

package/theme/components/dropdown/menu/dropdownmenu.css

@@ -1,8 +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-dropdown-menu-list__nested-menu {
-	display: block;
-}

package/theme/components/dropdown/menu/dropdownmenubutton.css

@@ -1,9 +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-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
-	pointer-events: none;
-	z-index: var(--ck-z-default);
-}

package/theme/components/dropdown/menu/dropdownmenulistitem.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
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */

package/theme/components/dropdown/menu/dropdownmenulistitembutton.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
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */

package/theme/components/dropdown/menu/dropdownmenupanel.css

@@ -1,11 +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-balloon-panel.ck-dropdown-menu__nested-menu__panel {
-	position: absolute;
-	max-height: 314px; /* With the default settings, this is equal to 10 menu items. */
-	overflow-y: auto;
-	z-index: calc(var(--ck-z-panel) + 1);
-}

package/theme/components/dropdown/splitbutton.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-splitbutton {
-	/* Enable font size inheritance, which allows fluid UI scaling. */
-	font-size: inherit;
-
-	& .ck-splitbutton__action:focus {
-		z-index: calc(var(--ck-z-default) + 1);
-	}
-}
-

package/theme/components/dropdown/toolbardropdown.css

@@ -1,20 +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-toolbar-dropdown-max-width: 60vw;
-}
-
-.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
-	/* https://github.com/ckeditor/ckeditor5/issues/5586 */
-	width: max-content;
-	max-width: var(--ck-toolbar-dropdown-max-width);
-
-	& .ck-button {
-		&:focus {
-			z-index: calc(var(--ck-z-default) + 1);
-		}
-	}
-}

package/theme/components/editorui/accessibilityhelp.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
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */

package/theme/components/editorui/editorui.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
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */

package/theme/components/form/form.css

@@ -1,87 +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/_rwd.css";
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
-
-:root {
-	--ck-form-default-width: 340px;
-}
-
-.ck.ck-form {
-	padding: 0 0 var(--ck-spacing-large);
-
-	&.ck-form_default-width {
-		width: var(--ck-form-default-width);
-	}
-
-	&:focus {
-		outline: none;
-	}
-
-	& .ck.ck-input-text,
-	& .ck.ck-input-number {
-		min-width: 100%;
-		width: 0;
-	}
-
-	& .ck.ck-dropdown {
-		min-width: 100%;
-
-		& .ck-dropdown__button {
-			&:not(:focus) {
-				border: 1px solid var(--ck-color-base-border);
-			}
-
-			& .ck-button__label {
-				width: 100%;
-			}
-		}
-	}
-
-	/* Default `ck-responsive-form` customization when it lies next to `ck-form` class */
-	&.ck-responsive-form {
-		& .ck.ck-form__row {
-			&.ck-form__row_with-submit {
-				@mixin ck-media-phone {
-					flex-direction: column;
-					align-items: stretch;
-					padding: 0;
-				}
-
-				> .ck {
-					@mixin ck-media-phone {
-						margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
-					}
-				}
-
-				.ck-button_with-text {
-					@mixin ck-media-phone {
-						justify-content: center;
-					}
-				}
-			}
-
-			&.ck-form__row_large-bottom-padding {
-				@mixin ck-media-phone {
-					padding-bottom: var(--ck-spacing-large);
-				}
-			}
-		}
-
-		@mixin ck-dir ltr {
-			& > :not(:first-child) {
-				margin-left: 0;
-			}
-		}
-
-		@mixin ck-dir rtl {
-			& > :not(:last-child) {
-				margin-left: 0;
-			}
-		}
-	}
-	/* End of `ck-responsive-form` customization */
-}

package/theme/components/formheader/formheader.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-form__header {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: nowrap;
-	align-items: center;
-	justify-content: space-between;
-
-	& h2.ck-form__header__label {
-		flex-grow: 1;
-		text-overflow: ellipsis;
-		overflow: hidden;
-	}
-}

package/theme/components/formrow/formrow.css

@@ -1,32 +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-form__row {
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	align-items: flex-start;
-	padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
-
-	&.ck-form__row_large-top-padding {
-		padding-top: var(--ck-spacing-large);
-	}
-
-	&.ck-form__row_large-bottom-padding {
-		padding-bottom: var(--ck-spacing-large);
-	}
-
-	&.ck-form__row_with-submit {
-		flex-wrap: nowrap;
-
-		& > *:not(:first-child) {
-			margin-inline-start: var(--ck-spacing-standard);
-		}
-	}
-
-	& > .ck.ck-form__row {
-		padding: 0;
-	}
-}

package/theme/components/highlightedtext/highlightedtext.css

@@ -1,12 +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-highlighted-text mark {
-	background: var(--ck-color-highlight-background);
-	vertical-align: initial;
-	font-weight: inherit;
-	line-height: inherit;
-	font-size: inherit;
-}

package/theme/components/icon/icon.css

@@ -1,8 +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-icon {
-	vertical-align: middle;
-}

package/theme/components/input/input.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
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */

package/theme/components/label/label.css

@@ -1,12 +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-label {
-	display: block;
-}
-
-.ck.ck-voice-label {
-	display: none;
-}