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

package/theme/ckeditor5-table/colorinput.css

@@ -1,103 +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";
-@import "../mixins/_rounded.css";
-
-.ck.ck-input-color {
-	& > .ck.ck-input-text {
-		@mixin ck-dir ltr {
-			border-top-right-radius: 0;
-			border-bottom-right-radius: 0;
-		}
-
-		@mixin ck-dir rtl {
-			border-top-left-radius: 0;
-			border-bottom-left-radius: 0;
-		}
-
-		/* Make sure the focused input is always on top of the dropdown button so its
-		   outline and border are never cropped (also when the input is read-only). */
-		&:focus {
-			z-index: 0;
-		}
-	}
-
-	& > .ck.ck-dropdown {
-		& > .ck.ck-button.ck-input-color__button {
-			padding: 0;
-
-			@mixin ck-dir ltr {
-				border-top-left-radius: 0;
-				border-bottom-left-radius: 0;
-
-				&:not(:focus) {
-					border-left: 1px solid transparent;
-				}
-			}
-
-			@mixin ck-dir rtl {
-				border-top-right-radius: 0;
-				border-bottom-right-radius: 0;
-
-				&:not(:focus) {
-					border-right: 1px solid transparent;
-				}
-			}
-
-			&.ck-disabled {
-				background: var(--ck-color-input-disabled-background);
-			}
-
-			& > .ck.ck-input-color__button__preview {
-				@mixin ck-rounded-corners;
-
-				width: 20px;
-				height: 20px;
-				border: 1px solid var(--ck-color-input-border);
-
-				& > .ck.ck-input-color__button__preview__no-color-indicator {
-					top: -30%;
-					left: 50%;
-					height: 150%;
-					width: 8%;
-					background: hsl(0, 100%, 50%);
-					border-radius: 2px;
-					transform: rotate(45deg);
-					transform-origin: 50%;
-				}
-			}
-		}
-	}
-
-	& .ck.ck-input-color__remove-color {
-		width: 100%;
-		padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
-
-		border-bottom-left-radius: 0;
-		border-bottom-right-radius: 0;
-
-		&:not(:focus) {
-			border-bottom: 1px solid var(--ck-color-input-border);
-		}
-
-		@mixin ck-dir ltr {
-			border-top-right-radius: 0;
-		}
-
-		@mixin ck-dir rtl {
-			border-top-left-radius: 0;
-		}
-
-		& .ck.ck-icon {
-			margin-right: var(--ck-spacing-standard);
-
-			@mixin ck-dir rtl {
-				margin-right: 0;
-				margin-left: var(--ck-spacing-standard);
-			}
-		}
-	}
-}

package/theme/ckeditor5-table/formrow-experimental.css

@@ -1,24 +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-form__row {
-	/* Ignore labels that work as fieldset legends */
-	& > *:not(.ck-label) {
-		& + * {
-			margin-inline-start: var(--ck-spacing-large);
-		}
-	}
-
-	& > .ck-label {
-		width: 100%;
-		min-width: 100%;
-	}
-
-	&.ck-table-form__action-row {
-		margin-top: var(--ck-spacing-large);
-	}
-}

package/theme/ckeditor5-table/formrow.css

@@ -1,28 +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-form__row {
-	/* Ignore labels that work as fieldset legends */
-	& > *:not(.ck-label) {
-		& + * {
-			margin-inline-start: var(--ck-spacing-large);
-		}
-	}
-
-	& > .ck-label {
-		width: 100%;
-		min-width: 100%;
-	}
-
-	&.ck-table-form__action-row {
-		margin-top: var(--ck-spacing-large);
-
-		& .ck-button .ck-button__label {
-			color: var(--ck-color-text);
-		}
-	}
-}

package/theme/ckeditor5-table/inserttable.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
- */
-
-:root {
-	--ck-insert-table-dropdown-padding: 10px;
-	--ck-insert-table-dropdown-box-height: 11px;
-	--ck-insert-table-dropdown-box-width: 12px;
-	--ck-insert-table-dropdown-box-margin: 1px;
-}
-
-.ck .ck-insert-table-dropdown__grid {
-	/* The width of a container should match 10 items in a row so there will be a 10x10 grid. */
-	width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
-	padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
-}
-
-.ck .ck-insert-table-dropdown__label,
-.ck[dir=rtl] .ck-insert-table-dropdown__label {
-	text-align: center;
-}
-
-.ck .ck-insert-table-dropdown-grid-box {
-	min-width: var(--ck-insert-table-dropdown-box-width);
-	min-height: var(--ck-insert-table-dropdown-box-height);
-	margin: var(--ck-insert-table-dropdown-box-margin);
-	border: 1px solid var(--ck-color-base-border);
-	border-radius: 1px;
-	outline: none;
-	transition: none;
-
-	@media (prefers-reduced-motion: reduce) {
-		transition: none;
-	}
-
-	&:focus {
-		box-shadow: none;
-	}
-
-	&.ck-on {
-		border-color: var(--ck-color-focus-border);
-		background: var(--ck-color-focus-outer-shadow);
-	}
-}
-

package/theme/ckeditor5-table/tablecellproperties-experimental.css

@@ -1,131 +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-table-cell-properties-form {
-	width: 320px;
-
-	&.ck-table-cell-properties-form_experimental {
-		--ck-table-form-default-input-width: 80px;
-
-		& .ck-form__row {
-			&.ck-table-cell-properties-form__padding-row {
-				align-self: flex-end;
-				padding: 0;
-				width: 25%;
-			}
-
-			&.ck-table-cell-properties-form__alignment-row {
-				& .ck.ck-toolbar {
-					background: none;
-
-					/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
-					margin-top: var(--ck-spacing-standard);
-				}
-			}
-
-			&.ck-table-form__border-row {
-				& .ck-labeled-field-view {
-					& > .ck-label {
-						font-size: var(--ck-font-size-tiny);
-						text-align: center;
-					}
-				}
-
-				& .ck-table-form__border-style,
-				& .ck-table-form__border-width {
-					width: 80px;
-					min-width: 80px;
-					max-width: 80px;
-				}
-			}
-
-			&.ck-table-form__dimensions-row {
-				padding: 0;
-
-				& .ck-table-form__dimensions-row__width,
-				& .ck-table-form__dimensions-row__height {
-					margin: 0
-				}
-
-				& .ck-table-form__dimension-operator {
-					align-self: flex-end;
-					display: inline-block;
-					height: var(--ck-ui-component-min-height);
-					line-height: var(--ck-ui-component-min-height);
-					margin: 0 var(--ck-spacing-small);
-				}
-			}
-
-			&.ck-form__row.ck-table-form__action-row {
-				& > .ck.ck-button {
-					flex-grow: initial;
-
-					& .ck-button__label {
-						color: currentColor;
-					}
-				}
-			}
-		}
-
-		&.ck-table-cell-properties-form_experimental-no-cell-type {
-			& .ck-form__row {
-				&.ck-table-form__dimensions-row {
-					--ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
-
-					width: var(--ck-table-form-dimensions-input-width);
-					max-width: var(--ck-table-form-dimensions-input-width);
-					min-width: var(--ck-table-form-dimensions-input-width);
-					padding: 0;
-
-					& .ck-table-form__dimensions-row__width,
-					& .ck-table-form__dimensions-row__height {
-						width: var(--ck-table-form-default-input-width);
-						min-width: var(--ck-table-form-default-input-width);
-						max-width: var(--ck-table-form-default-input-width);
-						margin: 0
-					}
-
-					& .ck-table-form__dimension-operator {
-						position: relative;
-						left: -0.5ch;
-						width: 0;
-						overflow: visible;
-						align-self: flex-end;
-						display: inline-block;
-						height: var(--ck-ui-component-min-height);
-						line-height: var(--ck-ui-component-min-height);
-						margin: 0 var(--ck-spacing-small);
-					}
-				}
-
-				&.ck-table-form__cell-type-row {
-					--ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
-
-					width: var(--ck-table-form-dimensions-input-width);
-					max-width: var(--ck-table-form-dimensions-input-width);
-					min-width: var(--ck-table-form-dimensions-input-width);
-					padding: 0;
-				}
-
-				&.ck-table-cell-properties-form__alignment-row {
-					& .ck.ck-toolbar {
-						&.ck-table-cell-properties-form__horizontal-alignment-toolbar {
-							--ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
-
-							width: var(--ck-table-form-dimensions-input-width);
-							max-width: var(--ck-table-form-dimensions-input-width);
-							min-width: var(--ck-table-form-dimensions-input-width);
-							padding: 0;
-						}
-
-						&.ck-table-cell-properties-form__vertical-alignment-toolbar {
-							flex-grow: 1;
-						}
-					}
-				}
-			}
-		}
-	}
-}

package/theme/ckeditor5-table/tablecellproperties.css

@@ -1,25 +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-table-cell-properties-form {
-	width: 320px;
-
-	& .ck-form__row {
-		&.ck-table-cell-properties-form__padding-row {
-			align-self: flex-end;
-			padding: 0;
-			width: 25%;
-		}
-
-		&.ck-table-cell-properties-form__alignment-row {
-			& .ck.ck-toolbar {
-				background: none;
-
-				/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
-				margin-top: var(--ck-spacing-standard);
-			}
-		}
-	}
-}

package/theme/ckeditor5-table/tableediting.css

@@ -1,73 +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-color-table-focused-cell-background: hsla(212, 90%, 80%, .3);
-	--ck-table-content-default-border-color: hsl(0, 0%, 83%);
-	--ck-table-border-none-helper-line-color: hsl(0, 0%, 83%);
-	--ck-table-border-none-helper-line-style: dashed;
-	--ck-table-border-none-helper-line-width: 1px;
-}
-
-.ck-widget.table {
-	/* Dashed outline for table without any border. */
-	& table[style*="border:none"],
-	& table[style*="border-style:none"] {
-		outline: var(--ck-table-content-default-border-color) 1px dashed;
-	}
-
-	& td,
-	& th {
-		/**
-		 * While setting outline is fine, the border should not be modified here
-		 * because it overrides the default table cell border color which is not expected.
-		 * So do not use `@mixin ck-focus-ring;` here, or any other border styles.
-		 * See more: https://github.com/ckeditor/ckeditor5/issues/16979
-		 */
-		&.ck-editor__nested-editable {
-			outline: unset;
-
-			&:not(.ck-editor__editable_selected) {
-				&.ck-editor__nested-editable_focused,
-				&:focus {
-					/* A very slight background to highlight the focused cell */
-					background: var(--ck-color-table-focused-cell-background);
-					outline: 1px solid var(--ck-color-focus-border);
-					outline-offset: -1px; /* progressive enhancement - no IE support */
-				}
-			}
-		}
-	}
-}
-
-/*
-By using `:where` we set the specificity to 0, but we need to override the inline styles that's why we must use `!important`.
-This way it will be easier to override it in custom themes if needed.
-*/
-:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) {
-	& :where( td[style*="border:none"], td[style*="border-style:none"], th[style*="border:none"], th[style*="border-style:none"] ) {
-		border: var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-color) !important;
-	}
-
-	& > :where( table[style*="border-top-style:none"] ),
-	& :where( td[style*="border-top-style:none"], th[style*="border-top-style:none"] ) {
-		border-top: var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-color) !important;
-	}
-
-	& > :where( table[style*="border-right-style:none"] ),
-	& :where( td[style*="border-right-style:none"], th[style*="border-right-style:none"] ) {
-		border-right: var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-color) !important;
-	}
-
-	& > :where( table[style*="border-bottom-style:none"] ),
-	& :where( td[style*="border-bottom-style:none"], th[style*="border-bottom-style:none"] ) {
-		border-bottom: var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-color) !important;
-	}
-
-	& > :where( table[style*="border-left-style:none"] ),
-	& :where( td[style*="border-left-style:none"], th[style*="border-left-style:none"] ) {
-		border-left: var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-color) !important;
-	}
-}

package/theme/ckeditor5-table/tableform-experimental.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/_rounded.css";
-
-:root {
-	--ck-table-properties-error-arrow-size: 6px;
-	--ck-table-properties-min-error-width: 150px;
-}
-
-.ck.ck-table-form.ck-table-properties-form_experimental {
-	--ck-table-form-default-input-width: 80px;
-
-	& .ck-form__row {
-		&.ck-table-form__border-row {
-			& .ck-labeled-field-view {
-				& > .ck-label {
-					font-size: var(--ck-font-size-tiny);
-					text-align: center;
-				}
-			}
-
-			& .ck-table-form__border-style,
-			& .ck-table-form__border-width {
-				width: var(--ck-table-form-default-input-width);
-				min-width: var(--ck-table-form-default-input-width);
-				max-width: var(--ck-table-form-default-input-width);
-			}
-		}
-
-		&.ck-table-form__dimensions-row {
-			--ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
-
-			width: var(--ck-table-form-dimensions-input-width);
-			max-width: var(--ck-table-form-dimensions-input-width);
-			min-width: var(--ck-table-form-dimensions-input-width);
-			padding: 0;
-
-			& .ck-table-form__dimensions-row__width,
-			& .ck-table-form__dimensions-row__height {
-				width: var(--ck-table-form-default-input-width);
-				min-width: var(--ck-table-form-default-input-width);
-				max-width: var(--ck-table-form-default-input-width);
-				margin: 0
-			}
-
-			& .ck-table-form__dimension-operator {
-				position: relative;
-				left: -0.5ch;
-				width: 0;
-				overflow: visible;
-				align-self: flex-end;
-				display: inline-block;
-				height: var(--ck-ui-component-min-height);
-				line-height: var(--ck-ui-component-min-height);
-				margin: 0 var(--ck-spacing-small);
-			}
-		}
-	}
-
-	& .ck.ck-labeled-field-view {
-		padding-top: var(--ck-spacing-standard);
-
-		& .ck.ck-labeled-field-view__status {
-			@mixin ck-rounded-corners;
-
-			background: var(--ck-color-base-error);
-			color: var(--ck-color-base-background);
-			padding: var(--ck-spacing-small) var(--ck-spacing-medium);
-			min-width: var(--ck-table-properties-min-error-width);
-			text-align: center;
-
-			/* The arrow pointing towards the field. */
-			&::after {
-				border-color: transparent transparent var(--ck-color-base-error) transparent;
-				border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
-				border-style: solid;
-			}
-
-			animation: ck-table-form-labeled-view-status-appear .15s ease both;
-
-			@media (prefers-reduced-motion: reduce) {
-				animation: none;
-			}
-		}
-
-		/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
-		& .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
-			display: none;
-		}
-	}
-}
-
-@keyframes ck-table-form-labeled-view-status-appear {
-	0% {
-		opacity: 0;
-	}
-
-	100% {
-		opacity: 1;
-	}
-}

package/theme/ckeditor5-table/tableform.css

@@ -1,90 +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-table-properties-error-arrow-size: 6px;
-	--ck-table-properties-min-error-width: 150px;
-}
-
-.ck.ck-table-form {
-	& .ck-form__row {
-		&.ck-table-form__border-row {
-			& .ck-labeled-field-view {
-				& > .ck-label {
-					font-size: var(--ck-font-size-tiny);
-					text-align: center;
-				}
-			}
-
-			& .ck-table-form__border-style,
-			& .ck-table-form__border-width {
-				width: 80px;
-				min-width: 80px;
-				max-width: 80px;
-			}
-		}
-
-		&.ck-table-form__dimensions-row {
-			padding: 0;
-
-			& .ck-table-form__dimensions-row__width,
-			& .ck-table-form__dimensions-row__height {
-				margin: 0
-			}
-
-			& .ck-table-form__dimension-operator {
-				align-self: flex-end;
-				display: inline-block;
-				height: var(--ck-ui-component-min-height);
-				line-height: var(--ck-ui-component-min-height);
-				margin: 0 var(--ck-spacing-small);
-			}
-		}
-	}
-
-	& .ck.ck-labeled-field-view {
-		padding-top: var(--ck-spacing-standard);
-
-		& .ck.ck-labeled-field-view__status {
-			@mixin ck-rounded-corners;
-
-			background: var(--ck-color-base-error);
-			color: var(--ck-color-base-background);
-			padding: var(--ck-spacing-small) var(--ck-spacing-medium);
-			min-width: var(--ck-table-properties-min-error-width);
-			text-align: center;
-
-			/* The arrow pointing towards the field. */
-			&::after {
-				border-color: transparent transparent var(--ck-color-base-error) transparent;
-				border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
-				border-style: solid;
-			}
-
-			animation: ck-table-form-labeled-view-status-appear .15s ease both;
-
-			@media (prefers-reduced-motion: reduce) {
-				animation: none;
-			}
-		}
-
-		/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
-		& .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
-			display: none;
-		}
-	}
-}
-
-@keyframes ck-table-form-labeled-view-status-appear {
-	0% {
-		opacity: 0;
-	}
-
-	100% {
-		opacity: 1;
-	}
-}