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

package/theme/ckeditor5-ui/components/colorgrid/colorgrid.css

@@ -1,94 +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 "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";
-
-:root {
-	--ck-color-grid-tile-size: 24px;
-
-	/* Not using global colors here because these may change but some colors in a pallette
-	 * require special treatment. For instance, this ensures no matter what the UI text color is,
-	 * the check icon will look good on the black color tile. */
-	--ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
-}
-
-.ck.ck-color-grid {
-	grid-gap: 5px;
-	padding: 8px;
-}
-
-.ck.ck-color-grid__tile {
-	transition: .2s ease box-shadow;
-
-	@mixin ck-media-default-colors {
-		width: var(--ck-color-grid-tile-size);
-		height: var(--ck-color-grid-tile-size);
-		min-width: var(--ck-color-grid-tile-size);
-		min-height: var(--ck-color-grid-tile-size);
-		padding: 0;
-		border: 0;
-
-		&.ck-on,
-		&:focus:not( .ck-disabled ),
-		&:hover:not( .ck-disabled ) {
-			/* Disable the default .ck-button's border ring. */
-			border: 0;
-		}
-
-		&.ck-color-selector__color-tile_bordered {
-			box-shadow: 0 0 0 1px var(--ck-color-base-border);
-		}
-
-		&.ck-on {
-			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
-		}
-
-		&:focus:not( .ck-disabled ),
-		&:hover:not( .ck-disabled ) {
-			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
-		}
-	}
-
-	/*
-	 * In high contrast mode, the colors are replaced with text labels.
-	 * See https://github.com/ckeditor/ckeditor5/issues/14907.
-	 */
-	@mixin ck-media-forced-colors {
-		width: unset;
-		height: unset;
-		min-width: unset;
-		min-height: unset;
-		padding: 0 var(--ck-spacing-small);
-
-		& .ck-button__label {
-			display: inline-block;
-		}
-	}
-
-	@media (prefers-reduced-motion: reduce) {
-		transition: none;
-	}
-
-	&.ck-disabled {
-		cursor: unset;
-		transition: unset;
-	}
-
-	& .ck.ck-icon {
-		display: none;
-		color: var(--ck-color-color-grid-check-icon);
-	}
-
-	&.ck-on {
-		& .ck.ck-icon {
-			display: block;
-		}
-	}
-}
-
-.ck.ck-color-grid__label {
-	padding: 0 var(--ck-spacing-standard);
-}

package/theme/ckeditor5-ui/components/colorselector/colorselector.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 "@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 {
-			width: 100%;
-		}
-
-		& .ck-button.ck-color-selector__color-picker {
-			padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
-			border-bottom-left-radius: 0;
-			border-bottom-right-radius: 0;
-
-			&:not(:focus) {
-				border-top: 1px solid var(--ck-color-base-border);
-			}
-
-			& .ck.ck-icon {
-				@mixin ck-dir ltr {
-					margin-right: var(--ck-spacing-standard);
-				}
-
-				@mixin ck-dir rtl {
-					margin-left: var(--ck-spacing-standard);
-				}
-			}
-		}
-
-		& label.ck.ck-color-grid__label {
-			font-weight: unset;
-		}
-	}
-
-	/* View fragment with a color picker. */
-	& .ck-color-picker-fragment {
-		& .ck.ck-color-picker {
-			padding: 8px;
-
-			& .hex-color-picker {
-				height: 100px;
-				min-width: 180px;
-
-				&::part(saturation) {
-					border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
-				}
-
-				&::part(hue) {
-					border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
-				}
-
-				&::part(saturation-pointer),
-				&::part(hue-pointer) {
-					width: 15px;
-					height: 15px;
-				}
-			}
-		}
-
-		& .ck.ck-color-selector_action-bar {
-			padding: 0 8px 8px;
-		}
-	}
-}

package/theme/ckeditor5-ui/components/dialog/dialog.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
- */
-
-@import "../../../mixins/_rounded.css";
-@import "../../../mixins/_shadow.css";
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
-
-:root {
-	--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
-	--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
-	--ck-dialog-max-width: 100vw;
-	--ck-dialog-max-height: 90vh;
-	--ck-color-dialog-background: var(--ck-color-base-background);
-	--ck-color-dialog-form-header-border: var(--ck-color-base-border);
-}
-
-.ck.ck-dialog-overlay {
-	animation: ck-dialog-fade-in .3s;
-	background: var(--ck-dialog-overlay-background-color);
-	z-index: var(--ck-z-dialog);
-}
-
-.ck.ck-dialog {
-	@mixin ck-rounded-corners;
-	@mixin ck-drop-shadow;
-
-	--ck-drop-shadow: var(--ck-dialog-drop-shadow);
-
-	background: var(--ck-color-dialog-background);
-	max-height: var(--ck-dialog-max-height);
-	max-width: var(--ck-dialog-max-width);
-	border: 1px solid var(--ck-color-base-border);
-	overscroll-behavior: contain;
-
-	& .ck.ck-form__header {
-		border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
-	}
-}
-
-.ck-dialog-scroll-locked {
-	overflow: hidden;
-}
-
-@keyframes ck-dialog-fade-in {
-	0% {
-		background: hsla( 0, 0%, 0%, 0 );
-	}
-
-	100% {
-		background: var(--ck-dialog-overlay-background-color);
-	}
-}

package/theme/ckeditor5-ui/components/dialog/dialogactions.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-dialog {
-	& .ck.ck-dialog__actions {
-		padding: var(--ck-spacing-large);
-
-		& > * + * {
-			margin-left: var(--ck-spacing-large);
-		}
-	}
-}

package/theme/ckeditor5-ui/components/dropdown/dropdown.css

@@ -1,126 +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/_disabled.css";
-@import "../../../mixins/_shadow.css";
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
-
-:root {
-	--ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
-}
-
-.ck.ck-dropdown {
-	/* Enable font size inheritance, which allows fluid UI scaling. */
-	font-size: inherit;
-
-	& .ck-dropdown__arrow {
-		width: var(--ck-dropdown-arrow-size);
-	}
-
-	@mixin ck-dir ltr {
-		& .ck-dropdown__arrow {
-			right: var(--ck-spacing-standard);
-
-			/* A space to accommodate the triangle. */
-			margin-left: var(--ck-spacing-standard);
-		}
-	}
-
-	@mixin ck-dir rtl {
-		& .ck-dropdown__arrow {
-			left: var(--ck-spacing-standard);
-
-			/* A space to accommodate the triangle. */
-			margin-right: var(--ck-spacing-small);
-		}
-	}
-
-	&.ck-disabled .ck-dropdown__arrow {
-		@mixin ck-disabled;
-	}
-
-	& .ck-button.ck-dropdown__button {
-		@mixin ck-dir ltr {
-			&:not(.ck-button_with-text) {
-				/* Make sure dropdowns with just an icon have the right inner spacing */
-				padding-left: var(--ck-spacing-small);
-			}
-		}
-
-		@mixin ck-dir rtl {
-			&:not(.ck-button_with-text) {
-				/* Make sure dropdowns with just an icon have the right inner spacing */
-				padding-right: var(--ck-spacing-small);
-			}
-		}
-
-		/* #23 */
-		& .ck-button__label {
-			width: 7em;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-
-		/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
-		&.ck-disabled .ck-button__label {
-			@mixin ck-disabled;
-		}
-
-		/* https://github.com/ckeditor/ckeditor5/issues/816 */
-		&.ck-on {
-			border-bottom-left-radius: 0;
-			border-bottom-right-radius: 0;
-		}
-
-		&.ck-dropdown__button_label-width_auto .ck-button__label {
-			width: auto;
-		}
-
-		/* https://github.com/ckeditor/ckeditor5/issues/8699 */
-		&.ck-off:active,
-		&.ck-on:active {
-			box-shadow: none;
-
-			&:focus {
-				@mixin ck-box-shadow var(--ck-focus-outer-shadow);
-			}
-		}
-	}
-}
-
-.ck.ck-dropdown__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;
-
-	/* Make sure the panel is at least as wide as the drop-down's button. */
-	min-width: 100%;
-
-	/* Disabled corner border radius to be consistent with the .dropdown__button
-	https://github.com/ckeditor/ckeditor5/issues/816 */
-	&.ck-dropdown__panel_se {
-		border-top-left-radius: 0;
-	}
-
-	&.ck-dropdown__panel_sw {
-		border-top-right-radius: 0;
-	}
-
-	&.ck-dropdown__panel_ne {
-		border-bottom-left-radius: 0;
-	}
-
-	&.ck-dropdown__panel_nw {
-		border-bottom-right-radius: 0;
-	}
-
-	&:focus {
-		outline: none;
-	}
-}

package/theme/ckeditor5-ui/components/dropdown/listdropdown.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
- */
-
-@import "../../../mixins/_rounded.css";
-
-.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
-	/* Disabled radius of top-left border to be consistent with .dropdown__button
-	https://github.com/ckeditor/ckeditor5/issues/816 */
-	@mixin ck-rounded-corners {
-		border-top-left-radius: 0;
-	}
-
-	/* Make sure the button belonging to the first/last child of the list goes well with the
-	border radius of the entire panel. */
-	& .ck-list__item {
-		&:first-child > .ck-button {
-			@mixin ck-rounded-corners {
-				border-top-left-radius: 0;
-				border-bottom-left-radius: 0;
-				border-bottom-right-radius: 0;
-			}
-		}
-
-		&:last-child > .ck-button {
-			@mixin ck-rounded-corners {
-				border-top-left-radius: 0;
-				border-top-right-radius: 0;
-			}
-		}
-	}
-}

package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css

@@ -1,89 +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";
-
-/*
- * All menu buttons.
- */
-.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
-	width: 100%;
-	padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
-	border-radius: 0;
-
-	&:focus {
-		border-color: transparent;
-		box-shadow: none;
-
-		&:not(.ck-on) {
-			background: var(--ck-color-button-default-hover-background);
-		}
-	}
-
-	& > .ck-button__label {
-		flex-grow: 1;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	&.ck-disabled > .ck-button__label {
-		@mixin ck-disabled;
-	}
-
-	/* Spacing in buttons that miss the icon. */
-	&.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
-		margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
-	}
-
-	& > .ck-dropdown-menu-list__nested-menu__button__arrow {
-		width: var(--ck-dropdown-arrow-size);
-
-		@mixin ck-dir ltr {
-			transform: rotate(-90deg);
-
-			/* 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);
-
-			/* 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-dropdown-menu-list__nested-menu__button__arrow {
-		@mixin ck-disabled;
-	}
-
-	@mixin ck-dir ltr {
-		&:not(.ck-button_with-text) {
-			padding-left: var(--ck-spacing-small);
-		}
-
-		& > .ck-dropdown-menu-list__nested-menu__button__arrow {
-			right: var(--ck-spacing-standard);
-
-			/* A space to accommodate the triangle. */
-			margin-left: var(--ck-spacing-standard);
-		}
-	}
-
-	@mixin ck-dir rtl {
-		&:not(.ck-button_with-text) {
-			padding-right: var(--ck-spacing-small);
-		}
-
-		& > .ck-dropdown-menu-list__nested-menu__button__arrow {
-			left: var(--ck-spacing-standard);
-
-			/* A space to accommodate the triangle. */
-			margin-right: var(--ck-spacing-small);
-		}
-	}
-}

package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitem.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-dropdown-menu-menu-item-min-width: 18em;
-}
-
-.ck.ck-dropdown-menu-list__nested-menu__item {
-	min-width: var(--ck-dropdown-menu-menu-item-min-width);
-}

package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenulistitembutton.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
- */
-
-/*
- * List item buttons.
- */
-.ck-button.ck-dropdown-menu-list__nested-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 {
-		/* These margins are the same as for .ck-icon. */
-		margin-left: calc(-1 * var(--ck-spacing-small));
-		margin-right: var(--ck-spacing-small);
-	}
-
-	/*
-	 * Hovered items automatically get focused. Default focus styles look odd
-	 * while moving across a huge list of items so let's get rid of them
-	 */
-	&:focus {
-		border-color: transparent;
-		box-shadow: none;
-
-		&:not(.ck-on) {
-			background: var(--ck-color-button-default-hover-background);
-		}
-	}
-}

package/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenupanel.css

@@ -1,52 +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-dropdown-menu-menu-panel-max-width: 75vw;
-}
-
-.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
-	@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-dropdown-menu-menu-panel-max-width);
-
-	/* Reset balloon styling */
-	&::after,
-	&::before {
-		display: none;
-	}
-
-	/* Corner border radius consistent with the button. */
-	&.ck-balloon-panel_es,
-	&.ck-balloon-panel_se {
-		border-top-left-radius: 0;
-	}
-
-	&.ck-balloon-panel_ws,
-	&.ck-balloon-panel_sw {
-		border-top-right-radius: 0;
-	}
-
-	&.ck-balloon-panel_en,
-	&.ck-balloon-panel_ne {
-		border-bottom-left-radius: 0;
-	}
-
-	&.ck-balloon-panel_wn,
-	&.ck-balloon-panel_nw {
-		border-bottom-right-radius: 0;
-	}
-
-	&:focus {
-		outline: none;
-	}
-}

package/theme/ckeditor5-ui/components/dropdown/splitbutton.css

@@ -1,112 +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";
-
-:root {
-	--ck-color-split-button-hover-background: hsl(0, 0%, 92%);
-	--ck-color-split-button-hover-border: hsl(0, 0%, 70%);
-}
-
-.ck.ck-splitbutton {
-	/*
-	 * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest).
-	 */
-	&:hover > .ck-splitbutton__action,
-	&.ck-splitbutton_open > .ck-splitbutton__action {
-		[dir="ltr"] & {
-			/* Don't round the action button on the right side */
-			border-top-right-radius: unset;
-			border-bottom-right-radius: unset;
-		}
-
-		[dir="rtl"] & {
-			/* Don't round the action button on the left side */
-			border-top-left-radius: unset;
-			border-bottom-left-radius: unset;
-		}
-	}
-
-	& > .ck-splitbutton__arrow {
-		/* It's a text-less button and since the icon is positioned absolutely in such situation,
-		it must get some arbitrary min-width. */
-		min-width: unset;
-
-		[dir="ltr"] & {
-			/* Don't round the arrow button on the left side */
-			border-top-left-radius: unset;
-			border-bottom-left-radius: unset;
-		}
-
-		[dir="rtl"] & {
-			/* Don't round the arrow button on the right side */
-			border-top-right-radius: unset;
-			border-bottom-right-radius: unset;
-		}
-
-		& svg {
-			width: var(--ck-dropdown-arrow-size);
-		}
-	}
-
-	/* Make sure the divider stretches 100% height of the button
-	https://github.com/ckeditor/ckeditor5/issues/10936 */
-	& > .ck-splitbutton__arrow:not(:focus) {
-		border-top-width: 0px;
-		border-bottom-width: 0px;
-	}
-
-	/* Don't round the bottom left and right corners of the buttons when "open"
-	https://github.com/ckeditor/ckeditor5/issues/816 */
-	&.ck-splitbutton_open {
-		@mixin ck-rounded-corners {
-			& > .ck-splitbutton__action {
-				border-bottom-left-radius: 0;
-			}
-
-			& > .ck-splitbutton__arrow {
-				border-bottom-right-radius: 0;
-			}
-		}
-	}
-
-	/* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
-	as a whole. The background of both buttons should stand out and there should be a visual
-	separation between both buttons. */
-	&.ck-splitbutton_open,
-	&:hover {
-		/* When the split button hovered as a whole, not as individual buttons. */
-		& > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
-			background: var(--ck-color-split-button-hover-background);
-		}
-
-		/* Splitbutton separator needs to be set with the ::after pseudoselector
-		to display properly the borders on focus */
-		& > .ck-splitbutton__arrow:not(.ck-disabled)::after {
-			content: '';
-			position: absolute;
-			width: 1px;
-			height: 100%;
-			background-color: var(--ck-color-split-button-hover-border);
-		}
-
-		/* Make sure the divider between the buttons looks fine when the button is focused */
-		& > .ck-splitbutton__arrow:focus::after {
-			--ck-color-split-button-hover-border: var(--ck-color-focus-border);
-		}
-
-		[dir="ltr"] & {
-			& > .ck-splitbutton__arrow:not(.ck-disabled)::after {
-				left: -1px;
-			}
-		}
-
-		[dir="rtl"] & {
-			& > .ck-splitbutton__arrow:not(.ck-disabled)::after {
-				right: -1px;
-			}
-		}
-	}
-}