@ckeditor/ckeditor5-theme-lark 0.0.0-nightly-20260129.0 → 0.0.0-nightly-next-20260129.0

package/theme/ckeditor5-ui/components/menubar/menubarmenubutton.css

@@ -1,104 +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/_disabled.css";
-@import "../../mixins/_button.css";
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
-
-.ck.ck-menu-bar__menu {
-	/*
-	 * All menu buttons.
-	 */
-	& > .ck-menu-bar__menu__button {
-		width: 100%;
-
-		& > .ck-button__label {
-			flex-grow: 1;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-
-		&.ck-disabled > .ck-button__label {
-			@mixin ck-disabled;
-		}
-
-		@mixin ck-dir ltr {
-			&:not(.ck-button_with-text) {
-				padding-left: var(--ck-spacing-small);
-			}
-		}
-
-		@mixin ck-dir rtl {
-			&:not(.ck-button_with-text) {
-				padding-right: var(--ck-spacing-small);
-			}
-		}
-	}
-
-	/*
-	 * Top-level menu buttons only.
-	 */
-	&.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
-		padding: var(--ck-spacing-small) var(--ck-spacing-medium);
-		min-height: unset;
-
-		& .ck-button__label {
-			width: unset;
-			line-height: unset;
-
-			/*
-			 * Top-level buttons don't use ellipsis and overflow: hidden clips descenders.
-			 *  See https://github.com/ckeditor/ckeditor5/issues/17422.
-			 */
-			overflow: visible;
-		}
-
-		&.ck-on {
-			border-bottom-left-radius: 0;
-			border-bottom-right-radius: 0;
-		}
-
-		& .ck-icon {
-			display: none;
-		}
-	}
-
-	/*
-	 * Sub-menu buttons.
-	 */
-	&:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
-		border-radius: 0;
-
-		& > .ck-menu-bar__menu__button__arrow {
-			width: var(--ck-dropdown-arrow-size);
-
-			@mixin ck-dir ltr {
-				transform: rotate(-90deg);
-
-				/* A space to accommodate the triangle. */
-				margin-left: var(--ck-spacing-standard);
-
-				/* Nudge the arrow gently to the right because its center of gravity is to the left */
-				margin-right: calc(-1 * var(--ck-spacing-small));
-			}
-
-			@mixin ck-dir rtl {
-				transform: rotate(90deg);
-
-				left: var(--ck-spacing-standard);
-
-				/* A space to accommodate the triangle. */
-				margin-right: var(--ck-spacing-small);
-
-				/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
-				margin-left: calc(-1 * var(--ck-spacing-small));
-			}
-		}
-
-		&.ck-disabled > .ck-menu-bar__menu__button__arrow {
-			@mixin ck-disabled;
-		}
-	}
-}

package/theme/ckeditor5-ui/components/menubar/menubarmenulistitem.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
- */
-
-:root {
-	--ck-menu-bar-menu-item-min-width: 18em;
-}
-
-.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
-	min-width: var(--ck-menu-bar-menu-item-min-width);
-}

package/theme/ckeditor5-ui/components/menubar/menubarmenulistitembutton.css

@@ -1,36 +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-menu-bar__menu {
-	/*
-	 * List item buttons.
-	 */
-	& .ck-button.ck-menu-bar__menu__item__button {
-		border-radius: 0;
-
-		& > .ck-spinner-container,
-		& > .ck-spinner-container .ck-spinner {
-			/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
-			--ck-toolbar-spinner-size: 20px;
-		}
-
-		& > .ck-spinner-container {
-			/* This ensures margins corresponding to the .ck-icon. */
-			font-size: var(--ck-icon-font-size);
-
-			@mixin ck-dir ltr {
-				margin-right: var(--ck-spacing-medium);
-			}
-
-			@mixin ck-dir rtl {
-				margin-left: var(--ck-spacing-medium);
-			}
-		}
-	}
-}
-
-

package/theme/ckeditor5-ui/components/menubar/menubarmenupanel.css

@@ -1,70 +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/_rounded.css";
-@import "../../../mixins/_shadow.css";
-@import "../../../mixins/_focus.css";
-
-:root {
-	--ck-menu-bar-menu-panel-max-width: 75vw;
-}
-
-.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
-	@mixin ck-rounded-corners;
-	@mixin ck-drop-shadow;
-
-	background: var(--ck-color-dropdown-panel-background);
-	border: 1px solid var(--ck-color-dropdown-panel-border);
-	bottom: 0;
-	height: fit-content;
-	max-width: var(--ck-menu-bar-menu-panel-max-width);
-
-	/* Corner border radius consistent with the button. */
-	&.ck-menu-bar__menu__panel_position_es,
-	&.ck-menu-bar__menu__panel_position_se {
-		border-top-left-radius: 0;
-	}
-
-	&.ck-menu-bar__menu__panel_position_ws,
-	&.ck-menu-bar__menu__panel_position_sw {
-		border-top-right-radius: 0;
-	}
-
-	&.ck-menu-bar__menu__panel_position_en,
-	&.ck-menu-bar__menu__panel_position_ne {
-		border-bottom-left-radius: 0;
-	}
-
-	&.ck-menu-bar__menu__panel_position_wn,
-	&.ck-menu-bar__menu__panel_position_nw {
-		border-bottom-right-radius: 0;
-	}
-
-	&:focus {
-		outline: none;
-	}
-}
-
-.ck.ck-menu-bar {
-	& .ck-list-item-button {
-		&:focus,
-		&:active {
-			border-color: transparent;
-			box-shadow: none;
-		}
-	}
-
-	&.ck-menu-bar_focus-border-enabled .ck-list-item-button {
-		&:focus,
-		&:active {
-			/* Fix truncated shadows due to rendering order. */
-			position: relative;
-			z-index: 2;
-
-			@mixin ck-focus-ring;
-			@mixin ck-box-shadow var(--ck-focus-outer-shadow);
-		}
-	}
-}

package/theme/ckeditor5-ui/components/panel/balloonpanel.css

@@ -1,207 +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/_rounded.css";
-@import "../../../mixins/_shadow.css";
-
-:root {
-	--ck-balloon-border-width: 1px;
-	--ck-balloon-arrow-offset: 2px;
-	--ck-balloon-arrow-height: 10px;
-	--ck-balloon-arrow-half-width: 8px;
-	--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
-}
-
-.ck.ck-balloon-panel {
-	@mixin ck-rounded-corners;
-	@mixin ck-drop-shadow;
-
-	min-height: 15px;
-
-	background: var(--ck-color-panel-background);
-	border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
-
-	&.ck-balloon-panel_with-arrow {
-		&::before,
-		&::after {
-			width: 0;
-			height: 0;
-			border-style: solid;
-		}
-	}
-
-	&[class*="arrow_n"] {
-		&::before,
-		&::after {
-			border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
-		}
-
-		&::before {
-			border-color: transparent transparent var(--ck-color-panel-border) transparent;
-			margin-top: calc( -1 * var(--ck-balloon-border-width) );
-		}
-
-		&::after {
-			border-color: transparent transparent var(--ck-color-panel-background) transparent;
-			margin-top: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
-		}
-	}
-
-	&[class*="arrow_s"] {
-		&::before,
-		&::after {
-			border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
-		}
-
-		&::before {
-			border-color: var(--ck-color-panel-border) transparent transparent;
-			filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
-			margin-bottom: calc( -1 * var(--ck-balloon-border-width) );
-		}
-
-		&::after {
-			border-color: var(--ck-color-panel-background) transparent transparent transparent;
-			margin-bottom: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
-		}
-	}
-
-	&[class*="arrow_e"] {
-		&::before,
-		&::after {
-			border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
-		}
-
-		&::before {
-			border-color: transparent transparent transparent var(--ck-color-panel-border);
-			margin-right: calc( -1 * var(--ck-balloon-border-width) );
-		}
-
-		&::after {
-			border-color: transparent transparent transparent var(--ck-color-panel-background);
-			margin-right: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
-		}
-	}
-
-	&[class*="arrow_w"] {
-		&::before,
-		&::after {
-			border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
-		}
-
-		&::before {
-			border-color: transparent var(--ck-color-panel-border) transparent transparent;
-			margin-left: calc( -1 * var(--ck-balloon-border-width) );
-		}
-
-		&::after {
-			border-color: transparent var(--ck-color-panel-background) transparent transparent;
-			margin-left: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
-		}
-	}
-
-	&.ck-balloon-panel_arrow_n {
-		&::before,
-		&::after {
-			left: 50%;
-			margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
-			top: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_nw {
-		&::before,
-		&::after {
-			left: calc(2 * var(--ck-balloon-arrow-half-width));
-			top: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_ne {
-		&::before,
-		&::after {
-			right: calc(2 * var(--ck-balloon-arrow-half-width));
-			top: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_s {
-		&::before,
-		&::after {
-			left: 50%;
-			margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
-			bottom: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_sw {
-		&::before,
-		&::after {
-			left: calc(2 * var(--ck-balloon-arrow-half-width));
-			bottom: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_se {
-		&::before,
-		&::after {
-			right: calc(2 * var(--ck-balloon-arrow-half-width));
-			bottom: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_sme {
-		&::before,
-		&::after {
-			right: 25%;
-			margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
-			bottom: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_smw {
-		&::before,
-		&::after {
-			left: 25%;
-			margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
-			bottom: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_nme {
-		&::before,
-		&::after {
-			right: 25%;
-			margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
-			top: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_nmw {
-		&::before,
-		&::after {
-			left: 25%;
-			margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
-			top: calc(-1 * var(--ck-balloon-arrow-height));
-		}
-	}
-
-	&.ck-balloon-panel_arrow_e {
-		&::before,
-		&::after {
-			right: calc(-1 * var(--ck-balloon-arrow-height));
-			margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
-			top: 50%;
-		}
-	}
-
-	&.ck-balloon-panel_arrow_w {
-		&::before,
-		&::after {
-			left: calc(-1 * var(--ck-balloon-arrow-height));
-			margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
-			top: 50%;
-		}
-	}
-}

package/theme/ckeditor5-ui/components/panel/balloonrotator.css

@@ -1,33 +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 {
-	background: var(--ck-color-toolbar-background);
-	border-bottom: 1px solid var(--ck-color-toolbar-border);
-	padding: 0 var(--ck-spacing-small);
-
-	/* Let's keep similar appearance to `ck-toolbar`. */
-	& > * {
-		margin-right: var(--ck-spacing-small);
-		margin-top: var(--ck-spacing-small);
-		margin-bottom: var(--ck-spacing-small);
-	}
-
-	/* Gives counter more breath than buttons. */
-	& .ck-balloon-rotator__counter {
-		margin-right: var(--ck-spacing-standard);
-
-		/* We need to use smaller margin because of previous button's right margin. */
-		margin-left: var(--ck-spacing-small);
-	}
-}
-
-.ck .ck-balloon-rotator__content {
-
-	/* Disable default annotation shadow inside rotator with fake panels. */
-	& .ck.ck-annotation-wrapper {
-		box-shadow: none;
-	}
-}

package/theme/ckeditor5-ui/components/panel/fakepanel.css

@@ -1,46 +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/_shadow.css";
-
-:root {
-	--ck-balloon-fake-panel-offset-horizontal: 6px;
-	--ck-balloon-fake-panel-offset-vertical: 6px;
-}
-
-/* Let's use `.ck-balloon-panel` appearance. See: balloonpanel.css. */
-.ck .ck-fake-panel div {
-	@mixin ck-drop-shadow;
-
-	min-height: 15px;
-
-	background: var(--ck-color-panel-background);
-	border: 1px solid var(--ck-color-panel-border);
-	border-radius: var(--ck-border-radius);
-
-	width: 100%;
-	height: 100%;
-}
-
-.ck .ck-fake-panel div:nth-child( 1 ) {
-	margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
-	margin-top: var(--ck-balloon-fake-panel-offset-vertical);
-}
-
-.ck .ck-fake-panel div:nth-child( 2 ) {
-	margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
-	margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
-}
-.ck .ck-fake-panel div:nth-child( 3 ) {
-	margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
-	margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
-}
-
-/* If balloon is positioned above element, we need to move fake panel to the top. */
-.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
-.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
-.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
-	--ck-balloon-fake-panel-offset-vertical: -6px;
-}

package/theme/ckeditor5-ui/components/panel/stickypanel.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
- */
-
-@import "../../../mixins/_shadow.css";
-
-.ck.ck-sticky-panel {
-	& .ck-sticky-panel__content_sticky {
-		@mixin ck-drop-shadow;
-
-		border-width: 0 1px 1px;
-		border-top-left-radius: 0;
-		border-top-right-radius: 0;
-	}
-}

package/theme/ckeditor5-ui/components/responsive-form/responsiveform.css

@@ -1,82 +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";
-
-.ck-vertical-form > .ck-button:nth-last-child(2)::after {
-	border-right: 1px solid var(--ck-color-base-border);
-}
-
-.ck.ck-responsive-form {
-	padding: var(--ck-spacing-large);
-
-	&:focus {
-		/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
-		outline: none;
-	}
-
-	@mixin ck-dir ltr {
-		& > :not(:first-child) {
-			margin-left: var(--ck-spacing-standard);
-		}
-	}
-
-	@mixin ck-dir rtl {
-		& > :not(:last-child) {
-			margin-left: var(--ck-spacing-standard);
-		}
-	}
-
-	@mixin ck-media-phone {
-		padding: 0;
-		width: calc(.8 * var(--ck-input-width));
-
-		& .ck-labeled-field-view {
-			margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
-
-			& .ck-input-text,
-			& .ck-input-number {
-				min-width: 0;
-				width: 100%;
-			}
-
-			/* Let the long error messages wrap in the narrow form. */
-			& .ck-labeled-field-view__error {
-				white-space: normal;
-			}
-		}
-
-		/* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */
-		& > .ck-button:nth-last-child(2) {
-			&::after {
-				border-right: 1px solid var(--ck-color-base-border);
-			}
-		}
-
-		& > .ck-button:nth-last-child(1),
-		& > .ck-button:nth-last-child(2) {
-			padding: var(--ck-spacing-standard);
-			margin-top: var(--ck-spacing-large);
-			border-radius: 0;
-
-			&:not(:focus) {
-				border-top: 1px solid var(--ck-color-base-border);
-			}
-
-			@mixin ck-dir ltr {
-				margin-left: 0;
-			}
-
-			@mixin ck-dir rtl {
-				margin-left: 0;
-
-				&:last-of-type {
-					border-right: 1px solid var(--ck-color-base-border);
-				}
-			}
-		}
-	}
-}