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

package/theme/components/labeledfield/labeledfieldview.css

@@ -1,16 +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-labeled-field-view {
-	& > .ck.ck-labeled-field-view__input-wrapper {
-		display: flex;
-		position: relative;
-	}
-
-	& .ck.ck-label {
-		display: block;
-		position: absolute;
-	}
-}

package/theme/components/labeledinput/labeledinput.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/list/list.css

@@ -1,26 +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";
-
-.ck.ck-list {
-	@mixin ck-unselectable;
-
-	display: flex;
-	flex-direction: column;
-
-	& .ck-list__item,
-	& .ck-list__separator {
-		display: block;
-	}
-
-	/* Make sure that whatever child of the list item gets focus, it remains on the
-	top. Thanks to that, styles like box-shadow, outline, etc. are not masked by
-	adjacent list items. */
-	& .ck-list__item > *:focus {
-		position: relative;
-		z-index: var(--ck-z-default);
-	}
-}

package/theme/components/menubar/menubar.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/menubar/menubarmenu.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-menu-bar__menu {
-	display: block;
-	position: relative;
-}

package/theme/components/menubar/menubarmenubutton.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-menu-bar__menu  {
-	& > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
-		pointer-events: none;
-		z-index: var(--ck-z-default);
-	}
-}

package/theme/components/menubar/menubarmenulistitem.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/menubar/menubarmenulistitembutton.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/menubar/menubarmenupanel.css

@@ -1,62 +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-menu-bar-menu-max-width: 75vw;
-	--ck-menu-bar-nested-menu-horizontal-offset: 5px;
-}
-
-.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
-	z-index: var(--ck-z-panel);
-	max-width: var(--ck-menu-bar-menu-max-width);
-	position: absolute;
-
-	&.ck-menu-bar__menu__panel_position_ne,
-	&.ck-menu-bar__menu__panel_position_nw {
-		bottom: 100%;
-	}
-
-	&.ck-menu-bar__menu__panel_position_se,
-	&.ck-menu-bar__menu__panel_position_sw {
-		top: 100%;
-		bottom: auto;
-	}
-
-	&.ck-menu-bar__menu__panel_position_ne,
-	&.ck-menu-bar__menu__panel_position_se {
-		left: 0px;
-	}
-
-	&.ck-menu-bar__menu__panel_position_nw,
-	&.ck-menu-bar__menu__panel_position_sw {
-		right: 0px;
-	}
-
-	&.ck-menu-bar__menu__panel_position_es,
-	&.ck-menu-bar__menu__panel_position_en {
-		left: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
-	}
-
-	&.ck-menu-bar__menu__panel_position_es {
-		top: 0px;
-	}
-
-	&.ck-menu-bar__menu__panel_position_en {
-		bottom: 0px;
-	}
-
-	&.ck-menu-bar__menu__panel_position_ws,
-	&.ck-menu-bar__menu__panel_position_wn {
-		right: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
-	}
-
-	&.ck-menu-bar__menu__panel_position_ws {
-		top: 0px;
-	}
-
-	&.ck-menu-bar__menu__panel_position_wn {
-		bottom: 0px;
-	}
-}

package/theme/components/panel/balloonpanel.css

@@ -1,56 +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 {
-	/* Make sure the balloon arrow does not float over its children. */
-	--ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
-}
-
-.ck.ck-balloon-panel {
-	display: none;
-	position: absolute;
-
-	z-index: var(--ck-z-panel);
-
-	&.ck-balloon-panel_with-arrow {
-		&::before,
-		&::after {
-			content: "";
-			position: absolute;
-		}
-
-		&::before {
-			z-index: var(--ck-balloon-panel-arrow-z-index);
-		}
-
-		&::after {
-			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
-		}
-	}
-
-	&[class*="arrow_n"] {
-		&::before {
-			z-index: var(--ck-balloon-panel-arrow-z-index);
-		}
-
-		&::after {
-			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
-		}
-	}
-
-	&[class*="arrow_s"] {
-		&::before {
-			z-index: var(--ck-balloon-panel-arrow-z-index);
-		}
-
-		&::after {
-			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
-		}
-	}
-
-	&.ck-balloon-panel_visible {
-		display: block;
-	}
-}

package/theme/components/panel/balloonrotator.css

@@ -1,17 +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-rotator__navigation {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-/* Buttons inside a toolbar should be centered when rotator bar is wider.
- * See: https://github.com/ckeditor/ckeditor5-ui/issues/495
- */
-.ck .ck-balloon-rotator__content .ck-toolbar {
-	justify-content: center;
-}

package/theme/components/panel/fakepanel.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 .ck-fake-panel {
-	position: absolute;
-
-	/* Fake panels should be placed under main balloon content. */
-	z-index: calc(var(--ck-z-panel) - 1);
-}
-
-.ck .ck-fake-panel div {
-	position: absolute;
-}
-
-.ck .ck-fake-panel div:nth-child( 1 ) {
-	z-index: 2;
-}
-
-.ck .ck-fake-panel div:nth-child( 2 ) {
-	z-index: 1;
-}

package/theme/components/panel/stickypanel.css

@@ -1,17 +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-sticky-panel {
-	& .ck-sticky-panel__content_sticky {
-		z-index: var(--ck-z-panel); /* #315 */
-		position: fixed;
-		top: 0;
-	}
-
-	& .ck-sticky-panel__content_sticky_bottom-limit {
-		top: auto;
-		position: absolute;
-	}
-}

package/theme/components/responsive-form/responsiveform.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
- */
-
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
-
-.ck-vertical-form .ck-button {
-	&::after {
-		content: "";
-		width: 0;
-		position: absolute;
-		right: -1px;
-		top: -1px;
-		bottom: -1px;
-		z-index: 1;
-	}
-
-	&:focus::after {
-		display: none;
-	}
-}
-
-.ck.ck-responsive-form {
-	@mixin ck-media-phone {
-		& .ck-button {
-			&::after {
-				content: "";
-				width: 0;
-				position: absolute;
-				right: -1px;
-				top: -1px;
-				bottom: -1px;
-				z-index: 1;
-			}
-
-			&:focus::after {
-				display: none;
-			}
-		}
-	}
-}

package/theme/components/search/search.css

@@ -1,43 +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-search {
-	& > .ck-labeled-field-view {
-		& > .ck-labeled-field-view__input-wrapper > .ck-icon {
-			position: absolute;
-			top: 50%;
-			transform: translateY(-50%);
-
-			@mixin ck-dir ltr {
-				left: var(--ck-spacing-medium);
-			}
-
-			@mixin ck-dir rtl {
-				right: var(--ck-spacing-medium);
-			}
-		}
-
-		& .ck-search__reset {
-			position: absolute;
-			top: 50%;
-			transform: translateY(-50%);
-		}
-	}
-
-	& > .ck-search__results {
-		& > .ck-search__info {
-			& > span:first-child {
-				display: block;
-			}
-
-			/* Hide the filtered view when nothing was found */
-			&:not(.ck-hidden) ~ * {
-				display: none;
-			}
-		}
-	}
-}

package/theme/components/spinner/spinner.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
- */
-
-:root {
-	--ck-toolbar-spinner-size: 18px;
-}
-
-.ck.ck-spinner-container {
-	display: block;
-	position: relative;
-}
-
-.ck.ck-spinner {
-	position: absolute;
-	top: 50%;
-	left: 0;
-	right: 0;
-	margin: 0 auto;
-	transform: translateY(-50%);
-	z-index: 1;
-}

package/theme/components/textarea/textarea.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/toolbar/blocktoolbar.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-block-toolbar-button {
-	position: absolute;
-	z-index: var(--ck-z-default);
-}

package/theme/components/toolbar/toolbar.css

@@ -1,58 +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";
-
-.ck.ck-toolbar {
-	@mixin ck-unselectable;
-
-	display: flex;
-	flex-flow: row nowrap;
-	align-items: center;
-
-	& > .ck-toolbar__items {
-		display: flex;
-		flex-flow: row wrap;
-		align-items: center;
-		flex-grow: 1;
-
-	}
-
-	& .ck.ck-toolbar__separator {
-		display: inline-block;
-
-		/*
-		 * A leading or trailing separator makes no sense (separates from nothing on one side).
-		 * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and
-		 * moved to another toolbar in the dropdown.
-		 */
-		&:first-child,
-		&:last-child {
-			display: none;
-		}
-	}
-
-	& .ck-toolbar__line-break {
-		flex-basis: 100%;
-	}
-
-	&.ck-toolbar_grouping > .ck-toolbar__items {
-		flex-wrap: nowrap;
-	}
-
-	&.ck-toolbar_vertical > .ck-toolbar__items {
-		flex-direction: column;
-	}
-
-	&.ck-toolbar_floating > .ck-toolbar__items {
-		flex-wrap: nowrap;
-	}
-
-	& > .ck.ck-toolbar__grouped-dropdown {
-		& > .ck-dropdown__button .ck-dropdown__arrow {
-			display: none;
-		}
-	}
-}

package/theme/components/tooltip/tooltip.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
- */
-
-@import "../../mixins/_unselectable.css";
-
-.ck.ck-balloon-panel.ck-tooltip {
-	@mixin ck-unselectable;
-
-	z-index: calc( var(--ck-z-dialog) + 100 );
-}

package/theme/globals/_evaluationbadge.css

@@ -1,54 +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 {
-	/* where 7.5(px) is the font size of the evaluation badge label and 13(px) is the base font size. */
-	--ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
-	/* where 7.5(px) is the line height of the evaluation badge label and 13(px) is the base font size. */
-	--ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);
-	/* where -0.2(px) is the letter spacing of the evaluation badge label and 13(px) is the base font size. */
-	--ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
-	--ck-evaluation-badge-padding-vertical: 2px;
-	--ck-evaluation-badge-padding-horizontal: 4px;
-	--ck-evaluation-badge-text-color: hsl(0, 0%, 31%);
-	--ck-evaluation-badge-border-radius: var(--ck-border-radius);
-	--ck-evaluation-badge-background: hsl(0, 0%, 100%);
-	--ck-evaluation-badge-border-color: var(--ck-color-focus-border);
-}
-
-.ck.ck-balloon-panel.ck-evaluation-badge-balloon {
-	--ck-border-radius: var(--ck-evaluation-badge-border-radius);
-
-	box-shadow: none;
-	background: var(--ck-evaluation-badge-background);
-	min-height: unset;
-	z-index: calc( var(--ck-z-panel) - 1 );
-
-	& .ck.ck-evaluation-badge {
-		line-height: var(--ck-evaluation-badge-line-height);
-		padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
-
-		& .ck-evaluation-badge__label {
-			display: block;
-			padding: 0 2px;
-			font-size: var(--ck-evaluation-badge-font-size);
-			letter-spacing: var(--ck-evaluation-badge-letter-spacing);
-			font-weight: bold;
-			line-height: normal;
-			text-transform: uppercase;
-			color: var(--ck-evaluation-badge-text-color);
-		}
-	}
-
-	&[class*="position_inside"] {
-		border-color: transparent;
-	}
-
-	&[class*="position_border"] {
-		border: var(--ck-focus-ring);
-		border-color: var(--ck-evaluation-badge-border-color);
-	}
-}
-

package/theme/globals/_hidden.css

@@ -1,13 +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
- */
-
-/**
- * A class which hides an element in DOM.
- */
-.ck-hidden {
-	/* Override selector specificity. Otherwise, all elements with some display
-	style defined will override this one, which is not a desired result. */
-	display: none !important;
-}

package/theme/globals/_poweredby.css

@@ -1,84 +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 {
-	/* where 7.5(px) is the font size of the powered by label and 13(px) is the base font size. */
-	--ck-powered-by-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
-	/* where 10(px) is the line height of the powered by label and 13(px) is the base font size. */
-	--ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);
-	/* where -0.2(px) is the letter spacing of the powered by label and 13(px) is the base font size. */
-	--ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
-	--ck-powered-by-padding-vertical: 2px;
-	--ck-powered-by-padding-horizontal: 4px;
-	--ck-powered-by-text-color: hsl(0, 0%, 31%);
-	--ck-powered-by-border-radius: var(--ck-border-radius);
-	--ck-powered-by-background: hsl(0, 0%, 100%);
-	--ck-powered-by-border-color: var(--ck-color-focus-border);
-
-	--ck-powered-by-svg-width: 53;
-	--ck-powered-by-svg-height: 10;
-	--ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);
-	--ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);
-}
-
-.ck.ck-balloon-panel.ck-powered-by-balloon {
-	--ck-border-radius: var(--ck-powered-by-border-radius);
-
-	box-shadow: none;
-	background: var(--ck-powered-by-background);
-	min-height: unset;
-	z-index: calc( var(--ck-z-panel) - 1 );
-
-	& .ck.ck-powered-by {
-		line-height: var(--ck-powered-by-line-height);
-
-		& a {
-			cursor: pointer;
-			display: flex;
-			align-items: center;
-			opacity: .66;
-			filter: grayscale(80%);
-			line-height: var(--ck-powered-by-line-height);
-			padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
-		}
-
-		& .ck-powered-by__label {
-			font-size: var(--ck-powered-by-font-size);
-			letter-spacing: var(--ck-powered-by-letter-spacing);
-			padding-left: 2px;
-			text-transform: uppercase;
-			font-weight: bold;
-			margin-right: 4px;
-			cursor: pointer;
-			line-height: normal;
-			color: var(--ck-powered-by-text-color);
-
-		}
-
-		& .ck-icon {
-			display: block;
-			cursor: pointer;
-			width: var(--ck-powered-by-icon-width);
-			height: var(--ck-powered-by-icon-height);
-		}
-
-		&:hover {
-			& a {
-				filter: grayscale(0%);
-				opacity: 1;
-			}
-		}
-	}
-
-	&[class*="position_inside"] {
-		border-color: transparent;
-	}
-
-	&[class*="position_border"] {
-		border: var(--ck-focus-ring);
-		border-color: var(--ck-powered-by-border-color);
-	}
-}
-

package/theme/globals/_transition.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
- */
-
-/**
- * A class that disables all transitions of the element and its children.
- */
-.ck-transitions-disabled,
-.ck-transitions-disabled * {
-	transition: none !important;
-}

package/theme/globals/_zindex.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
- */
-
-:root {
-	--ck-z-default: 1;
-	--ck-z-panel: calc( var(--ck-z-default) + 999 );
-	--ck-z-dialog: 9999;
-}