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

package/package.json

@@ -1,18 +1,9 @@
 {
   "name": "@ckeditor/ckeditor5-theme-lark",
-  "version": "0.0.0-nightly-20260129.0",
+  "version": "0.0.0-nightly-next-20260129.0",
   "description": "A bright theme for CKEditor 5.",
-  "keywords": [
-    "ckeditor",
-    "ckeditor5",
-    "ckeditor 5",
-    "ckeditor5-theme"
-  ],
-  "dependencies": {
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20260129.0"
-  },
-  "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",
+  "author": "CKSource (http://cksource.com/)",
   "homepage": "https://ckeditor.com/ckeditor-5",
   "bugs": "https://github.com/ckeditor/ckeditor5/issues",
   "repository": {
@@ -20,13 +11,24 @@
     "url": "https://github.com/ckeditor/ckeditor5.git",
     "directory": "packages/ckeditor5-theme-lark"
   },
+  "keywords": [
+    "ckeditor",
+    "ckeditor5",
+    "ckeditor 5",
+    "ckeditor5-theme"
+  ],
+  "main": "./dist/index.css",
+  "exports": {
+    ".": "./dist/index.css",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-next-20260129.0"
+  },
   "files": [
     "dist",
-    "lang",
-    "src",
-    "theme",
     "ckeditor5-metadata.json",
     "CHANGELOG.md"
-  ],
-  "main": "./theme/theme.css"
+  ]
 }

package/theme/ckeditor5-bookmark/bookmark.css

@@ -1,68 +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-bookmark-icon-hover-fill-color: var(--ck-color-widget-hover-border);
-	--ck-bookmark-icon-selected-fill-color: var(--ck-color-focus-border);
-	--ck-bookmark-icon-animation-duration: var(--ck-widget-handler-animation-duration);
-	--ck-bookmark-icon-animation-curve: var(--ck-widget-handler-animation-curve);
-}
-
-.ck .ck-bookmark {
-	&.ck-widget {
-		display: inline-block;
-		outline: none;
-
-		& .ck-bookmark__icon .ck-icon__fill {
-			transition: fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);
-		}
-
-		&:hover {
-			& .ck-bookmark__icon .ck-icon__fill {
-				fill: var(--ck-bookmark-icon-hover-fill-color);
-			}
-		}
-
-		&.ck-widget_selected {
-			.ck-bookmark__icon .ck-icon__fill {
-				fill: var(--ck-bookmark-icon-selected-fill-color);
-			}
-		}
-
-		&.ck-widget_selected,
-		&.ck-widget_selected:hover {
-			outline: none;
-		}
-
-		& .ck-bookmark__icon {
-			position: relative;
-			display: block;
-			/* To make it align with text baseline. */
-			top: -0.1em;
-
-			& .ck-icon {
-				height: 1.2em;
-				width: auto;
-				vertical-align: middle;
-			}
-		}
-	}
-}
-
-/*
- * Classes used by the "fake visual selection" displayed in the content when an input
- * in the bookmark UI has focus (the browser does not render the native selection in this state).
- */
-.ck .ck-fake-bookmark-selection {
-	background: var(--ck-color-link-fake-selection);
-}
-
-/* A collapsed fake visual selection. */
-.ck .ck-fake-bookmark-selection_collapsed {
-	height: 100%;
-	border-right: 1px solid var(--ck-color-base-text);
-	margin-right: -1px;
-	outline: solid 1px hsla(0, 0%, 100%, .5);
-}

package/theme/ckeditor5-bookmark/bookmarkform.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
- */
-
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
-
-:root {
-	--ck-bookmark-form-width: 340px;
-}
-
-@mixin ck-media-phone {
-	:root {
-		--ck-bookmark-form-width: 300px;
-	}
-}
-
-.ck.ck-bookmark-form {
-	width: var(--ck-bookmark-form-width);
-}

package/theme/ckeditor5-bookmark/bookmarktoolbar.css

@@ -1,27 +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/_unselectable.css";
-
-.ck.ck-bookmark-balloon {
-	& .ck.ck-toolbar {
-		& > .ck-toolbar__items {
-			flex-wrap: nowrap;
-		}
-	}
-}
-
-.ck.ck-bookmark-toolbar__preview {
-	padding: 0 var(--ck-spacing-medium);
-	max-width: var(--ck-input-width);
-	min-width: 3em;
-	font-weight: normal;
-	text-overflow: ellipsis;
-	text-align: center;
-	overflow: hidden;
-
-	@mixin ck-unselectable;
-	cursor: default;
-}

package/theme/ckeditor5-clipboard/clipboard.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 "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
-
-:root {
-	--ck-clipboard-drop-target-dot-width: 12px;
-	--ck-clipboard-drop-target-dot-height: 8px;
-	--ck-clipboard-drop-target-color: var(--ck-color-focus-border);
-}
-
-.ck.ck-editor__editable {
-	/*
-	 * Vertical drop target (in text).
-	 */
-	& .ck.ck-clipboard-drop-target-position {
-		& span {
-			bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
-			top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
-			border: 1px solid var(--ck-clipboard-drop-target-color);
-			background: var(--ck-clipboard-drop-target-color);
-			margin-left: -1px;
-
-			/* The triangle above the marker */
-			&::after {
-				content: '';
-				width: 0;
-				height: 0;
-
-				display: block;
-				position: absolute;
-				left: 50%;
-				top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
-
-				transform: translateX(-50%);
-				border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
-				border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
-				border-style: solid;
-			}
-		}
-	}
-
-	/*
-	 * Styles of the widget that it a drop target.
-	 */
-	& .ck-widget.ck-clipboard-drop-target-range {
-		outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
-	}
-
-	/*
-	 * Styles of the widget being dragged (its preview).
-	 */
-	& .ck-widget:-webkit-drag {
-		zoom: 0.6;
-		outline: none !important;
-	}
-}
-
-.ck.ck-clipboard-drop-target-line {
-	height: 0;
-	border: 1px solid var(--ck-clipboard-drop-target-color);
-	background: var(--ck-clipboard-drop-target-color);
-	margin-top: -1px;
-
-	&::before {
-		content: '';
-		position: absolute;
-		top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
-		width: 0;
-		height: 0;
-		border-style: solid;
-
-		@mixin ck-dir ltr {
-			left: -1px;
-
-			border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
-			border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
-		}
-
-		@mixin ck-dir rtl {
-			right: -1px;
-
-			border-width:calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
-			border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
-		}
-	}
-}

package/theme/ckeditor5-code-block/codeblock.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
- */
-
-:root {
-	--ck-color-code-block-label-background: hsl(0, 0%, 46%);
-}
-
-.ck.ck-editor__editable pre[data-language]::after {
-	top: -1px;
-	right: 10px;
-	background: var(--ck-color-code-block-label-background);
-
-	font-size: 10px;
-	font-family: var(--ck-font-face);
-	line-height: 16px;
-	padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
-	color: hsl(0, 0%, 100%);
-	white-space: nowrap;
-}
-
-.ck.ck-code-block-dropdown .ck-dropdown__panel {
-	/* There could be dozens of languages available. Use scroll to prevent a 10e6px dropdown. */
-	max-height: 250px;
-	overflow-y: auto;
-	overflow-x: hidden;
-}

package/theme/ckeditor5-editor-classic/classiceditor.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/_rounded.css";
-
-.ck.ck-editor__top {
-	& .ck-sticky-panel {
-		& .ck-sticky-panel__content {
-			@mixin ck-rounded-corners {
-				border-bottom-left-radius: 0;
-				border-bottom-right-radius: 0;
-			}
-
-			border: 1px solid var(--ck-color-base-border);
-			border-bottom-width: 0;
-
-			&.ck-sticky-panel__content_sticky {
-				border-bottom-width: 1px;
-			}
-
-			& .ck-menu-bar {
-				border: 0;
-				border-bottom: 1px solid var(--ck-color-base-border);
-			}
-
-			& .ck-toolbar {
-				border: 0;
-			}
-		}
-	}
-}
-
-/* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
-.ck.ck-editor__main > .ck-editor__editable {
-	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
-	background: var(--ck-color-base-background);
-
-	@mixin ck-rounded-corners {
-		border-top-left-radius: 0;
-		border-top-right-radius: 0;
-	}
-
-	&:not(.ck-focused) {
-		border-color: var(--ck-color-base-border);
-	}
-}

package/theme/ckeditor5-engine/placeholder.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 "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";
-
-/* See ckeditor/ckeditor5#936. */
-.ck.ck-placeholder, .ck .ck-placeholder {
-	@mixin ck-media-forced-colors {
-		/*
-		 * This is needed for Edge on Windows to use the right color for the placeholder content (::before).
-		 * See https://github.com/ckeditor/ckeditor5/issues/14907.
-		 */
-		forced-color-adjust: preserve-parent-color;
-	}
-
-	&::before {
-		cursor: text;
-
-		@mixin ck-media-default-colors {
-			color: var(--ck-color-engine-placeholder-text);
-		}
-
-		@mixin ck-media-forced-colors {
-			/*
-			 * In the high contrast mode there is no telling between regular and placeholder text. Using
-			 * italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907.
-			 */
-			font-style: italic;
-
-			/*
-			 * Without this margin, the caret will not show up and blink when the user puts the selection
-			 * in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907.
-			 */
-			margin-left: 1px;
-		}
-	}
-}

package/theme/ckeditor5-find-and-replace/findandreplaceform.css

@@ -1,194 +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.ck-find-and-replace-form {
-	width: 400px;
-
-	/*
-	 * The <form> needs tabindex="-1" for proper Esc handling after being clicked
-	 * but the side effect is that this creates a nasty focus outline in some browsers.
-	 */
-	&:focus {
-		outline: none;
-	}
-
-	/* Generic styles for the form inputs and actions. */
-	& .ck-find-and-replace-form__inputs,
-	& .ck-find-and-replace-form__actions {
-		flex: 1 1 auto;
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-		align-content: stretch;
-
-		padding: var(--ck-spacing-large);
-		margin: 0;
-
-		& > .ck-button {
-			flex: 0 0 auto;
-		}
-
-		@mixin ck-dir ltr {
-			& > * + * {
-				margin-left: var(--ck-spacing-standard);
-			}
-		}
-
-		@mixin ck-dir rtl {
-			& > * + * {
-				margin-right: var(--ck-spacing-standard);
-			}
-		}
-
-		& .ck-labeled-field-view {
-			flex: 1 1 auto;
-
-			& .ck-input {
-				width: 100%;
-				min-width: 50px;
-			}
-		}
-
-	}
-
-	/* Styles specific for inputs area. */
-	& .ck-find-and-replace-form__inputs {
-		/* To display all controls in line when there's an error under the input */
-		align-items: flex-start;
-
-		& > .ck-button-prev > .ck-icon {
-			transform: rotate(90deg);
-		}
-
-		& > .ck-button-next > .ck-icon {
-			transform: rotate(-90deg);
-		}
-
-		& .ck-results-counter {
-			top: 50%;
-			transform: translateY(-50%);
-
-			@mixin ck-dir ltr {
-				right: var(--ck-spacing-standard);
-			}
-
-			@mixin ck-dir rtl {
-				left: var(--ck-spacing-standard);
-			}
-
-			color: var(--ck-color-base-border);
-		}
-
-		& > .ck-labeled-field-replace {
-			flex: 0 0 100%;
-			padding-top: var(--ck-spacing-standard);
-
-			@mixin ck-dir ltr {
-				margin-left: 0;
-			}
-
-			@mixin ck-dir rtl {
-				margin-right: 0;
-			}
-		}
-	}
-
-	/* Styles specific for actions area. */
-	& .ck-find-and-replace-form__actions {
-		flex-wrap: wrap;
-		justify-content: flex-end;
-		margin-top: calc( -1 * var(--ck-spacing-large) );
-
-		& > .ck-button-find {
-			font-weight: bold;
-
-			/* Beef the find button up a little. It's the main action button in the form */
-			& .ck-button__label {
-				padding-left: var(--ck-spacing-large);
-				padding-right: var(--ck-spacing-large);
-			}
-		}
-	}
-
-	& .ck-switchbutton {
-		width: 100%;
-		display: flex;
-		flex-direction: row;
-		flex-wrap: nowrap;
-		justify-content: space-between;
-		align-items: center;
-	}
-}
-
-@mixin ck-media-phone {
-	.ck.ck-find-and-replace-form {
-		width: 300px;
-
-		/* Don't let the form overflow from the dialog (https://github.com/ckeditor/ckeditor5-commercial/issues/5913) */
-		max-width: 100%;
-
-		/* Styles specific for inputs area. */
-		&.ck-find-and-replace-form__input {
-			flex-wrap: wrap;
-
-			& .ck-labeled-field-view {
-				flex: 1 0 auto;
-				width: 100%;
-				margin-bottom: var(--ck-spacing-standard);
-			}
-
-			& > .ck-button {
-				text-align: center;
-
-				&:first-of-type {
-					flex: 1 1 auto;
-
-					@mixin ck-dir ltr {
-						margin-left: 0;
-					}
-
-					@mixin ck-dir rtl {
-						margin-right: 0;
-					}
-
-					& .ck-button__label {
-						width: 100%;
-						text-align: center;
-					}
-				}
-			}
-		}
-
-		/* Styles specific for actions area. */
-		&.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
-			flex-wrap: wrap;
-			flex: 1 1 auto;
-
-			& > .ck-button {
-				text-align: center;
-
-				&:first-of-type {
-					flex: 1 1 auto;
-
-					@mixin ck-dir ltr {
-						margin-left: 0;
-					}
-
-					@mixin ck-dir rtl {
-						margin-right: 0;
-					}
-				}
-
-				& .ck-button__label {
-					width: 100%;
-					text-align: center;
-				}
-			}
-		}
-	}
-}

package/theme/ckeditor5-heading/heading.css

@@ -1,15 +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
- */
-
-/* Resize dropdown's button label. */
-.ck.ck-dropdown.ck-heading-dropdown {
-	& .ck-dropdown__button .ck-button__label {
-		width: 8em;
-	}
-
-	& .ck-dropdown__panel .ck-list__item {
-		min-width: 18em;
-	}
-}

package/theme/ckeditor5-horizontal-line/horizontalline.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.
- */