@ckeditor/ckeditor5-theme-lark 44.3.0 → 45.0.0-alpha.0

package/theme/ckeditor5-widget/widgettypearound.css

@@ -103,9 +103,8 @@
 	}
 
 	/*
-	 * Show type around buttons when the widget gets selected or being hovered.
+	 * Show type around buttons when the widget is being hovered.
 	 */
-	&.ck-widget_selected,
 	&:hover {
 		& > .ck-widget__type-around > .ck-widget__type-around__button {
 			@mixin ck-widget-type-around-button-visible;
@@ -137,6 +136,24 @@
 		}
 	}
 
+	&.ck-widget_selected {
+		/*
+		* Styles of the widget when the "fake caret" is blinking (e.g. upon keyboard navigation).
+		* Despite the widget being physically selected in the model, its outline should disappear.
+		*/
+		&.ck-widget_type-around_show-fake-caret_before,
+		&.ck-widget_type-around_show-fake-caret_after {
+			outline-color: transparent;
+		}
+
+		/*
+		* Show type around buttons when the widget gets selected.
+		*/
+		& > .ck-widget__type-around > .ck-widget__type-around__button {
+			@mixin ck-widget-type-around-button-visible;
+		}
+	}
+
 	/*
 	 * Styles for the "before" button when the widget has a selection handle. Because some space
 	 * is consumed by the handle, the button must be moved slightly to the right to let it breathe.
@@ -161,17 +178,6 @@
 		background: var(--ck-color-base-text);
 	}
 
-	/*
-	 * Styles of the widget when the "fake caret" is blinking (e.g. upon keyboard navigation).
-	 * Despite the widget being physically selected in the model, its outline should disappear.
-	 */
-	&.ck-widget_selected {
-		&.ck-widget_type-around_show-fake-caret_before,
-		&.ck-widget_type-around_show-fake-caret_after {
-			outline-color: transparent;
-		}
-	}
-
 	&.ck-widget_type-around_show-fake-caret_before,
 	&.ck-widget_type-around_show-fake-caret_after {
 		/*
@@ -213,6 +219,15 @@
 			opacity: 0
 		}
 	}
+
+	/*
+	 * Hide type around buttons of all widget parents when the widget is being hovered.
+	 */
+	&:has( .ck-widget:hover ) {
+		& > .ck-widget__type-around > .ck-widget__type-around__button {
+			@mixin ck-widget-type-around-button-hidden;
+		}
+	}
 }
 
 /*
@@ -232,6 +247,7 @@
  * See https://github.com/ckeditor/ckeditor5/issues/7263.
  */
 .ck-editor__nested-editable.ck-editor__editable_selected {
+	/* stylelint-disable-next-line no-descending-specificity */
 	& .ck-widget {
 		&.ck-widget_selected,
 		&:hover {

package/theme/index.css

@@ -43,6 +43,7 @@
 @import "./ckeditor5-ui/components/panel/balloonrotator.css";
 @import "./ckeditor5-ui/components/panel/fakepanel.css";
 @import "./ckeditor5-ui/components/panel/stickypanel.css";
+@import "./ckeditor5-ui/components/form/form.css";
 @import "./ckeditor5-ui/components/responsive-form/responsiveform.css";
 @import "./ckeditor5-ui/components/search/search.css";
 @import "./ckeditor5-ui/components/spinner/spinner.css";
@@ -56,6 +57,8 @@
 
 /* Plugins */
 @import "./ckeditor5-bookmark/bookmark.css";
+@import "./ckeditor5-bookmark/bookmarkform.css";
+@import "./ckeditor5-bookmark/bookmarktoolbar.css";
 @import "./ckeditor5-clipboard/clipboard.css";
 @import "./ckeditor5-code-block/codeblock.css";
 @import "./ckeditor5-engine/placeholder.css";
@@ -68,10 +71,14 @@
 @import "./ckeditor5-image/imageuploadicon.css";
 @import "./ckeditor5-image/imageuploadloader.css";
 @import "./ckeditor5-image/imageuploadprogress.css";
+@import "./ckeditor5-image/textalternativeform.css";
+@import "./ckeditor5-image/imagecustomresizeform.css";
 @import "./ckeditor5-link/link.css";
-@import "./ckeditor5-link/linkactions.css";
+@import "./ckeditor5-link/linktoolbar.css";
 @import "./ckeditor5-link/linkform.css";
 @import "./ckeditor5-link/linkimage.css";
+@import "./ckeditor5-link/linkproperties.css";
+@import "./ckeditor5-link/linkprovideritems.css";
 @import "./ckeditor5-list/listproperties.css";
 @import "./ckeditor5-list/liststyles.css";
 @import "./ckeditor5-media-embed/mediaembedediting.css";
@@ -85,7 +92,6 @@
 @import "./ckeditor5-style/stylegroup.css";
 @import "./ckeditor5-style/stylepanel.css";
 @import "./ckeditor5-table/colorinput.css";
-@import "./ckeditor5-table/form.css";
 @import "./ckeditor5-table/formrow.css";
 @import "./ckeditor5-table/inserttable.css";
 @import "./ckeditor5-table/tablecellproperties.css";
@@ -93,6 +99,7 @@
 @import "./ckeditor5-table/tableform.css";
 @import "./ckeditor5-table/tableproperties.css";
 @import "./ckeditor5-table/tableselection.css";
+@import "./ckeditor5-table/tablelayout.css";
 @import "./ckeditor5-widget/widget.css";
 @import "./ckeditor5-widget/widgetresize.css";
 @import "./ckeditor5-widget/widgettypearound.css";

package/theme/ckeditor5-link/linkactions.css

@@ -1,84 +0,0 @@
-/*
- * Copyright (c) 2003-2025, 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";
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
-@import "../mixins/_focus.css";
-@import "../mixins/_shadow.css";
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
-
-.ck.ck-link-actions {
-	& .ck-button.ck-link-actions__preview {
-		padding-left: 0;
-		padding-right: 0;
-
-		& .ck-button__label {
-			padding: 0 var(--ck-spacing-medium);
-			color: var(--ck-color-link-default);
-			text-overflow: ellipsis;
-			cursor: pointer;
-
-			/* Match the box model of the link editor form's input so the balloon
-			does not change width when moving between actions and the form. */
-			max-width: var(--ck-input-width);
-			min-width: 3em;
-			text-align: center;
-
-			&:hover {
-				text-decoration: underline;
-			}
-		}
-
-		&,
-		&:hover,
-		&:focus,
-		&:active {
-			background: none;
-		}
-
-		&:active {
-			box-shadow: none;
-		}
-
-		&:focus {
-			& .ck-button__label {
-				text-decoration: underline;
-			}
-		}
-	}
-
-	@mixin ck-dir ltr {
-		& .ck-button:not(:first-child) {
-			margin-left: var(--ck-spacing-standard);
-		}
-	}
-
-	@mixin ck-dir rtl {
-		& .ck-button:not(:last-child) {
-			margin-left: var(--ck-spacing-standard);
-		}
-	}
-
-	@mixin ck-media-phone {
-		& .ck-button.ck-link-actions__preview {
-			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
-
-			& .ck-button__label {
-				min-width: 0;
-				max-width: 100%;
-			}
-		}
-
-		& .ck-button:not(.ck-link-actions__preview) {
-			@mixin ck-dir ltr {
-				margin-left: 0;
-			}
-
-			@mixin ck-dir rtl {
-				margin-left: 0;
-			}
-		}
-	}
-}

package/theme/ckeditor5-table/form.css

@@ -1,32 +0,0 @@
-/*
- * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck.ck-form {
-	padding: 0 0 var(--ck-spacing-large);
-
-	&:focus {
-		/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
-		outline: none;
-	}
-
-	& .ck.ck-input-text {
-		min-width: 100%;
-		width: 0;
-	}
-
-	& .ck.ck-dropdown {
-		min-width: 100%;
-
-		& .ck-dropdown__button {
-			&:not(:focus) {
-				border: 1px solid var(--ck-color-base-border);
-			}
-
-			& .ck-button__label {
-				width: 100%;
-			}
-		}
-	}
-}